[Bài thi thiết kế] SẮC THU
CHỦ ĐỀ:
Cũng mùa lá rụng năm ấy , Tôi và Nhỏ có những phút giây tình cờ thật lãng mạn .Hai đứa ngồi ngắm và lắng nghe từng chiếc lá rơi ,trong làn gió thu nhè
nhẹ .Con đường như tĩnh lặng chỉ có tiếng xào xạc của lá vàng rơi và lời thì thầm của hai kẻ không thích chốn đông người…Đó chính là nguồn cảm xúc tạo nên theme “SẮC THU” nầy.
DEMO:
<style type="text/css">
<!--
body{background:transparent url(http://i1172.photobucket.com/albums/r579/huandrums5/nen.jpg);}
#hd {margin-bottom:14px;border-bottom:0px solid white;background:transparent url(http://i1172.photobucket.com/albums/r579/huandrums5/top.png) repeat-y center;height:663px;}
#asb-header {height:531px;}
#asb-menu ul {border:none;padding-left:20px;}
#doc3 {background:transparent url(http://i1172.photobucket.com/albums/r579/huandrums5/nenbai.png) repeat-y top center;}
#ft {font-size:0px;border-top:0px;padding:0 0 0 0;background:url(http://i1172.photobucket.com/albums/r579/huandrums5/day2.png) repeat center;height:395px;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://i1172.photobucket.com/albums/r579/huandrums5/tka.png) no-repeat left;height:68px;}
#widget-recentVisitor h3{background:transparent url(http://i1172.photobucket.com/albums/r579/huandrums5/khach2.png) no-repeat left;height:68px;}
#widget-recentPost h3{background:transparent url(http://i1172.photobucket.com/albums/r579/huandrums5/posta1.png) no-repeat left;height:68px;}
#widget-recentComment h3{background:transparent url(http://i1172.photobucket.com/albums/r579/huandrums5/cmt.png) no-repeat left;height:68px;}
#widget-category h3{background:transparent url(http://i1172.photobucket.com/albums/r579/huandrums5/nhoma.png) no-repeat left;height:68px;}
#widget-followingList h3 {background:transparent url(http://i1172.photobucket.com/albums/r579/huandrums5/thicha.png) no-repeat left;height:68px;}
#widget-calendar .hd{background:url(http://i1172.photobucket.com/albums/r579/huandrums5/cld.png) no-repeat left;height:68px;}
#widget-photoSlide h3{background:transparent url(http://i1172.photobucket.com/albums/r579/huandrums5/pica.png) no-repeat left;height:68px;}
#comment-form{background:transparent url(http://i1172.photobucket.com/albums/r579/huandrums5/cmt-1.png);height:180;}
#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://i1172.photobucket.com/albums/r579/huandrums5/listst.png) no-repeat top center;height:255px;width:650px;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://i1172.photobucket.com/albums/r579/huandrums5/nutbam.png) no-repeat;}
#asb-menu li.first, #asb-menu li a, #asb-menu li.current a{border:0;color:#000000;}
#asb-menu li.current{background:transparent;}
#widget-recentPost li, #widget-recentComment li {list-style-image:url(http://i1172.photobucket.com/albums/r579/huandrums5/icon.gif);}
#widget-category li .ico{background:url(http://i1172.photobucket.com/albums/r579/huandrums5/icon.gif) top left;height:12px;width:12px;}
a:hover{background-image:url(http://i1151.photobucket.com/albums/o627/huandrums4/sao-1.gif);}
a , body{color:#7E354D;}
#comment-list .comment-reply , #article-supplement{font-size:14px;}
#article-single
.article .title{font-size:22px;color:#E42217;}
.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:#7E354D;}
.yut-btn-light {background:transparent url(http://i1172.photobucket.com/albums/r579/huandrums5/nutthich.png) no-repeat;height:22px;width:83px;border:none;}
.yut-btn-light a {color:#FFFF00;}
.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:#FFFF00;}
#w-profile-status .status-bubble {background:none;}
.yut-pg-container .pg-current-page{background-color:#875D2B;border:4px outset #875D2B;}
#pagination-bottom .pg-page {background-color:#FF9439;}
#widget-recentPost li time, #widget-recentComment li time{font-size:0px;}
#article-list{color:#FFFFFF;}
#emotion-carousel{background:transparent;display:none;}
#w-profile-name{background:url(http://i1172.photobucket.com/albums/r579/huandrums5/hso.png) center no-repeat;font-size:16px;color:#FDFAF3;text-align:center;}
-->
</style>
Nếu chưa biết cách chèn code vào blog bạn xem bài này nhé: Cách chèn code CSS vào blog | Blog | Blog Thiết Kế - Yahoo! Blog
Blog HUANDRUMS
Cũng mùa lá rụng năm ấy , Tôi và Nhỏ có những phút giây tình cờ thật lãng mạn .Hai đứa ngồi ngắm và lắng nghe từng chiếc lá rơi ,trong làn gió thu nhè
nhẹ .Con đường như tĩnh lặng chỉ có tiếng xào xạc của lá vàng rơi và lời thì thầm của hai kẻ không thích chốn đông người…Đó chính là nguồn cảm xúc tạo nên theme “SẮC THU” nầy.
DEMO:
<style type="text/css">
<!--
body{background:transparent url(http://i1172.photobucket.com/albums/r579/huandrums5/nen.jpg);}
#hd {margin-bottom:14px;border-bottom:0px solid white;background:transparent url(http://i1172.photobucket.com/albums/r579/huandrums5/top.png) repeat-y center;height:663px;}
#asb-header {height:531px;}
#asb-menu ul {border:none;padding-left:20px;}
#doc3 {background:transparent url(http://i1172.photobucket.com/albums/r579/huandrums5/nenbai.png) repeat-y top center;}
#ft {font-size:0px;border-top:0px;padding:0 0 0 0;background:url(http://i1172.photobucket.com/albums/r579/huandrums5/day2.png) repeat center;height:395px;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://i1172.photobucket.com/albums/r579/huandrums5/tka.png) no-repeat left;height:68px;}
#widget-recentVisitor h3{background:transparent url(http://i1172.photobucket.com/albums/r579/huandrums5/khach2.png) no-repeat left;height:68px;}
#widget-recentPost h3{background:transparent url(http://i1172.photobucket.com/albums/r579/huandrums5/posta1.png) no-repeat left;height:68px;}
#widget-recentComment h3{background:transparent url(http://i1172.photobucket.com/albums/r579/huandrums5/cmt.png) no-repeat left;height:68px;}
#widget-category h3{background:transparent url(http://i1172.photobucket.com/albums/r579/huandrums5/nhoma.png) no-repeat left;height:68px;}
#widget-followingList h3 {background:transparent url(http://i1172.photobucket.com/albums/r579/huandrums5/thicha.png) no-repeat left;height:68px;}
#widget-calendar .hd{background:url(http://i1172.photobucket.com/albums/r579/huandrums5/cld.png) no-repeat left;height:68px;}
#widget-photoSlide h3{background:transparent url(http://i1172.photobucket.com/albums/r579/huandrums5/pica.png) no-repeat left;height:68px;}
#comment-form{background:transparent url(http://i1172.photobucket.com/albums/r579/huandrums5/cmt-1.png);height:180;}
#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://i1172.photobucket.com/albums/r579/huandrums5/listst.png) no-repeat top center;height:255px;width:650px;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://i1172.photobucket.com/albums/r579/huandrums5/nutbam.png) no-repeat;}
#asb-menu li.first, #asb-menu li a, #asb-menu li.current a{border:0;color:#000000;}
#asb-menu li.current{background:transparent;}
#widget-recentPost li, #widget-recentComment li {list-style-image:url(http://i1172.photobucket.com/albums/r579/huandrums5/icon.gif);}
#widget-category li .ico{background:url(http://i1172.photobucket.com/albums/r579/huandrums5/icon.gif) top left;height:12px;width:12px;}
a:hover{background-image:url(http://i1151.photobucket.com/albums/o627/huandrums4/sao-1.gif);}
a , body{color:#7E354D;}
#comment-list .comment-reply , #article-supplement{font-size:14px;}
#article-single
.article .title{font-size:22px;color:#E42217;}
.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:#7E354D;}
.yut-btn-light {background:transparent url(http://i1172.photobucket.com/albums/r579/huandrums5/nutthich.png) no-repeat;height:22px;width:83px;border:none;}
.yut-btn-light a {color:#FFFF00;}
.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:#FFFF00;}
#w-profile-status .status-bubble {background:none;}
.yut-pg-container .pg-current-page{background-color:#875D2B;border:4px outset #875D2B;}
#pagination-bottom .pg-page {background-color:#FF9439;}
#widget-recentPost li time, #widget-recentComment li time{font-size:0px;}
#article-list{color:#FFFFFF;}
#emotion-carousel{background:transparent;display:none;}
#w-profile-name{background:url(http://i1172.photobucket.com/albums/r579/huandrums5/hso.png) center no-repeat;font-size:16px;color:#FDFAF3;text-align:center;}
-->
</style>
Nếu chưa biết cách chèn code vào blog bạn xem bài này nhé: Cách chèn code CSS vào blog | Blog | Blog Thiết Kế - Yahoo! Blog
Blog HUANDRUMS





