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

40/117 POSTS
preview
40-42/117 POSTS

close

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

Aug 7, 2012 8:31 AMPublicPageviews 4431 69

Trackback from Flower
Chủ đề thiết kế: Flower

Cảm nhận của theme: Màu xanh là màu chủ đạo, màu xanh của sự sống, màu xanh của hy vọng, sự trong sáng của hoa hồng và hoa ly màu trắng đã tạo nên một cảm giác dễ chịu, vì sự hài hòa của màu trắng tinh khiết cùng với màu xanh của hoa cỏ tạo nên 1 bức tranh về hoa tuyệt đẹp.
Khi thiết kế theme nay`, mình đã đưa 2 loại hoa nổi tiếng của Đà Lạt mình để giới thiệu cùng các bạn, với màu trắng xen lẫn màu xanh đưa bạn bạn vào 1 thiên đường hoa tuyệt đẹp. Mời các bạn cùng xem và góp cho mình ý kiến để mình thiết kế những cái theme sau đẹp và hòan hảo hơn. Trong quá trình thiết kế, mình vẫn còn nhiều thiếu sót, mong các bạn góp ý, xin chân thành cảm ơn các bạn.


DEMO THEME:



CODE:
<style>
#asb-menu ul{border:none;}#article-single .comment-count {text-align:center;width:48px;height:48px;line-height:48px;background:url(http://icons.iconarchive.com/icons/fasticon/creature-folders/48/green-folder-icon.png) no-repeat center top;border-top:0px;}#article-single .comment-count a{color:#CD853F;}

.yui-b #sidebar2 {border-top:none;}
.yut-pg-container .pg-next {background:url(http://img27.imageshack.us/img27/8959/1a1a.png) no-repeat center top;height:32px;width:32px;border:0px;}.yut-pg-container .pg-previous {background:url(http://img577.imageshack.us/img577/9016/1a2h.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://img27.imageshack.us/img27/8959/1a1a.png) no-repeat center bottom;height:32px;width:32px;border:0px;}.yut-pg-container .pg-previous:hover {background:url(http://img577.imageshack.us/img577/9016/1a2h.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://img404.imageshack.us/img404/201/2234e.png) no-repeat center;border:0px;}.yut-pg-container .pg-current-page{background:transparent url(http://img593.imageshack.us/img593/7287/123ea.png) no-repeat center;border:0px;}.yut-pg-container .pg-page:hover, .yut-pg-container .pg-break:hover {color:white;background:transparent url(http://img593.imageshack.us/img593/7287/123ea.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;}

body {margin:0;padding:0;color:#514A46;font-family:proxima-nova, sans-serif;background:transparent url(http://widetop.ru/uploads_1280_800/5093007176.jpg) repeat scroll center top;background-attachment:fixed;}



.sidebar{background:transparent;border:0px;}

#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:250px;}
.widget{margin-top:40px;border:0px;}
.widget-first-of-type {margin-top:0px!important;}
.widget .hd{background:transparent;}
.widget .bd{background:transparent;}
.widget {background:transparent;}
.yui-b {width:250px !important;}
/* Tùy chỉnh lại kích thước chỉnh sửa cho cột hẹp */
#yui-main .yui-b {width:700px !important;padding:0 0 0 20px;}
/* Chỉnh sửa/ tùy biến kích thước cột rộng và canh chỉnh vị trí cột rộng. Tạo khoảng trống/ lùi/ canh lề trái 50px*/

.yui-b .sidebar{width:250px;padding:0 9px 0 9px;}
#article-single.bd, #article-supplement, #article-top-nav, #article-bottom-nav{width:700px !important;padding:0 0px 0 0px;}
#hd-content, #bd, #ft {width:975px;margin:0 auto 0;}


.widget .hd{background:url(http://i954.photobucket.com/albums/ae27/thanhbinh_1512/dau1-4.png) no-repeat center top;height:150px;width:250px;}
.widget .bd{padding:0px 10px;background:transparent url(http://i954.photobucket.com/albums/ae27/thanhbinh_1512/giua2-15.png) repeat-y center top;width:230px;}
.widget {padding:0px 0px 200px 0px;background:transparent url(http://i954.photobucket.com/albums/ae27/thanhbinh_1512/cuoi3-12.png) no-repeat center bottom;width:250px;border-top:0px;}


.widget h3{text-align:center;font-size:0px;color:white;}

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

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

#asb-menu li{display:none;border:0px;}

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

#asb-uh, #asb-nav, #asb-nav-logo {background-color:transparent;border:0px;}
#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;}

#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://nn0.upanh.com/b3.s28.d2/44b9e3b039a1a398a71f8862c3ab5b3c_46355150.62.png) no-repeat left;}

#widget-category li a{padding-left:0px!important;}

#widget-recentComment li a, #widget-category li a{font-family:bree;color:#105111;}

#widget-category li:hover a{color:#F33;font-family:bree;}

#widget-recentComment li:hover, #widget-category li:hover{background:#fff url(http://nn8.upanh.com/b3.s28.d1/b4b58127bb2d4fd8ccb85dea3176e604_46355148.61.png) no-repeat left;opacity:.5;}#widget-recentPost .bd ul li:hover{background:#fff url(http://nn8.upanh.com/b3.s28.d1/b4b58127bb2d4fd8ccb85dea3176e604_46355148.61.png) no-repeat left;opacity:.5;}

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

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

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

.new-style-supplement #comment-list .comment-reply{background:#E2E2D9;opacity:.8;}


#active-widgets .widget, #inactive-widgets .widget .bd, #inactive-widgets .widget{background:transparent!important;height:60px;padding:5px;width:190px;}
#active-widgets .sidebar {width:220px;}
#comment-list .comment-reply {font-family:Comic Sans MS;color:#6dc715;font-size:14px;}
#comment-form{background:transparent;border:1px dashed #3c3c3c;}
#comment-form .fields .yut-btn{background:transparent url(http://icons.iconarchive.com/icons/mirella-gabriele/valentine/32/Heart-green-icon.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:#6dc715;opacity:.8;}
#article-single.bd, #article-supplement, #article-bottom-nav, #article-list, #pagination-bottom, #emotion-carousel, #article-bottom-nav , #pagination-bottom {background:transparent;border:0px;margin-top:0px;}
#article-navigation {margin-bottom:0px;background:transparent;height:1900px;border:0px;}

a {
color:#029d18;}
#article-list, .article-listing-bd {
background:transparent;border:none;padding-left:15px;}
#article-list .article {background:transparent center;border:none !important;}
#article-list .article .actions {display:none;}
#article-list .article .actions span.divider {display:none;}
#article-list .article .hd {margin-bottom:0px;}
#article-list .article .bd{background:url(http://i954.photobucket.com/albums/ae27/thanhbinh_1512/nen1.png) no-repeat top center;height:295px;width:645px;padding:28px 10px 10px 20px;}
#article-list .article .bd:hover{background:url(http://i954.photobucket.com/albums/ae27/thanhbinh_1512/nen2.png) no-repeat top center;height:295px;width:645px;padding:28px 10px 10px 20px;}



#article-list .article .img-wrap {float:left;padding:0px 5px 0px 0px;}
#article-list .article .img-wrap img {width:100px;height:100px;}
#article-list .article .img-wrap img {background-color:#FFFFFF;max-width:143px;margin:1px 3px 3px 1px;padding:3px;border:1px solid #d6d6d6;}
#article-list .article .category, #w-profile-name-wrap {display:none;}
#article-list .article .bd a.title {background:transparent;font-size:16px;height:40px;line-height:34px;z-index:10;position:relative;margin:auto 2px;text-shadow:1px 1px 0 #097916;color:#FFFFFF;border:none !important;}
#pagination-bottom {background:transparent;border:none !important;}
#article-list .article p.summary {width:610px;}
.new-style-supplement #comment-list .comment-reply {background:url(http://i.imgur.com/YfEqK.png) no-repeat bottom;border-top:1px dashed #ffffff;border-top:1px dashed #ffffff;}

a:hover{font-family:segoe print, Times;font-style:italic;color:#FBFFF5!important;text-shadow:2px 2px 2px #556600!important;background:transparent;}

a{font-family:italic;}a:hover{color:#BA9154;text-decoration:none;}.first-of-type li:hover{background:#ffffff;opacity:.5;}

#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-listing .article .meta .date, #article-listing .article .meta .view-permission, #article-listing .article .meta .divider, #widget-category li .ico, #article-breadcrumb {display:none;}#article-navigation{background:transparent;border:none;}

#comment-list .vcard {position:relative;}
#comment-list .vcard a{z-index:9!important;}
#comment-list .vcard img {height:72px;width:73px;}
#comment-list .vcard {
background:url(http://i954.photobucket.com/albums/ae27/thanhbinh_1512/avatarqz.png) no-repeat left top;height:100px;width:100px;padding:14px 0px 0px 14px;}
#comment-list .comment-content {margin-left:70px;}


#w-profile-img-ctn img{height:0;}
#w-profile-img-root{background:url(http://i.imgur.com/tBTGM.png) no-repeat center;height:300px;}


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

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

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

#article-listing .article {background:url(http://i.imgur.com/j56gB.png) repeat-x center bottom;border-width:0px;}

#article-single .article-ft{background:url(http://i.imgur.com/wJr6Q.png) no-repeat center;height:300px;}

.divider{display:none;}

#emotion-carousel{display:none;}

#article-supplement{color:#ffffff;font-size:13px;}
#comment-list
.comment-reply {color:#ffffff;font-size:13;}
body{font-family:Times New Roman;font-size:13px;color:#4EC300;}

#asb-header-ctn img{height:0px;width:0px;}


#article-single.bd, #article-supplement, #article-top-nav, #article-bottom-nav{background:url(http://i954.photobucket.com/albums/ae27/thanhbinh_1512/center-1.png) repeat;border:0px;}
#article-list, pagination-bottom, #emotion-carousel {background:url(http://i954.photobucket.com/albums/ae27/thanhbinh_1512/center-1.png) repeat;border:0px;}
#article-navigation {margin-bottom:0px;background:transparent;height:350px;}
#article-top-nav {margin-bottom:0px;background:transparent url(http://i954.photobucket.com/albums/ae27/thanhbinh_1512/top1-3.png) no-repeat;height:350px;}
#article-listing .article-listing-hd {font-size:0px;margin-top:0px;margin-bottom:0px;background:transparent url(http://i954.photobucket.com/albums/ae27/thanhbinh_1512/top1-3.png) no-repeat center;height:350px;}
#pagination-bottom{border:none;background:transparent url(http://i954.photobucket.com/albums/ae27/thanhbinh_1512/bottom-1.png) no-repeat;height:350px;}
#article-bottom-nav {margin-top:0px;background:transparent url(http://i954.photobucket.com/albums/ae27/thanhbinh_1512/bottom-1.png) no-repeat;height:350px;}




#article-listing .article .meta .date {display:none;}

#article-navigation .hd {display:none;}
.article-nav .prev {display:none;}
.article-nav .next {display:none;}

#article-breadcrumb .hd {display:none;}



#ft {font-size:0px;border-top:0px;padding:0 0 0 0;background:url(http://i.imgur.com/I26fv.png) repeat center;height:500px;width:960px;margin-top:20px;}
#ft p {margin-bottom:0px;}
#ft li .divider {display:none;}
#asb-header-ctn img{height:0px;width:0px;}
#hd{background:url(http://i.imgur.com/ZhBbV.png) no-repeat center;height:500px;}

</style>




Blog Pjpa

Report abuse for this article

Copyright © 2013 Yahoo!, Inc. All rights reserved