BUSBY











Lineaments:

-busby is 2 Column  Template .
 
-  Posts thumbnails, tabs  menu.

- It's Free simple Blogger templates .

-Compatible with All Major Browsers

-Best 
For Tech Blog.

- Designer
name given inside theme file

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

Body part of design code of template

body{
    background: #ddd url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigm6k4g98kAQ3wEeohXaShsnbmG3oOL7IJgYSr_cKlphnSZFEyF0dw4f2TChm7zs8-ePM37YTijapM6HlDS7PU8K596sm9g0-jvlelnd4S5JiJFLns-EyPwaEGNsLPfM-hkftw0adHkBNm/s0/bg.gif) fixed;
    text-align: center;
    color:#242326;
    font-family:'Lato',sans-serif;
}

.ie6, .ie7, .ie8 body{
    border-top: 10px solid #EBEE13;
}

body:before {
    content: "";
    position: fixed;
    background: #EBEE13;
    left: 0;
    right: 0;
    height: 10px;
}

#container{
    text-align: left;
    clear: both; margin: 0 auto; width: 960px;
}

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

Header design  you can make changes here


#top{
    height:115px;
}

.logo{
    margin-top:35px;
}
.navwrapper{
    height:72px;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNEYhZoCpggju9ghltL2uJrU49fJakqwpuFfBE_qiit-uaZgusZ55iAiQQw_7EbM-nxYwSyMBP0DS6kSk2n8rgp4gfQ-pw3gs6I-VBygdprIn_WFACo2huvJjAD7NcG_0Opwa__gj3HL4b/s0/nav-bg.png) repeat;
}

#social{
    float:right;
    margin-top:60px;
    margin-right:20px;
}

#social li{
    text-indent: -30000px;
    display:inline;
    float:left;
}

#social li a{
    display:block;
    width:37px;
    height:37px;
    overflow:hidden;
}

#social li.rss{
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj320jxBflMhXUAZaKcO8nvalsq-Ui1BEOXnv7Knfe8YgwB7bMWfpZnsylixz4XncV1Ip1pF7jWh8RRW1xqmLFSQjVptKap6ZIj6Eo9UQ1IT2P6qHTj9y30mIwNhPE8u5niqqU7KGPaLVPa/s0/rss-icon.png);
    background-position: top;
}
#social li.rss:hover{
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj320jxBflMhXUAZaKcO8nvalsq-Ui1BEOXnv7Knfe8YgwB7bMWfpZnsylixz4XncV1Ip1pF7jWh8RRW1xqmLFSQjVptKap6ZIj6Eo9UQ1IT2P6qHTj9y30mIwNhPE8u5niqqU7KGPaLVPa/s0/rss-icon.png);
    background-position: 0 -37px;
}

#social li.facebook{
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9xYCW9-7euyD5Oa4KZDHXybz-5IQdXDbY5xusJGDbglNsvFdBTCafX6YkYx1eZnlMp0EGz-3zmIldgWeIyenXk5tL1GMR18yvJV2RGWwfiCnvljyjYjK_PQU0CWgF8fH2RYTTlVwAaqpQ/s0/facebook-icon.png);
    background-position: top;
}
#social li.facebook:hover{
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9xYCW9-7euyD5Oa4KZDHXybz-5IQdXDbY5xusJGDbglNsvFdBTCafX6YkYx1eZnlMp0EGz-3zmIldgWeIyenXk5tL1GMR18yvJV2RGWwfiCnvljyjYjK_PQU0CWgF8fH2RYTTlVwAaqpQ/s0/facebook-icon.png);
    background-position: 0 -37px;
}

#social li.twitter{
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgliOGKUBOx-FP8M1rGRpts_XkBajKPDP9q3mllHtADxCGLfhsHLIVFYqlmvI1SlQDbSq81TWxXMM-c_0pfrAcmQ2PEceViD7KQCcy1XI4qn7PU2YOt-Ee6pyKjq6v-umVMUHg2djrCdihY/s0/twitter-icon.png);
    background-position: top;
}
#social li.twitter:hover{
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgliOGKUBOx-FP8M1rGRpts_XkBajKPDP9q3mllHtADxCGLfhsHLIVFYqlmvI1SlQDbSq81TWxXMM-c_0pfrAcmQ2PEceViD7KQCcy1XI4qn7PU2YOt-Ee6pyKjq6v-umVMUHg2djrCdihY/s0/twitter-icon.png);
    background-position: 0 -37px;
}

.subscribers{
    float:right;
    margin-top:60px;
    margin-right:-10px;
    text-shadow: white 1px 1px 0px;
}

.subscribersno{
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 30px;
}

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

Main and Sidebar wrapper part


#main{
    background-color: white;
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhamQWYJTUGtkkFzngNJPrbslyh_9nkmWORtlhqZN51kgq6fbeXlvwn5EpGpPsMpIpgmvOBnUX2UAgMDdiTr4VENJ5AS5qQGr2oqLSMdP9JzgLvAXUm9122xSzbcAgvPbM53GVHw2xCtAMc/s0/main-bg.gif);
    background-repeat: repeat-y;
}

/* new clearfix */
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

#left{
    float: left;
    margin-left:60px;
    width:575px;
    margin-top:30px;
    word-wrap:break-word;
    padding:0px 0px 10px 0px;
}

#right{
    float: right;
    width:269px;
    margin-top:30px;
    word-wrap:break-word;
    overflow:hidden;
}

#sliderwrap{
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNv-0AxFEgr45ADYV4_TaaysGfLwZqzkKwj07Le8DD-GbJZGCSjT58rZx1fIFpKKuzllRvF5lXC1cGtJ_wVPf1wwZax9Ds-JrNUSSyLujmnITqAR12CYmtVv1I-NN49N79vhP9WupZipby/s0/slider-bg.png);
    width:575px;
    height:266px;
    margin-bottom:20px;
}

.post{
    margin-bottom:40px;
}

.postdate{
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8vWd4yMwoJOGgWQvhVfbLBuejpy4WgFAtGZ2HxW_5VxT26Kkw6hKTCp7BeQzgOBp9uN2J-uylKp_CxW1vAAgJ8GfAf9A-Lhlh8VJjcK33jtoEajttRqrFew73j5lR_QyRE8-qkzh9nEES/s0/circle-yellow.png);
    width:85px;
    height:74px;  
    margin-left:-102px;
    margin-top:-75px;
    float: left;
    text-align: center;
    font-size: 11px;
    padding-top:10px;
    background-repeat: no-repeat;
    text-shadow: #FEFFA9 1px 1px 0px;
    background-color: transparent;
}








0 comments:

Post a Comment