HUANDRUMS

Thủ thuật , thiết kế , chỉnh sửa , theme blog , mã code , css , hướng dẫn cách làm , cách thiết kế blog

Post sort order : index

25/70 POSTS
preview
25-28/70 POSTS

close

Theme "KÍ ỨC" (black & white version)

Jul 27, 2012 3:12 AMPublicPageviews 2683 87



Cũng như theme kí ức có phối màu lấy ý tưởng từ một Mối tình
đầu của mình, nhưng mỗi người có sở thích khác nhau nên hôm nay Huandrums thêm phiên
bản Trắng Đen để các bạn có thêm sự lựa chọn nhé.




Nếu các bạn có sử dụng Trang bìa thì các nút bấm sẽ hiển thị như sau :


CODE:



 

 

<style type="text/css">

<!--

body{background:transparent url(http://i1151.photobucket.com/albums/o627/huandrums4/nenxam1-1.jpg);}

#hd {margin-bottom:14px;border-bottom:0px solid white;background:transparent url(http://i1151.photobucket.com/albums/o627/huandrums4/banner4-1.png) repeat-y center;height:710px;}

#asb-header {height:557px;}

#asb-menu ul {border:none;padding-left:320px;}

#doc3 {background:transparent url(http://i1151.photobucket.com/albums/o627/huandrums4/nen3-1.png) repeat-y top center;}

#ft {font-size:0px;border-top:0px;padding:0 0 0 0;background:url(http://i1151.photobucket.com/albums/o627/huandrums4/dayblog1a-1.png) repeat center;height:420px;width:1030px;margin-top:1px;}

#article-top-nav, #article-carousel, #pagination-bottom, .sidebar, #article-single, #article-supplement, #article-bottom-nav, #article-supplement, #asb-menu ul, #comment-list .comment-reply {background:transparent !important;}.divider {display:none;}#ft{font-size:0px;border-top:none;}#article-top-nav{display:none;}#asb-nav .divider , #asb-nav-update-ctn, #asb-nav-logo{display:none;}#asb-uh{border:none;}#hd{border-bottom:0;}#asb-uh, #asb-nav, #asb-nav-logo {background-color:transparent;}#asb-nav-search{display:none;}#asb-nav-search button{height:0px;width:0px;font-size:0px;}#asb-nav-search span.search-primary, #asb-nav-search span.search-secondary{background:transparent;}

#article-supplement.new-style-supplement {border-bottom:none;}#article-single.bd, #pagination-bottom, #article-supplement, #article-top-nav, #article-bottom-nav, #emotion-carousel, .sidebar, .new-style-supplement , .widget{border:none;}.yui-b #sidebar2 {border:none;}

#asb-menu ul{border:none;}

#blog-title, #blog-description{display:none;}

#widget-statistic h3{background:transparent url(http://i1151.photobucket.com/albums/o627/huandrums4/TK1.png) no-repeat left;height:83px;}

#widget-recentVisitor h3{background:transparent url(http://i1151.photobucket.com/albums/o627/huandrums4/khach1.png) no-repeat left;height:83px;}

#widget-recentPost h3{background:transparent url(http://i1151.photobucket.com/albums/o627/huandrums4/post1.png) no-repeat left;height:83px;}

#widget-recentComment h3{background:transparent url(http://i1151.photobucket.com/albums/o627/huandrums4/Lbinh1.png) no-repeat left;height:83px;}

#widget-category h3{background:transparent url(http://i1151.photobucket.com/albums/o627/huandrums4/nhom1.png) no-repeat left;height:83px;}

#widget-followingList h3 {background:transparent url(http://i1151.photobucket.com/albums/o627/huandrums4/thich1.png) no-repeat left;height:83px;}

#widget-calendar .hd{background:url(http://i1151.photobucket.com/albums/o627/huandrums4/lich1.png) no-repeat left;height:83px;}

#widget-photoSlide h3{background:transparent url(http://i1151.photobucket.com/albums/o627/huandrums4/pic1.png) no-repeat left;height:83px;}

#comment-form{background:transparent url(http://i1151.photobucket.com/albums/o627/huandrums4/nencmt-1.jpg);height:180;}

#emotion-carousel {background:url(http://i1151.photobucket.com/albums/o627/huandrums4/entries-1.png) no-repeat;height:157px;}

#widget-tag .hd, #widget-followingList h3, #widget-calendar .hd, #widget-recentVisitor .hd, #widget-externalSource .hd, #widget-statistic .hd, #widget-category .hd, #widget-recentPost .hd, #widget-recentComment .hd, #widget-photoSlide .hd{font-size:0px;}

#article-list, .article-listing-bd {background:transparent;border:none;padding-left:20px;}

#article-list .article {background:transparent center;border:none !important;}

#article-list .article .actions , #article-list .article .actions span.divider {display:none;}

#article-list .article .hd {margin-bottom:0px;}

#article-list .article .bd{background:url(http://i1151.photobucket.com/albums/o627/huandrums4/list1-1.png) no-repeat top center;height:255px;width:629px;padding:15px 10px 10px 20px;}

#article-list .article .img-wrap img {width:140px;height:140px;float:left;padding:0px 5px 0px 0px;background-color:#FFFFFF;max-width:143px;margin:1px 3px 3px 1px;padding:3px;border:1px solid #d6d6d6;}

#article-list .article .category {display:none;}

#article-list .article .bd a.title {background:transparent;font-size:16px;height:40px;line-height:34px;color:#FFFFFF;border:none !important;}

#asb-menu li.first, #asb-menu li.current a, #asb-menu li{border:0;background:url(http://i1151.photobucket.com/albums/o627/huandrums4/nutbam-1.png) no-repeat;}

#asb-menu li.first, #asb-menu li a, #asb-menu li.current a{border:0;color:#FFFFFF;}

#widget-recentPost li, #widget-recentComment li {list-style-image:url(http://i1151.photobucket.com/albums/o627/huandrums4/icon-1.gif);}

#widget-category li .ico{background:url(http://i1151.photobucket.com/albums/o627/huandrums4/icon-1.gif) top left;height:6px;width:7px;}

a:hover{background-image:url(http://i1151.photobucket.com/albums/o627/huandrums4/sao-1.gif);}

a , body{color:#000000;}

#comment-list .comment-reply , #article-supplement{font-size:14px;}

#article-single

.article .title{font-size:22px;color:#000000;}

.yui-b .sidebar{font-size:14px;}

#widget-photoSlide .count, #article-listing .article .meta, #article-single .article .meta, #widget-category li em, #comment-list .comment-content .meta .time, #article-navigation .hd {color:#000000;}

.yut-btn-light {background:transparent url(http://i1151.photobucket.com/albums/o627/huandrums4/ee2-2.png) no-repeat;height:22px;width:83px;border:none;}

.yut-btn-light a {color:#000000;}

.yut-btn{background:transparent url(http://i1151.photobucket.com/albums/o627/huandrums4/nutcmt1-1.png) no-repeat;height:28px;width:57px;border:none;}

.yut-btn button, .yut-btn-light a{color:#FFFFFF;}

#w-profile-name{color:#fff;text-shadow:#000000 0.1em 0.1em 0.2em;font-weight:bold;font-size:16px;text-align:center;}

#w-profile-status .status-bubble {background:none;}

.yut-pg-container .pg-current-page{background-color:#000000;border:4px outset #000000;}

#pagination-bottom .pg-page {background-color:#CACACA;}

#widget-recentPost li time, #widget-recentComment li time{font-size:0px;}

-->

</style>



Cách cho code vào Nguồn bên
ngoài:
XEM TẠI ĐÂY

Report abuse for this article

Copyright © 2013 Yahoo!, Inc. All rights reserved