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
-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;
}
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