25 Pixel



 DOWNLOAD 


 Lineaments:

-25 Pixel  is 4 Column  Blogger Template .
 
-  Posts thumbnails, tabs , Drop down men.

- It's Free Photography Blogger templates .

-Compatible with All Major Browsers

-Best for
Blogspot Gallery templates,  , For Tech Blog.

- Template Author/Designer Given inside XML file

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

  you can make changes in blog title and page title like appending it

 <title>
    <b:if cond='data:blog.homepageUrl == data:blog.url'>
        <data:blog.title/>
    <b:else/>
        <data:blog.pageName/> | <data:blog.title/>
    </b:if>
</title><b:include data='blog' name='all-head-content'/>
                <link href='http://fonts.googleapis.com/css?family=Cabin:400,700|Playfair+Display+SC' rel='stylesheet' type='text/css'/>
                <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>

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

Header style  part


#header {
                padding:0!Important;
                margin-bottom: -10px;
                font-size: 14px;
                text-align: center;
                background: #353535;
                color: white;
                z-index: 9999;
        }
        #header-inner {
                margin:0 auto;
                padding-bottom:30px;
                width:300px!Important;
                background-position:center center!Important;
        }
        #header-inner .titlewrapper {
                padding:80px 0 0 0;
        }
        #header .titlewrapper h1, #header .titlewrapper h1 a {
                text-transform:uppercase;
                font-size:18px;
                color:#888;
        }
        #header .description {
                font-size:10px;
                color:#999;
        }
        #header-inner img {
                width:100px;
                margin:0 auto;
                width:100px;
                height:auto;
        }
        #header #blog-title, #header #blog-title a {
                color: white;
        }
        #header #access, nav.fixed {
                display: block;
        }

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

Navigation design


 nav {
                height:55px;
                width: 100%;
                font-size: 11pt;
                font-family:Arial, sans-serif;
                font-weight: bold;
                position: relative;
                background:#252525;
                margin-bottom:30px;
                text-shadow:0px 1px 0px #fff;
                        background-color:dfdfdf;
                background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZGRkZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
                background: -moz-linear-gradient(top, rgba(241, 241, 241, 1) 0%, rgba(221, 221, 221, 1) 100%);
                /* FF3.6+ */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(241, 241, 241, 1)), color-stop(100%, rgba(221, 221, 221, 1)));
                /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top, rgba(241, 241, 241, 1) 0%, rgba(221, 221, 221, 1) 100%);
                /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top, rgba(241, 241, 241, 1) 0%, rgba(221, 221, 221, 1) 100%);
                /* Opera 11.10+ */
                background: -ms-linear-gradient(top, rgba(241, 241, 241, 1) 0%, rgba(221, 221, 221, 1) 100%);
                /* IE10+ */
                background: linear-gradient(to bottom, rgba(241, 241, 241, 1) 0%, rgba(221, 221, 221, 1) 100%);
                /* W3C */
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=&#39;#f1f1f1&#39;, endColorstr=&#39;#dddddd&#39;, GradientType=0);
                /* IE6-8 */
                box-shadow:0 1px 4px rgba(0, 0, 0, 0.09);
        }























 





0 comments:

Post a Comment