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

-------------------------------------------------------------------------------------

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