Marina
Lineaments:
-Marina is 2 Column Template .
- Posts thumbnails, tabs , Drop down men.
- It's Free Simple Blogger templates .
-Compatible with All Major Browsers
-Best for Simple , For Travel Blog.
- Designer name given inside theme file.
- Author : NewBloggerThemes
-Marina is 2 Column Template .
- Posts thumbnails, tabs , Drop down men.
- It's Free Simple Blogger templates .
-Compatible with All Major Browsers
-Best for Simple , For Travel Blog.
- Designer name given inside theme file.
- Author : NewBloggerThemes
-------------------------------------------------------------------------------------
In this code you can make changes in body layout parts of template
body#layout ul{list-style-type:none;list-style:none}
body#layout ul li{list-style-type:none;list-style:none}
body#layout #content {width:600px;}
body#layout #slidearea {display:none;}
body#layout #catmenucontainer {height:50px;}
body#layout #catmenu {height:50px;}
body#layout #headbox{display:none;}
------------------------------------------------------------------------------------
Here body configuration and hover style
body {
margin:0 auto;
padding:0px 0px 0px 0px;
background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg17Iu7S9ksGxJXcd9duYzNIpNjVppvJTFUImxrp_KU1jxWSBbmBrGcPy0hsoM3z_jbcO9A4tdsulgeYOEgX9M1AlBpQHPVeoxd0qDyFJhrjjz1xYaXgu1W2ECvJ_nVVc1Ht2V-UrNw1RZH/s0/body.png) top repeat-x ;
font-family:verdana,Arial, Tahoma,Century gothic, sans-serif;
font-size:12px;
}
img {
border:0;
margin: 0 0;
}
a {
color: #5384BF;
text-decoration: none;
outline:none;
}
a:visited {
color: #5384BF;
}
a:hover, a:active {
color: #214974;
text-decoration: none;
}
h1,h2, h3, h4, h5, h6 {
line-height:125%;
font-weight: bold;
}
table {
border: 1px solid #e7e7e7;
margin: 0 -1px 24px 0;
text-align: left;
width: 100%;
}
tr th,
thead th {
color: #888;
font-size: 12px;
font-weight: bold;
line-height: 18px;
padding: 9px 24px;
}
tr td {
border-top: 1px solid #e7e7e7;
padding: 6px 24px;
}
tr.odd td {
background: #f2f7fc;
}
---------------------------------------------------------------------
Outer wrapper and header part of code for configuration changes
#wrapper {
width:1000px;
margin:0px auto;
position:relative;
}
#casing {
padding:0px 0px 50px 0px;
float:left;
width:1000px;
margin:10px 0px 20px 0px;
background:#fff;
}
.incase{
padding-right:20px!important;
width:980px!important;
}
/* The Header */
#masthead {
height:200px;
}
#top {
height:112px;
margin:auto;
width:1000px;
position:relative;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik2HSQ835X-UKtzV0_fR0VAlU_YY8FK_jCJz1n0ZonD4KRPWVyB7Uuekn94gO9skScY4WJc5jIZJNt8jDJqID-7cCXHP8tfbZYg08YHAWbGKHD9ehU6ROL4e678sNiPvznBTU_IURliYVQ/s0/top.png);
overflow:hidden;
}
.blogname {
width:650px;
margin:30px 0 0 0px;
height:82px;
text-align:left;
float:left;
font-family:Georgia,Arial, Tahoma,Century gothic, sans-serif;
overflow:hidden;
}
.blogname h1 {
font-size:26px;
padding:0 0 0px 0;
font-weight:normal;
text-shadow:1px 1px 0px #cfd7dd;
}
.blogname h1 a:link, .blogname h1 a:visited{
color: #282a2a;
display:block;
margin:5px 0 0 0px;
}
.blogname h1 a:hover {
color: #282a2a;
}
.blogname h2 {
margin:0px 0px 0px 0px;
font-size:14px;
font-weight:normal;
color: #fff;
text-shadow:1px 1px 0px #172527;
}
---------------------------------------------------------------------
Search box appearance changes are possible here
#search {
width:253px;
padding:0px 0px ;
margin:45px 0px 10px 0px;
float:right;
height:35px;
display:inline;
overflow:hidden;
}
#search form {
margin: 0px 0px 0px 0px;
padding: 0;
}
#search fieldset {
margin: 0;
padding: 0;
border: none;
}
#search p {
margin: 0;
font-size: 85%;
}
#s {
width:176px;
margin:0px 0px 0px 0px;
padding: 7px 5px;
height:15px;
font: normal 100% "Tahoma", Arial, Helvetica, sans-serif;
color:#F77004;
float:left;
border:none;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQuH6EDdAmPq9WCc3vmGa4ZFUsx4nc20tpeDRZQMrTQQx_Jpsc_-MtPYgf8mft9iNzlSin-mjlOwYuTmV3EqZ1fBOghK-QzK0XP-BHAh_m8-BfVDjwKE5cGVBy71we891Y7rZiuVRm1Dan/s0/sform.png) no-repeat;
display:inline;
}
input#searchsubmit{
float:right;
display:inline;
margin:0px 0px 0px 0px;
height:29px;
width:67px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-j_iMRW51Wub-fIBtxFxTS7ROWaFFuJI-IhkCMmmi0U_wtnbDr-TfaP7bHcfjpnPkte1o0BQo3IXz7F7esNKGGKT0RTa7FStjGyMgGF4YiupaaEYFFmJk7QBdOxGLY3mqu3OO3nFdx8CM/s0/sbutton.png);
color:#fff;
border:none;
}
------------------------------------------------------------------------
Menu area of Appearance
#catmenucontainer{
height:36px;
display:block;
padding:0px 0 0px 0px;
font: 11px Arial,Tahoma,Century gothic,verdana, sans-serif;
font-weight:normal;
text-transform:uppercase;
}
#catmenu{
margin: 0px auto;
padding: 0px 0px;
height:36px;
overflow:hidden;
width:1000px;
}
#catmenu ul
{
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}
#catmenu li
{
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}
In this code you can make changes in body layout parts of template
body#layout ul{list-style-type:none;list-style:none}
body#layout ul li{list-style-type:none;list-style:none}
body#layout #content {width:600px;}
body#layout #slidearea {display:none;}
body#layout #catmenucontainer {height:50px;}
body#layout #catmenu {height:50px;}
body#layout #headbox{display:none;}
------------------------------------------------------------------------------------
Here body configuration and hover style
body {
margin:0 auto;
padding:0px 0px 0px 0px;
background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg17Iu7S9ksGxJXcd9duYzNIpNjVppvJTFUImxrp_KU1jxWSBbmBrGcPy0hsoM3z_jbcO9A4tdsulgeYOEgX9M1AlBpQHPVeoxd0qDyFJhrjjz1xYaXgu1W2ECvJ_nVVc1Ht2V-UrNw1RZH/s0/body.png) top repeat-x ;
font-family:verdana,Arial, Tahoma,Century gothic, sans-serif;
font-size:12px;
}
img {
border:0;
margin: 0 0;
}
a {
color: #5384BF;
text-decoration: none;
outline:none;
}
a:visited {
color: #5384BF;
}
a:hover, a:active {
color: #214974;
text-decoration: none;
}
h1,h2, h3, h4, h5, h6 {
line-height:125%;
font-weight: bold;
}
table {
border: 1px solid #e7e7e7;
margin: 0 -1px 24px 0;
text-align: left;
width: 100%;
}
tr th,
thead th {
color: #888;
font-size: 12px;
font-weight: bold;
line-height: 18px;
padding: 9px 24px;
}
tr td {
border-top: 1px solid #e7e7e7;
padding: 6px 24px;
}
tr.odd td {
background: #f2f7fc;
}
---------------------------------------------------------------------
Outer wrapper and header part of code for configuration changes
#wrapper {
width:1000px;
margin:0px auto;
position:relative;
}
#casing {
padding:0px 0px 50px 0px;
float:left;
width:1000px;
margin:10px 0px 20px 0px;
background:#fff;
}
.incase{
padding-right:20px!important;
width:980px!important;
}
/* The Header */
#masthead {
height:200px;
}
#top {
height:112px;
margin:auto;
width:1000px;
position:relative;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik2HSQ835X-UKtzV0_fR0VAlU_YY8FK_jCJz1n0ZonD4KRPWVyB7Uuekn94gO9skScY4WJc5jIZJNt8jDJqID-7cCXHP8tfbZYg08YHAWbGKHD9ehU6ROL4e678sNiPvznBTU_IURliYVQ/s0/top.png);
overflow:hidden;
}
.blogname {
width:650px;
margin:30px 0 0 0px;
height:82px;
text-align:left;
float:left;
font-family:Georgia,Arial, Tahoma,Century gothic, sans-serif;
overflow:hidden;
}
.blogname h1 {
font-size:26px;
padding:0 0 0px 0;
font-weight:normal;
text-shadow:1px 1px 0px #cfd7dd;
}
.blogname h1 a:link, .blogname h1 a:visited{
color: #282a2a;
display:block;
margin:5px 0 0 0px;
}
.blogname h1 a:hover {
color: #282a2a;
}
.blogname h2 {
margin:0px 0px 0px 0px;
font-size:14px;
font-weight:normal;
color: #fff;
text-shadow:1px 1px 0px #172527;
}
---------------------------------------------------------------------
Search box appearance changes are possible here
#search {
width:253px;
padding:0px 0px ;
margin:45px 0px 10px 0px;
float:right;
height:35px;
display:inline;
overflow:hidden;
}
#search form {
margin: 0px 0px 0px 0px;
padding: 0;
}
#search fieldset {
margin: 0;
padding: 0;
border: none;
}
#search p {
margin: 0;
font-size: 85%;
}
#s {
width:176px;
margin:0px 0px 0px 0px;
padding: 7px 5px;
height:15px;
font: normal 100% "Tahoma", Arial, Helvetica, sans-serif;
color:#F77004;
float:left;
border:none;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQuH6EDdAmPq9WCc3vmGa4ZFUsx4nc20tpeDRZQMrTQQx_Jpsc_-MtPYgf8mft9iNzlSin-mjlOwYuTmV3EqZ1fBOghK-QzK0XP-BHAh_m8-BfVDjwKE5cGVBy71we891Y7rZiuVRm1Dan/s0/sform.png) no-repeat;
display:inline;
}
input#searchsubmit{
float:right;
display:inline;
margin:0px 0px 0px 0px;
height:29px;
width:67px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-j_iMRW51Wub-fIBtxFxTS7ROWaFFuJI-IhkCMmmi0U_wtnbDr-TfaP7bHcfjpnPkte1o0BQo3IXz7F7esNKGGKT0RTa7FStjGyMgGF4YiupaaEYFFmJk7QBdOxGLY3mqu3OO3nFdx8CM/s0/sbutton.png);
color:#fff;
border:none;
}
------------------------------------------------------------------------
Menu area of Appearance
#catmenucontainer{
height:36px;
display:block;
padding:0px 0 0px 0px;
font: 11px Arial,Tahoma,Century gothic,verdana, sans-serif;
font-weight:normal;
text-transform:uppercase;
}
#catmenu{
margin: 0px auto;
padding: 0px 0px;
height:36px;
overflow:hidden;
width:1000px;
}
#catmenu ul
{
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}
#catmenu li
{
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}
0 comments:
Post a Comment