Blog Thiết Kế

Hướng dẫn và giải đáp cho bạn những kĩ thuật trong việc sử dụng Yahoo! Blog, nơi bạn tìm thấy những theme đẹp, giúp bạn làm quen và tìm hiểu về cách tuỳ chỉnh Blog và học hỏi kinh nghiệm thiết kế Blog.

Post sort order : index

39/117 POSTS
preview
37-39/117 POSTS

close

[Bài thi thiết kế] SẮC THU

Aug 10, 2012 9:12 AMPublicPageviews 5783 59

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:




Nếu có dùng trang bìa các nút bấm sẽ xuất hiện như sau:



CODE :




<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

Report abuse for this article

Copyright © 2013 Yahoo!, Inc. All rights reserved