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

38/117 POSTS
preview
37-39/117 POSTS

close

[Bài thi thiết kế] Poppy Đỏ

Aug 12, 2012 11:33 PMPublicPageviews 1262 10

Trackback from [Theme] Poppy Đỏ
1. Giới thiệu: 

Poppy đỏ là loại hoa được trân quý và được dùng làm biểu tượng “Tưởng nhớ” từ khi chấm dứt thế chiến I (1914 - 1918) cho tới bây giờ đấy :D . 

Đây là theme một cột ^^ , phù hợp với tất cả các độ phân giải màn hình :D 

Mong mọi người ủng hộ nhé :D (ủng hộ bằng cách click nút like FACEBOOK nhé :P)

2. Demo:

banner

LIVEDEMO


3. Code:


<style>

#widget-category li a, #widget-recentPost li a, #widget-recentComment li a{color:#545454!important;}#widget-category li a:hover, #widget-recentPost li a:hover, #widget-recentComment li a:hover{color:#fff!important;}#widget-followingList li .user-name, #widget-recentVisitor .bd .nickname {display:none;}#widget-followingList li {width:48px;overflow:hidden;float:left;padding-left:10px;padding-top:10px;margin-left:0px;}.one-col .widget {margin-bottom:15px;width:16%;vertical-align:top;display:inline-block;border-top-width:0;zoom:1;padding:0px 0px;}#article-single {margin:90px 90px;}#article-single .bd {background:#fbfbfe url(http://i306.photobucket.com/albums/nn248/ot_nho199x/popy.png) no-repeat bottom right;}#article-supplement.new-style-supplement .yui-content {border:1px solid #d0d0c9;padding:4px;background:none repeat scroll 0% 0% #ffffff;margin:90px 90px;}#article-bottom-nav, #article-single, #article-supplement {background:url("http://dailoit.com/MyFile/theme7-bgsidebar.gif") repeat scroll 0% 0% transparent;border:0px none !important;margin-bottom:10px;padding:4px !important;}#pagination-bottom {background:transparent;border:0px;}.sidebar{background:#2D2D2D;max-height:330px;overflow:hidden!important;border:0px;}.sidebar hd{height:90px;}#article-listing {background:transparent;margin:0px auto;padding:5px;}/*Căn chỉnh độ rộng, nền cho list bài viết*/#article-list{padding:10px 10px;background:transparent;border:0px;position:relative;margin:0 auto;min-height:450px;margin-left:0px;}/*Căn chỉnh danh sách bài viêt*/#article-listing .article{margin:6px 0px 0px 6px;width:24%;height:200px;float:left;background:transparent url(http://d.f7.photo.zdn.vn/upload/original/2011/09/01/16/27/13148692562070468673_574_0.jpg) no-repeat center top;padding:0px!important;border:2px;}/*Thay nền và căn chỉnh từng bài viết*/.article-listing-ft{background:transparent;border:0px;margin:0 auto;padding-right:20px;}/*Căn chỉnh menu chuyển trang cuối list bài viết*/#article-listing .emotion, .article .category, #article-listing .article .meta, #article-list .article .tag, #article-listing .article-listing-hd{display:none;}/*Xóa 1 số thẻ ko cần thiết như thư mục, tag,đếm comment..*/#article-listing .article .summary, #article-list.display-compact .summary-short{display:none;}/*Ẩn bài viết khi chưa rê chuột vào*/#article-listing .img-wrap, #article-list.display-compact .img-wrap{width:100%;height:200px;float:none;margin:0px 0px 0px 0px;}/*Căn chỉnh thumb ảnh*/#article-listing .img-wrap img, #article-list.display-compact .img-wrap img{width:100%;height:200px;max-width:100%;margin:0px 0px 0px 0px;}/*Căn chỉnh ảnh trong thumb*/#article-listing .article .title{position:absolute;top:180px;height:20px;width:100%;overflow:hidden;background:transparent url(http://i306.photobucket.com/albums/nn248/ot_nho199x/tieude1-1.png);font-family:tahoma;font-size:12px;text-align:center;color:#e6c4cd;}/*Quy định vị trí tên bài viết, tự động ẩn bớt nếu tên quá dài*/#article-listing .article:hover{background:#123456;border:1px dashed #fff;height:198px;}/*Thay nền từng bài viết khi rê chuột vào*/#article-listing .article:hover .title{display:none;}/*Căn chỉnh vị trí tên bài viết khi rê chuột vào*/#article-listing .article:hover .summary, #article-list.display-compact .article:hover .summary-short{display:block;width:95%;height:95%;padding:3px 0px 0px 5px;font-size:12px;text-align:justify;overflow:hidden;font-family:arial;color:#fff;}/*Hiện nội dung bài viết và căn chỉnh vị trí của nó*/#article-listing .article:hover .img-wrap, #article-list.display-compact .article:hover .img-wrap{display:block;height:0px;}/*Ẩn ảnh thumb khi rê chuột vào*/#article-listing .article:hover .img-wrap img, #article-list.display-compact .article:hover .img-wrap img{display:block;opacity:0.1;}#article-listing .article .hd {position:absolute;top:183px;right:0px;width:55px;}/*Căn chỉnh phần sửa/Xóa cho chủ blog*/#article-list.display-compact .article:hover .summary {display:none!important;}/*Fix phần xem dạng tóm tắt*/#article-listing .first-of-type, #article-listing .first-of-type:hover{border:2px dashed #fff;margin:6px 0px 0px 6px;width:46%;float:left;background:#faaaaa no-repeat center top;height:382px;padding:10px!important;}#article-listing .first-of-type .title{font-size:18px;font-family:arial;text-align:center;top:5px;height:30px;width:435px;background:none;color:#2d2d2d;}#article-listing .first-of-type:hover .title{font-size:18px;font-family:arial;text-align:center;top:5px;height:30px;width:435px;background:none;display:block;}#article-listing .first-of-type:hover .img-wrap, #article-listing .first-of-type .img-wrap{width:55%!important;height:0px;margin-top:25px;border:0px dotted #fff;}#article-listing .first-of-type .img-wrap img, #article-listing .first-of-type .img-wrap:hover img{display:block!important;float:left;height:350px;width:100%;opacity:1;border:1px dotted #fff;}#article-listing .first-of-type:hover .img-wrap img{display:block!important;float:left;opacity:1;}#article-listing .first-of-type .summary, #article-list.display-compact .first-of-type .summary-short{display:block!important;width:42%;height:365px;padding:0px 0px 0px 10px;text-align:left;overflow:hidden;font-size:16px;font-family:arial;margin-top:1px;}#article-listing .first-of-type:hover .summary, #article-listing .first-of-type:hover .summary{display:block!important;width:42%;height:365px;padding:0px 0px 0px 10px;text-align:left;overflow:hidden;font-size:16px;font-family:arial;margin-top:1px;color:#000;}/*PAGE*/.yut-pg-container .pg-previous {background:url(http://c3vancoc.edu.vn/@File/MyFile/previous.png) no-repeat center top;height:32px;width:32px;border:0px;}.yut-pg-container .pg-previous:hover {background:url(http://c3vancoc.edu.vn/@File/MyFile/previous.png) no-repeat center bottom;height:32px;width:32px;border:0px;}.yut-pg-container .pg-current-page{background:transparent url(http://c3vancoc.edu.vn/@File/MyFile/page1.png) no-repeat center;border:0px;}.yut-pg-container .pg-page:hover {color:white;background:transparent url(http://c3vancoc.edu.vn/@File/MyFile/page2.png) no-repeat center;border:0px;}.yut-pg-container .pg-page {background:transparent url(http://c3vancoc.edu.vn/@File/MyFile/page.png) no-repeat center;border:0px;}.yut-pg-container .pg-next {background:url(http://c3vancoc.edu.vn/@File/MyFile/next.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://c3vancoc.edu.vn/@File/MyFile/next.png) no-repeat center bottom;height:32px;width:32px;border:0px;}.yut-pg-container .pg-break {background:transparent url(http://c3vancoc.edu.vn/@File/MyFile/page.png) no-repeat center;border:0px;}#w-profile-img-root{background:url(http://i306.photobucket.com/albums/nn248/ot_nho199x/bb-1.png) center no-repeat;height:260px;}#w-profile-img-ctn img{height:0px;width:0px;}#blog-title {display:none;}a:hover{color:#000!important;text-decoration:underline!important;}#article-breadcrumb , #profilecard-hover, #w-profile-name{display:none;}#hd{border-bottom:none;background:#fbf7ec url(http://i306.photobucket.com/albums/nn248/ot_nho199x/000slide.gif) no-repeat top center;height:600px;}#bd{width:100%;}body{background:transparent url(http://dailoit.com/theme9_bg/bg-3-1.png) repeat center bottom;max-width:1280px!important;}html {background:#e97156 url(http://www.fileden.com/files/2012/7/5/3322883/1.jpg) no-repeat center top;max-width:1280px!important;margin:0 auto;}#asb-nav .divider {display:none!important;}#asb-menu ul{border:none;}#asb-header hgroup{background:transparent;}#asb-nav-search, #asb-nav-logo, #asb-nav-signup em, #asb-nav .toggle span.ico {display:none!important;}#asb-uh {height:50px;background:#2D2D2D;padding:0px 0 3px 0px;border-bottom:1px solid white!important;top:566px;}#asb-nav{height:100%;background:#2D2D2D;}#asb-nav li.nav-item a.nav-link{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#C4C4C4!important;text-transform:uppercase;padding-top:17px!important;padding-bottom:17px!important;padding-right:10px;}#asb-nav .divider {height:40px;}#asb-nav li.nav-item a.nav-link:hover{background:#333;color:#fff!important;text-decoration:underline!important;}#asb-nav-explorer {background:no-repeat left;padding-left:42px!important;height:38px!important;}#asb-nav .expanded{background:transparent!important;}.widget h3{text-align:center;font-size:14px;color:#000000;}#article-single .article .title, a{color:#000000;}img:hover{opacity:0.5;}#comment-list .comment-content .content-short, #comment-list .comment-content .content .ico{display:none!important;}#comment-list .comment-content .hide{display:block!important;}#w-short-status{display:none!important;}#w-long-status{display:block!important;}#widget-recentVisitor .bd .profile-img img:hover {opacity:0.5;}#article-single .emotion, #article-listing .emotion, .article .tag, #widget-recentComment li time, #ft li .divider, .new-style-supplement #comment-list .comment-content .action a.action-delete-reply, .new-style-supplement #comment-list .comment-content .action a.action-delete-comment, .reply-container .vcard, #widget-recentVisitor .hd a, #article-listing .article-listing-hd, #asb-menu , #blog-description , .article-listing-hd , .new-style-supplement #comment-list .comment-content .action a.action-delete-comment, .new-style-supplement #comment-list .comment-content .action a.action-delete-reply , #widget-recentVisitor .bd .ico{display:none;}, #article-listing .bd .tag{font-size:0px;}#article-listing .bd .tag .ico , #article-single .bd .tag{font-size:0px;}#article-single .bd .tag .ico {display:none;}#widget-recentComment li time{font-size:0px;}#widget-recentPost li time{font-size:0px;}#article-top-nav{display:none;}#article-bottom-nav, #emotion-carousel{display:none;}#article-supplement, #ygubcmt textarea, #comment-form, #comment-list .comment-item:first-child, #comment-list .first#comment-list .reply-container{background:transparent;}#ft{background:#2d2d2d;margin-top:1px;border-top:0px;width:100%;}#ft p{color:white;}#ft li a{color:#c1c1c1;}#article-single .article-ft{height:70px;}#widget-recentPost li{background:url(http://a.imageshack.us/img32/919/icon1d.png) no-repeat left;list-style:none;padding-left:15px;}#w-profile-card .status{display:none!important;}#article-listing .article .more {margin-left:5px;background:url(http://a.imageshack.us/img41/6237/xemthema.png) no-repeat center left;width:15px;height:15px;padding-left:17px;}#article-listing .article .more:hover{margin-left:5px;background:url(http://a.imageshack.us/img94/1802/xemthemb.png) no-repeat center left;width:15px;height:15px;padding-left:15px;}#widget-recentComment li{background:url(http://a.imageshack.us/img32/919/icon1d.png) no-repeat left;list-style:none;padding-left:15px;}#article-single .comment-count .ico{background:url(http://a.imageshack.us/img835/3926/50452083.gif) no-repeat;height:24px;width:24px;}#w-profile-info #w-long-status .ico{display:inline-block!important;background:url(http://a.imageshack.us/img835/3926/50452083.gif) no-repeat;width:24px;height:24px;}#comment-form .fields .set-private .checkbox, #comment-form .fields .emoticon-toggle{visibility:hidden;}#comment-form .fields .set-private{background:url(http://l.yimg.com/op/blog/images/emoticon/27.gif) no-repeat left;padding-left:10px;height:24px;}#w-profile-card .profile .ico{background:url(http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/63.gif) no-repeat center;height:24px;width:24px;}#comment-textarea{color:#9e0303;font-size:16px;}#widget-recentPost li {list-style:none;margin-left:0px;padding:4px 0px 4px 20px;border-bottom:1px dotted #CBCBCB;}#widget-recentComment li{list-style:none;margin-left:0px;padding:4px 0px 4px 20px;border-bottom:1px dotted #CBCBCB;}#widget-recentVisitor .hd, #widget-externalSource .hd, #widget-statistic .hd, #widget-category .hd, #widget-recentPost .hd, #widget-recentComment .hd, #widget-tag h3, #widget-follwingList h3, #widget-calendar h3, #widget-recentVisitor h3, #widget-externalSource h3, #widget-statistic h3, #widget-category h3, #widget-recentPost h3, #widget-recentComment h3, #widget-photoSlide h3, #widget-follwingList h3 {color:#8e3001;}#widget-recentPost{border-bottom:none;}#sidebar, .widget {border:none !important;}.yut-btn-big, .yut-btn-light, .yut-btn {border:1px solid #7C7C7C;background:#4D4D4D;}.yut-btn-light:hover, .yut-btn:hover{background:#2DB6CF;color:white;}#widget-recentPost li a {display:inline;}#comment-list{max-height:600px;overflow-y:auto;}#w-profile-img-ctn.shade {background-color:transparent;cursor:pointer;}

</style>

Blog Ớt Nhỏ

Report abuse for this article

Copyright © 2013 Yahoo!, Inc. All rights reserved