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

53/117 POSTS
preview
52-54/117 POSTS

close

[Bài thi thiết kế] Lovely Sun Flower

Jul 26, 2012 11:50 AMPublicPageviews 3931 53

Trackback from
LOVELY SUNFLOWER là theme mang khuynh hướng anime với họa tiết hoa hướng
dương là chủ đạo, xe n kẽ là hình ảnh trẻ thơ của những bức ảnh anime.
Theme với màu sắc tươi vui, nét tinh nghịch đến ngây thơ của những "bông hoa mặt trời". Với cách chia bài viết cũng nhưng font chữ tinh nghịch, theme sẽ là một khởi đầu mới tốt đẹp cho những blogger mong muốn đem đến nguồn năng lượng cho chính blog của mình. Hãy thử dùng và cảm nhận những điều đó cùng tôi, nhé

DEMO:




CODE:




<style>

#asb-menu li a {height:30px;line-height:30px;display:block;border:0px;color:#CD5C5C;font-size:12px;}

#asb-menu{width:970px;margin:1px auto;}

#asb-menu ul{width:700px;float:right;background:transparent;height:31px;}

#asb-header hgroup {visibility:hidden;}

#asb-nav-update, #asb-nav span.ico, #asb-nav-mail, #asb-nav-yahoo, #asb-nav-help, #asb-nav-search span.search-secondary, #asb-nav li .divider{display:none;}

#asb-nav-right{top:30px;}

#asb-nav {padding: 0px 0px 20px 20px;}

#asb-menu li{width:80px;text-transform:none;}

#asb-menu li.first {width:100px;}

#asb-nav li.nav-item a.nav-link:hover{color:#F16675;} #asb-nav-search span.search-primary{background:transparent;border:0px;}

#asb-nav-search button {display:none;}

#asb-nav-search input {display:none;}

#asb-nav li.nav-item a.nav-link:hover{color:#F16675;}

#asb-uh, #asb-nav, #asb-nav-logo {background-color:transparent;border:0px;}
#w-profile-card{margin-left:0px!important;padding-bottom:0px;}

a:hover{font-family:segoe print, Comic San MS;font-style:italic;color: #006400!important;text-shadow:2px 2px 2px #FFEBCD!important;background:transparent;}

a{font-family:italic; font-family:segoe print, Comic San MS;font-style:italic;color: #8B4513!important; background:transparent;}a:hover{color:#BA9154;text-decoration:none;}.first-of-type li:hover{background: #FFFFFF;opacity: .5;}

body{background:url(http://no7.upanh.com/b1.s26.d2/24ac6c457121859154b91da470bb4626_47213457.spcomfestivalpaperdotty.jpg) repeat;background-attachment:fixed;}#asb-header-ctn img{height:0px;width:0px;}

#hd {margin-bottom:0px;border-bottom:0px;background:transparent url(http://no9.upanh.com/b6.s28.d3/05547ec52adf5b6d7fb33521398843f2_47213459.11.png) no-repeat center bottom;height:616px;border-bottom:0;}

#bd {background:transparent url(http://no8.upanh.com/b4.s27.d2/a647d3144eedd1189836200faf347278_47213458.1.png) repeat-y top center;}

#ft {font-size:0px;border-top:0px;padding:0 0 0 0;background:url(http://no0.upanh.com/b6.s28.d3/bb3e8410ec260ad4929c8178b614ab91_47213460.12.png) no-repeat center top;height:508px;margin-top:0px;}#ft p {margin-bottom:0px;}#ft li .divider {display:none;}

body{ font-family:italic; font-family:segoe print, Comic San MS;font-style:italic;color: #8B4513!important;}

#emotion-carousel{display:none;}

#emotion-carousel {font-size:0px;}

#article-carousel .ft .action-carousel-hide {background:transparent;font-weight:bold;color:#9370D8;}

#w-profile-card{margin-left:0px!important;padding-bottom:0px;}

#w-profile-card .bd,#widget-recentVisitor .bd{padding:0px 10px;}

#w-profile-name{padding-top:20px;}

#widget-recentVisitor .bd li {margin:0 5px;}

.yui-b #sidebar1,.yui-t6 .yui-b {width:220px;}

.widget{margin-top:40px;border:0px;}

.widget-first-of-type {margin-top:0px!important;}

.widget { background:transparent;border-top:0px;}

.widget .hd{background:url(http://no2.upanh.com/b4.s27.d1/2fc6455175d7d6c2e5ed39ac5db4e5bb_47213462.21.png) no-repeat center top;height:97px;width:220px;}

.widget .bd{padding:0px 10px;background:transparent url(http://no1.upanh.com/b4.s29.d1/5c4da5a53d361690b9e9ffeba5ba62aa_47213461.2.png) repeat-y center top;width:200px;}

.widget {padding:0px 0px 56px 0px;background:transparent url(http://no3.upanh.com/b2.s29.d4/0b86ea9d39c09fe32c9a76e605e5f096_47213463.22.png) no-repeat center bottom;width:220px;border-top:0px;}

 

.widget h3{font-size:0px;}

.sidebar {background:transparent;border:none;}

#widget-recentVisitor .hd a,#w-profile-status .status-bubble ,.yut-pg-container .pg-previous .ico,.yut-pg-container .pg-next .ico,#article-single .emotion,#widget-searchbox,#article-single #socialGroup-bottom,#article-single #socialGroup-bottom, #article-listing .article .meta .date,#article-listing .article .meta .view-permission,#article-listing .article .meta .divider,#widget-category li .ico,#article-breadcrumb{display:none;border:none;}

#article-navigation{background:transparent; margin-bottom:0px;border:none;}

#yui-gen7, #yui-gen6, #yui-gen*, #ft ul {display:none;}.yui-t6 .yui-b.yui-t6 #yui-main .yui-b , #yui-main , #pagination-bottom, .yui-b #sidebar2, .widget {border:none !important;}a, a:visited, a:hover {color:#CD5C5C;} #asb-header #asb-header-ctn img {display:none;}

#asb-menu li, 

#asb-menu li.current, 

#asb-menu li.current a, 

#asb-menu li a {background:transparent;border:none;}

#article-single, #comment-form-wrapper, #article-supplement .yui-content , #comment-textarea {background:transparent;}

#article-listing {background:transparent!important;}.article-listing-ft {background:transparent;}#article-list {background:transparent;border:none !important;}#article-list.display-compact .img-wrap , #emotion-carousel {background:transparent;border:none !important;}

#asb-nav-update-ctn{display:none;}

#asb-nav-logo{display:none;}

#asb-uh{border:none;}

#asb-uh, #asb-nav, #asb-nav-logo {background-color:transparent;}

#asb-nav-search{display:none;}

#asb-nav .divider {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;}

#asb-nav li.nav-item a.nav-link{color:#CD5C5C;font-size:93%;}

#blog-title{display:none;}

#blog-description{display:none;}

#asb-menu ul{border:none;}

#comment-list .comment-reply {font-family:Comic Sans MS;color:#8B008B;font-size:14px;}

#comment-form{background:transparent url(http://no6.upanh.com/b2.s28.d3/2eae351021a2d42dbaad566f5ac9b94e_47213676.bg.jpg) repeat top center;height:200px; width:620px;border:1px solid #8B4513;}

#comment-form .fields .yut-btn{background:transparent url(http://i.imgur.com/zKDKP.png) no-repeat center;height:30px;width:30px;border:0px;}

#comment-form .fields .yut-btn .sm{height:27px;padding:0px 5px;text-indent:9999px;width:27px;}

.new-style-supplement #comment-list .comment-reply{background:transparent ;}

#dashboard-sidebar dt.init, #msg-and-action-block{background:transparent;}#dashboard-sidebar{float:right;}#dashboard-main{float:left;}.dashboard-widget #content, #inactive-widgets ul, #two-col-right, #two-col-left , #two-col-right .sidebar{background:transparent;border:0px;}#dashboard-widget li.customizable .bd{line-height:25px;font-size:12px;} #article-list.display-compact .img-wrap , #emotion-carousel {background:transparent;border:none !important;} .article-listing-ft{width:700px;float:right;background:transparent;border:0px;}

#pagination-bottom{background:transparent;}

.widget{border:0px;}

#article-single.bd, #article-supplement, #article-list, pagination-bottom, #emotion-carousel {background:transparent;border:0px;}

#article-top-nav {margin-bottom:0px;background:transparent;border:0px;}#article-bottom-nav {margin-top:0px;background:transparent; border:0px;}

#widget-recentComment li,#widget-category li, #widget-recentPost .bd ul li {margin-left:2px;list-style:none;padding:5px 0px 5px 15px;border-bottom: 1px dashed #FFFFFF;}#widget-recentComment li:hover,#widget-category li:hover{background: #FFFFFF ;opacity: .3;} #widget-recentPost .bd ul li:hover{background: #FFFFFF no-repeat left;opacity: .3;}


#article-listing .article .title{margin:10px 5px 10px 5px;border-bottom:1px dashed #8B0000;padding:0 0 10px;font-family: segoe print, Comic San MS;font-style:italic;font-size:110%;color:#8B0000;}
#article-listing .article .meta, 
#article-listing .article .category, 
#article-listing .article .tag, 
#article-listing .article .actions{display:none;}
#article-list{float:left;padding:0px;}
.article-listing-ft{float:left;width:650px;}
#article-listing .article {width:305px;height:200px;float:right;margin:15px;border:5px double #8B4513;padding-top:0px;background:transparent url(http://no6.upanh.com/b2.s28.d3/2eae351021a2d42dbaad566f5ac9b94e_47213676.bg.jpg) repeat; opacity: .8;}
#article-listing .img-wrap img{float:left;max-width:115px;height:auto;max-height:130px;border:1px solid #D87093;padding:5px;margin:5px;}
#article-listing .article .summary-short{display:block;font-family:Georgia, Times, serif;font-weight:lighter;font-size:13px;text-align:justify;padding:5px 5px 5px 5px;color:#000; height:130px; overflow:hidden;
text-overflow:ellipsis;}

#article-listing .article .title{ font-size:120%;color: #B8860B!important;}
#article-listing .article .summary{display:none;}
#article-listing .first-of-type{width:650px!important;height:280px!important;display:block;margin:0px!important;float:left;left:40px;}
#article-listing .first-of-type .img-wrap img{float:left;width:290px!important;height:200px!important;max-width:290px;max-height:170px;}
#article-listing .first-of-type .summary{ display:block;font-family:Georgia, Times, serif;font-weight:lighter;font-size:13px;text-align:justify;padding:5px 5px 5px 5px;color:#000; height:170px; overflow:hidden;
text-overflow:ellipsis;}
#article-listing .first-of-type .summary-short{display:none;}
#article-listing .first-of-type .meta{display:block;text-align:center;color:#666;}
#article-listing .first-of-type .more{position:absolute;top:280px;left:600px;font-size:15px;}
#article-listing .first-of-type .title{font-size:120%;color: #B8860B!important;}
.yut-pg-container .pg-next {background:url(http://i.imgur.com/40gfI.png) no-repeat center top;height:32px;width:32px;border:0px;}.yut-pg-container .pg-previous {background:url(http://i.imgur.com/Es6jk.png) no-repeat center top;height:32px;width:32px;border:0px;}.yut-pg-container .pg-next .ico, .yut-pg-container .pg-previous .ico {visibility:hidden;}.yut-pg-container .pg-next:hover {background:url(http://i.imgur.com/40gfI.png) no-repeat center bottom;height:32px;width:32px;border:0px;}.yut-pg-container .pg-previous:hover {background:url(http://i.imgur.com/Es6jk.png) no-repeat center bottom;height:32px;width:32px;border:0px;}.yut-pg-container .pg-page, .yut-pg-container .pg-break {background:transparent url(http://i.imgur.com/eKDDf.png) no-repeat center;border:0px;}.yut-pg-container .pg-current-page{background:transparent url(http://i.imgur.com/UQ1fT.png) no-repeat center;border:0px;}.yut-pg-container .pg-page:hover, .yut-pg-container .pg-break:hover {color:white;background:transparent url(http://i.imgur.com/lNjTd.png) no-repeat center;border:0px;}

#w-profile-card .status{border: 5px double #fff;font-size:13px;}

#widget-recentVisitor .bd li{width:60px;height:70px;margin:0 0px;}

#widget-recentVisitor .bd .profile-img{margin:0px 0 0px;border:4px solid #fff;} #widget-recentVisitor .bd .nickname{font-size:0px;}

#widget-recentVisitor .bd .ico {display:none;}

</style>


Blog Taito

Report abuse for this article

Copyright © 2013 Yahoo!, Inc. All rights reserved