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

52/117 POSTS
preview
52-54/117 POSTS

close

[Bài thi thiết kế] Không tên

Jul 26, 2012 12:03 PMPublicPageviews 3131 24

Trackback from
Cá tính là điều mình muốn hướng tới khi bắt đầu design theme này. Theme không tên, không phải nó không có ý nghĩa. Đơn giản mình muốn nó không chỉ giới hạn với một chủ đề nhỏ hẹp, mà là một cá tính rộng mở, phong cách tươi khỏe, mình muốn nọi người cảm nhận điều đó khi đến với theme của mình. Các họa tiết cũng như màu sắc mang tông trầm và phá cách cùng những bông hoa. Mình mong các blogger sẽ yêu mến và sử dụng nó như một công cụ thể hiện cái tôi mạnh mẽ của mình. Cảm ơn các bạn đã thưởng thức theme của mình. Nếu bạn thật sự hài lòng và đồng cảm với mình hãy vote cho mình nhé

~~TAITO~~

DEMO:


CODE:

<style>

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

#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:#fff;}

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

a:{font-family: Comic San MS;font-style:italic;color:#fff!important;text-shadow:2px 2px 2px #556600!important;background:transparent;}

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

body {background:url(http://c592786.r86.cf2.rackcdn.com/registered/7409/2012/07/04/35711_640x480.jpeg) ;background-attachment:fixed;}#asb-header-ctn img{height:0px;width:0px;}

#hd {margin-bottom:0px;border-bottom:0px;background:transparent url(http://no7.upanh.com/b5.s27.d2/578af695c1435bed7f124034b772ffee_46878057.31.png) no-repeat center bottom;height:393px;border-bottom:0;}

#bd {background:transparent url(http://no4.upanh.com/b3.s28.d2/d0722daec1c693a3a0a169e43dfed49c_46878054.3.png) repeat-y top center;}

#ft {font-size:0px;border-top:0px;padding:0 0 0 0;background:url(http://no9.upanh.com/b1.s27.d2/74b0dff79a1c2ded94e7c44d7cc061fc_46880439.32.png) no-repeat center top;height:422px;margin-top:0px;}#ft p {margin-bottom:0px;}#ft li .divider {display:none;}

body{font-family:Comic San MS;font-size:14px;color:#DCDCDC;}

#emotion-carousel{display:none;}

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

#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 .hd{background:url(http://no8.upanh.com/b6.s29.d2/167563a648bbfa46d226e7efa25c5e00_46877968.1.png) no-repeat center top;height:60px;width:210px;}

.widget {padding:0px 0px 0px 0px;background:transparent;width:210px;border-top:0px;color:#fff;}

.widget h3{font-size:14px;text-align:center;color:#DCDCDC;}

.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:#D3D3D3;font-size:14px;}

#comment-form{background:transparent;border:1px dashed #DDA0DD;}

#comment-form .fields .yut-btn{background:transparent url(http://no2.upanh.com/b1.s29.d3/33d3dd780a17559f7d496d2b6044f70b_46878462.72.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;}

#pagination-bottom{background:transparent;}

.widget{border:0px;}

#article-listing {background:transparent;float:left;width:710px;padding:0px;background:#fff;border:0px solid #DDA0DD;}

#article-list{display:block;float:left;padding:20px 7px;background:transparent;border:0px;position:relative;}

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

#article-top-nav {margin-bottom:0px;background:transparent url(http://no8.upanh.com/b1.s26.d1/7573ff8d95228e6944e621f31b4dd0c5_46883568.7.png) no-repeat center bottom;height:400px;border:none;}#article-bottom-nav {margin-top:0px;background:transparent ;border:none;}

#article-listing .article-listing-hd {font-size:0px;margin-top:0px;margin-bottom:0px;background:transparent url(http://no0.upanh.com/b5.s26.d1/0bfaf9719b06a8ef50aa7022765649ea_46883570.8.png) no-repeat center bottom;height:200px; border:0px;}

.article-listing-ft{width:710px;float:left;background:transparent;border:0px;}

#article-listing .emotion, .article .category, #article-listing .article .meta, #article-list .article .tag{display:none;}

#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 #EDEEE9;background:transparent url(http://no5.upanh.com/b4.s28.d1/7a46d205b51932291a93d7ae6c0828d9_46879245.6.png) no-repeat left;}#widget-recentComment li:hover,#widget-category li:hover{background:#fff url(http://no7.upanh.com/b5.s29.d4/16d0a2ce8fa9fea9fcd024066672cf08_46879247.61.png) no-repeat left;opacity: .2;} #widget-recentPost .bd ul li:hover{background:#fff url(http://no7.upanh.com/b5.s29.d4/16d0a2ce8fa9fea9fcd024066672cf08_46879247.61.png) no-repeat left;opacity: .2;}

#article-listing .article: .summary{display:block;width:240px;height:220px;padding:50px 80px 0px 30px;text-align:justify;}

#article-listing .img-wrap{display:none;}

#article-listing .img-wrap img{ display:none;}#article-supplement.new-style-supplement{border-bottom:0px;}

#article-listing .article .title{position:absolute;top: 20px;left:30px;height:20px;width:240px;overflow:hidden; color:#FFFACD;font-size:16px; font-family: Comic Sam MS;}

#article-listing .article{border:0px;margin:0 20px 20px 20px;width:300px;float:left;background:url(http://no5.upanh.com/b5.s27.d1/a5c1badd6b25bca80904c064dec34248_46879775.41.png) no-repeat center top;height:300px;padding:0px!important; display:block; padding:50px 0px 0px 30px;text-align:justify;}

#article-listing .article:hover{background:transparent url(http://no2.upanh.com/b3.s28.d1/fde1e772ca4a95f23575d7157e11d11e_46879312.4.png) no-repeat center top;}

#article-listing .article:hover .title{position:absolute;top:20px;left:30px;color:#FFFACD;font-size:14px;height:18px;overflow:hidden;font-family: Comic Sam MS;}

#article-listing .article .hd {position:absolute;top:0px;right:10px;width:80px;}

.yut-pg-container .pg-next {background:url(http://no5.upanh.com/b5.s28.d1/bfce255c796c37071919584e6f65ea82_46879025.51.png) no-repeat center top;height:32px;width:32px;border:0px;}.yut-pg-container .pg-previous {background:url(http://no9.upanh.com/b6.s1.d4/785e977b8ad08f88a74e19db737c7d44_46879029.52.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://no5.upanh.com/b5.s28.d1/bfce255c796c37071919584e6f65ea82_46879025.51.png) no-repeat center bottom;height:32px;width:32px;border:0px;}.yut-pg-container .pg-previous:hover {background:url(http://no9.upanh.com/b6.s1.d4/785e977b8ad08f88a74e19db737c7d44_46879029.52.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://no1.upanh.com/b4.s29.d1/94b5edd855b8529d58fa40457cd4f09b_46879031.53.png) no-repeat center;border:0px;}.yut-pg-container .pg-current-page{background:transparent url(http://no4.upanh.com/b5.s29.d4/1e1366dc70d10f5686d225f082f9af0e_46879034.54.png) no-repeat center;border:0px;}.yut-pg-container .pg-page:hover, .yut-pg-container .pg-break:hover {color:white;background:transparent url(http://no8.upanh.com/b5.s27.d1/94180e382e95e629cfeb4e015c130666_46879038.55.png) no-repeat center;border:0px}#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;}

</style>

by taito


Blog Taito

Report abuse for this article

Copyright © 2013 Yahoo!, Inc. All rights reserved