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 : Thi thiết kế theme

10/49 POSTS
preview
10-12/49 POSTS

close

[Bài thi thiết kế] Theme 3D hiệu ứng 3 nền trong suốt

Aug 12, 2012 11:51 PMPublicPageviews 1235 18

Trackback from
Đây là hình ảnh theme mẫu ,theme trong suốt , code này được sủ dụng tất cả 3 hình nền khi de chuột theme sẽ thay đổi,

mong các bạn ủng hộ mình ,code mình cũng hem bít nhiều có gì sai sót các bạn có thể về sửa lại,  mọi người có thể thay 

theme yêu thích của mình , mình thích mấy cái hình game takken này .

các bạn ủng hộ mình nhá tks





Code:
<style type="text/css">
<!--
body {background:transparent url(http://img521.imageshack.us/img521/333/buombay.gif) repeat center;}
#hd, #bd, #asb-menu li.first, #asb-menu li, #asb-menu li.current {background:transparent;border:none !important;}
#asb-header{background:transparent;}
#asb-nav-search span.search-primary, #asb-nav-search span.search-secondary{background:transparent;}
#asb-uh{background:transparent;}
#emotion-carousel{background:transparent;}
#article-single, #article-list, #pagination-bottom, #article-supplement, #article-navigation, .article-nav, #article-supplement .yui-content {background:transparent url(http://img.photo.yume.vn/photo/pictures/20120728/trainat/origin/11111_410818754.png);}
#article-list {background:transparent;border:none !important;padding:30px 15px 0 45px;}
#article-list.display-compact .img-wrap
{background:transparent;border:none !important;}
#article-listing
{background:transparent!important;}#article-listing-ft
{background:transparent;}
#hd:hover {
margin-bottom:14px;border-bottom:1px solid white;background:transparent url(http://img.photo.yume.vn/photo/pictures/20120804/trainat/origin/banner_665128128.png) no-repeat center;height:775px;}
#article-top-nav {background:transparent;border:none;}
#article-bottom-nav{background:transparent;border:none;}
#comment-form-wrapper, #comment-textarea , #comment-list .comment-item:first-child {background:transparent;border:none !important;}
#comment-list .first, #comment-list .reply-container{background:transparent;}
#comment-list .reply-container textarea {background:transparent;}
#comment-list {background:url(http://img.photo.yume.vn/photo/pictures/20120728/trainat/origin/11111_410818754.png) top center repeat;}
#comment-list .comment-reply {background:url(http://img.photo.yume.vn/photo/pictures/20120728/trainat/origin/11111_410818754.png) no-repeat;}
.sidebar{background:transparent;}
#search-result-info,
#article-listing-toggle, #widget-recentVisitor .bd,
#widget-statistic .bd, #widget-calendar .bd, #widget-tag .bd, #widget-category
.bd, #widget-recentComment .bd, #widget-recentPost .bd {background:transparent;border:none;}#widget-calendar
.hd, #widget-recentVisitor .hd, #widget-statistic .hd, #widget-calendar .hd,
#widget-tag .hd, #widget-category .hd, #widget-recentComment .hd, #widget-recentPost
.hd {height:101px;}.sidebar {background:transparent;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;}
#pagination-bottom{border:none;background:transparent url(http://img.photo.yume.vn/photo/pictures/20120728/trainat/origin/11111_410818754.png) no-repeat;height:20px;}
.yut-pg-container.pg-previous,
.yut-pg-container .pg-next
.yut-pg-container .pg-current-page
.yut-pg-container .pg-previous,
.yut-pg-container .pg-next,
.yut-pg-container .pg-page,
.yut-pg-container .pg-current-page,
.yut-pg-container .pg-break {background:transparent;}
#w-profile-card .status{background:transparent;border:none;}

#w-profile-status .status-bubble {background:url(http://img.photo.yume.vn/photo/pictures/20120728/trainat/origin/11111_410818754.png);}
#article-top-nav .ft .action-carousel-show {background:transparent;}
#article-carousel .ft .action-carousel-hide {background:transparent;}
#hd, #bd, #asb-menu li.first, #asb-menu li, #asb-menu li.current, #article-list, #asb-nav-search span.search-primary, #asb-nav-search span.search-secondary, #asb-header {background:transparent;border:none !important;}#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;}#article-navigation, #article-single, #article-supplement, #w-profile-status .status-bubble {background:transparent url(http://img.photo.yume.vn/photo/pictures/20120728/trainat/origin/11111_410818754.png);border:none;}
#comment-textarea{width:490px;}
#widget-recentPost .bd ul li,
#widget-recentComment .bd ul.force-wrap li{list-style-image:url(http://huuhoa.jpg);}#widget-statistic .bd dt{background:url(http://img.photo.yume.vn/photo/pictures/20120810/trainat/origin/iconnhac_1653616675.gif) no-repeat left;padding-left:22px;}#widget-category .bd ul li.clrfix a .ico{background:url(http://img.photo.yume.vn/photo/pictures/20120810/trainat/origin/iconnhac_1653616675.gif) no-repeat top left;text-align:left;}
#article-listing .bd .category .ico {background:url(http://huuhoa.jpg) no-repeat;height:24px;width:24px;}#comment-list .reply-container textarea{width:425px;}#article-single .bd .tag, #article-listing .bd .tag {font-size:0px;}#comment-list .comment-item{background:url(http://img.photo.yume.vn/photo/pictures/20120810/trainat/origin/ngandong_1165741761.png) center bottom no-repeat;border:0px none transparent;}#article-single .bd .category .ico{background:url(http://img.photo.yume.vn/photo/pictures/20120810/trainat/origin/logovipgif_321628796.gif) no-repeat;width:25px;height:25px;}#comment-form .fields .set-private{height:24px;width:144px;background:url(http://img.photo.yume.vn/photo/pictures/20120810/trainat/origin/blrt_141100731.png) no-repeat center;}#comment-form .fields .set-private .checkbox, #comment-form .fields .set-private label{visibility:hidden;}#yui-main .yui-b {width:660px !important;padding:0 0 0 9px;}#comment-list .reply-container textarea{width:425px;}#asb-header-ctn img{height:0px;width:0px;}#asb-uh, #asb-nav, #asb-nav-logo, #widget-externalSource .hd , #asb-nav-search button , #asb-nav-search, #ft li .divider, #article-single .bd .tag {display:none;}
#article-listing .article-listing-hd {background:url(http://hinhnenentrydaubai.jpg) no-repeat right;border:0;height:1100px;}
#comment-list .comment-reply {background:url(http://huuhoa.jpg) repeat;}#comment-form-wrapper, #comment-textarea , #emotion-carousel {background:transparent;border:none !important;}#comment-list .comment-content .user-link{font-family:Comic Sans MS;font-weight:bold;color:#FFFFFF;font-size:15px;}#comment-list .comment-content .meta .time, #comment-history .action-load-more-comments {color:#ffffff;}#w-profile-card .status{font-size:15px;background:url(http://huuhoa.jpg) repeat;}#w-profile-card .profile .ico{background:url(http://dl4.glitter-graphics.net/pub/1008/1008944xcn89a8r3n.gif) no-repeat;height:19px;width:19px;}#doc3 {
background:transparent url(http://img.photo.yume.vn/photo/pictures/20120802/trainat/origin/giua_550447879.png) repeat-y top center;}#article-top-nav {background:url(http://r15.cooltext.com/rendered/cooltext725517159.gif) no-repeat;height:331px;border:none;}#comment-list .bd ol li {border-top:none !important;border-bottom:none !important;}#comment-list {background:url(http://huuhoa.jpg) top center repeat;border-color:#FFFFFF;border-width:1px;border-style:dashed;}#asb-uh{border:none;}#article-supplement{color:#00FF00;font-size:26px;font-size:26px;}#article-listing .article .title:hover {color:FFFFFF;}#comment-form-wrapper #comment-form {background:url(http://img.photo.yume.vn/photo/pictures/20120719/trainat/origin/khungcommest_802859746.png) no-repeat;}#comment-list:hover{background:url(http://img.photo.yume.vn/photo/pictures/20120802/trainat/origin/nat1_285635378.png) top center no-repeat;}#ft {font-size:0px;border-top:0px;background:repeat center;height:0px;}#ft, #ygubcmt .comment-charcounter {background:transparent;font-size:0px;border:0px;}
#ft {
margin-bottom:14px;border-bottom:1px solid white;background:transparent url(http://img.photo.yume.vn/photo/pictures/20120804/trainat/origin/1111111111111png_792076181.png) no-repeat bottom center;height:441px;width:1180px;}
.col, #ft, .yui-t6 .yui-b, .yui-b #sidebar1, .yui-b #sidebar2, #emotion-carousel, {background:transparent;border:none !important;}
.article .tag {margin-top:25px;}
a{color:#FFFFFF;}
#asb-menu ul{border:none;}
#asb-menu li a{color:#FFFFFF;}
.hovergallery img{opacity:0.7;margin:0 10px 5px 0;}.hovergallery img:hover{opacity:1;}
#pagination-bottom .pg-page {background-color:#000;}
body{FONT-SIZE:14px;font-weight:normal;FONT-STYLE:italic;FONT-FAMILY:Palatino Linotype;color:#fff;}
a:hover{background-image:url(http://huuhoa.jpg);color:#FFFFFF;}
#comment-list .bd ol li .comment .hd h4 a {color:#FFFFFF;}
#search-result-info,
#article-listing-toggle, #pagination-bottom
{background:transparent;border:none;}
.sidebar, .widget {background:transparent;border:none;}
.yut-pg-container .pg-previous, .yut-pg-container .pg-next, .yut-pg-container .pg-page, .yut-pg-container .pg-current-page, .yut-pg-container .pg-break {background:transparent;border-width:1px;border-style:dotted;border-color:#FFFFFF;font-size:18px;font-family:papyrus;color:#FFFFFF;}
.yut-pg-container .pg-page:hover {background:transparent;border-width:1px;border-style:dotted;border-color:#FFFFFF;font-size:18px;font-family:papyrus;color:#FFFFFF;}
html{background:#FFFFFF url(http://img.photo.yume.vn/photo/pictures/20120810/trainat/origin/buom_1073869307.gif) repeat center top;}
html:hover{background:#FFFFFF url(http://img.photo.yume.vn/photo/pictures/20120804/trainat/origin/lon_344241407.png);background-attachment:fixed;}
#comment-form .yut-btn{border:1px solid #ffffff;background:transparent;margin-right:9px;}
#comment-form .yut-btn .sm{margin-right:5px;}
.yut-btn-big, .yut-btn-light, .yut-btn{background:#000!important;border:1px solid #555;}
.yut-btn .sm, .yut-btn-secondary .sm, .yut-btn-light .sm, .yut-btn-disabled .sm{color:red;}
#w-profile-img-root{background:url(http://img.photo.yume.vn/photo/pictures/20120717/trainat/origin/00000000000_1__1965302794.png) center no-repeat;height:278px;}
#comment-list .comment-content .action a.action-delete-comment, #comment-list .comment-content .action a.action-delete-reply, #article-breadcrumb, #w-profile-img-ctn img, #article-listing .bd .tag .ico, #article-bottom-nav, #blog-description, #blog-title, #widget-recentVisitor .bd .nickname, #widget-recentVisitor .bd .ico, #asb-menu li, #widget-recentComment li time, #widget-recentPost li time {display:none;}
#widget-recentVisitor .bd li{width:10px;margin-left:50px;}
#w-profile-card .status {border:2px double #FFFFFF;padding:10px;margin:10px 0;}
#w-profile-card .status .text {font-size:90%;display:block;line-height:22px;font-weight:bold;font-style:italic;color:#FFFFFF;}
#widget-recentPost .hd{background:url(http://i1125.photobucket.com/albums/l587/gif-mania/album132/x_3cbd77cf.gif) no-repeat center;height:92px;}
#widget-category .hd{background:url(http://i1125.photobucket.com/albums/l587/gif-mania/album132/x_3cbd77cf.gif) no-repeat center;height:75px;}
#widget-statistic .hd{background:url(http://i1125.photobucket.com/albums/l587/gif-mania/album132/x_3cbd77cf.gif) no-repeat center;height:75px;}
#widget-recentVisitor .hd{background:url(http://i1125.photobucket.com/albums/l587/gif-mania/album132/x_3cbd77cf.gif) no-repeat left;height:75px;}
#widget-recentComment .hd {background:transparent url(http://i1125.photobucket.com/albums/l587/gif-mania/album132/x_3cbd77cf.gif) no-repeat center;height:75px;}
#w-profile-card .quick-links .highlight, #w-profile-card .follow.group{margin-left:3px;}
#article-single .article .title{font-size:20px;color:#FFFFFF;text-decoration:blink;}
.emoticon{display:block;height:48px;width:40px;background:url(http://img.photo.yume.vn/photo/pictures/20120810/trainat/origin/supersonicsmallani_1704608874.gif);margin-bottom:6px;}
#comment-list .comment-reply {background:url(http://img.photo.yume.vn/photo/pictures/20120728/trainat/origin/11111_410818754.png) no-repeat;}
#article-listing .article .more{margin-left:10px;background-image:url(http://huuhoa.jpg);}#widget-recentVisitor .bd li{width:70px;height:80px;margin:0 0px;}#widget-recentVisitor .bd .profile-img{margin:0px 0 0px;border:3px #FFFFFF;border-style:solid;}#article-top-nav .ft .action-carousel-show {background:transparent url(http://huuhoa.jpg);font-weight:bold;color:#FFFFFF;}#article-carousel .ft .action-carousel-hide {background:transparent url(http://huuhoa.jpg);font-weight:bold;color:#FFFFFF;}#comment-list .vcard{border:3px #ffffff;border-style:double;}
#article-single .comment-count .ico{background:url(http://img.photo.yume.vn/photo/pictures/20120812/trainat/origin/shadowattacksmallani2_1328167908.gif) no-repeat;width:70px;height:70px;}#widget-recentVisitor .bd .profile-img img {opacity:1;}#widget-recentVisitor .bd .profile-img img:hover {opacity:.5;}#article-listing .article .title{color:0px 10px;text-decoration:underline;}#w-profile-name {text-align:center;font-weight:normal;font-size:100%;font-weight:bold;font-family:segoe print, Times;text-shadow:0 0 10px;}#w-profile-name{background:url(http://i1125.photobucket.com/albums/l587/gif-mania/album132/x_3cbd77cf.gif) center no-repeat;height:72px;}#widget-calendar h3 {font-size:0px;}
#widget-recentVisitor h3 {font-size:0px;}
#widget-statistic h3 {font-size:0px;}
#widget-category h3 {font-size:0px;}
#widget-recentPost h3 {font-size:0px;}
#widget-photoslide h3 {font-size:0px;}
#widget-recentComment h3 {font-size:0px;}
#widget-followings h3 {font-size:0px;}
.widget .bd{padding-bottom:10px;}
#ft:hover {
margin-bottom:14px;border-bottom:1px solid white;background:transparent url(http://img.photo.yume.vn/photo/pictures/20120804/trainat/origin/1111111111111111_829616485.png) no-repeat bottom center;height:441px;width:1180px;}
#dialog-lightbox, #dialog-lightbox .hd, #dialog-lightbox .bd{background:#FFFFFF;}
.yui-skin-sam .yui-panel{
border:4px solid #FFFFFF;}
#dialog-lightbox div.hd .dialog-indicator{
color:white;font-size:14px;}
#dialog-lightbox .hd .ico{
background:url(http://c3vancoc.edu.vn/@File/MyFile/icon_close.png) no-repeat;height:32px;width:32px;}
#dialog-lightbox div.hd .dialog-close-icon a{
background-position:0px 0px;}
#dialog-lightbox div.hd .dialog-close-icon {
width:32px;height:32px;}
.lightbox{border:2px solid white;}
#widget-recentPost li{background:url(http://img.photo.yume.vn/photo/pictures/20120810/trainat/origin/iconnhac_1653616675.gif) no-repeat center left;list-style:none;padding-left:20px;margin-left:0px;}
body {border-left:10px dotted #FFFFFF;border-right:10px dotted #FFFFFF;border-top:10px dotted #FFFFFF;border-bottom-width:10px;border-bottom-style:dotted;border-bottom-color:#FFFFFF;}
#article-top-nav {background:url(http://hinhnenentry.jpg) no-repeat;height:1100px;border:none;}
#widget-recentVisitor .bd .profile-img{margin:0px 0 0px;border:1px dashed #ffffff;}
#widget-recentVisitor .bd .ico {display:none;}
.yui-b {width:235px !important;padding-left:26px;}
#yui-main .yui-b {width:840px !important;padding-left:19px;}
body{font-family:Palatino Linotype;text-align:center;}
body{font-size:16px;color:#ffffff;font-family:ChinoITCProBlackItalic;}
#article_list_module .mod-alist-searchbox.titlebar .bd {display:none;}
A:hover {background:transparent;color:#00FF00;text-decoration:line-through;font-family:mistral;font-family:ChinoITCProBlackItalic;font-size:26px;}
#article-single, #article-list {background:transparent;}
#article-navigation,
.article-nav,
#article-carousel {background:transparent;}
#article-supplement,
#ygubcmt textarea,
#comment-form,
#comment-list .comment-item:first-child,
#comment-list .first
#comment-list .reply-container{background:transparent;}
#hd {
margin-bottom:14px;border-bottom:1px solid white;background:transparent url(http://img.photo.yume.vn/photo/pictures/20120804/trainat/origin/lonnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn_1471566783.png) no-repeat center;height:750px;}
#article-listing .article .summary {margin:10px 30px 0px 0px;font-size:16px;color:#000000;width:750px;float:right;padding:25px 5px 0px 5px;background:no-repeat right top;}
#comment-history .action-load-more-comments{color:#FFFFF;}
#ygubcmt .comment-charcounter{font-size:0px;}
#comment-list .vcard{border:2px solid #ff0000;}
#w-profile-name{text-align:center;}
#emotion-carousel{display:none;}
.sidebar {width:290px;}
#bd {width:1190px;}
.two-col-left #yui-main .yui-b {margin-left:310px;}
#comment-list{height:500px;overflow-y:scroll;}
#article-listing {background:transparent;float:left;width:750px;padding:1200px 0px 0px 70px;text-align:justify;}
#article-list{display:block;float:left;padding:20px 7px;background:transparent;border:0px;position:relative;}
#article-listing .article{border:0px;margin:0 20px 20px 20px;width:300px;float:left;background:transparent url(http://img.photo.yume.vn/photo/pictures/20120717/trainat/origin/00000000000_1__1965302794.png) no-repeat center top;height:280px;padding:0px!important;}
.article-listing-ft{width:750px;float:left;background:transparent;border:0px;}/
#article-listing .emotion, .article .category, #article-listing .article .meta, #article-list .article .tag, #article-listing .article-listing-hd{display:none;}
#article-listing .article .summary{display:none;}
#article-listing .img-wrap{width:208px;height:208px;}
#article-listing .img-wrap img{width:100%;height:100%;max-width:100%;margin:20px 0px 0px 0px;}
#article-listing .article .title{position:absolute;top:250px;left:40px;height:18px;width:240px;overflow:hidden;}
#article-listing .article:hover{background:transparent url(http://i.imm.io/qXPW.png) no-repeat center top;}
#article-listing .article:hover .title{position:absolute;top:20px;left:30px;color:#FF0000;font-size:16px;height:30px;overflow:hidden;}
#article-listing .article:hover .summary{display:block;width:700px;padding:1200px 0px 0px 70px;text-align:justify;}
#article-listing .article:hover .img-wrap{display:none;}
#article-listing .article .hd {position:absolute;top:0px;right:10px;width:80px;}
#widget-recentVisitor .bd .nickname{font-size:0px;}
#widget-recentVisitor .bd li{width:65px;margin:0 0px;}
#widget-recentVisitor .bd .profile-img{margin-left:10px;}
-->
</style>


Blog Boynat

Report abuse for this article

Copyright © 2013 Yahoo!, Inc. All rights reserved