Share theme Huyền ảo Bảo Bình

s0ph4n1990

Điều hành viên
#1
Tự nhiên có hứng làm theme, đặt tạm tên nó là Theme Huyền ảo Bảo Bình vậy
. Theme này mình vẫn ko ưng cái banner đầu blog lắm vì ko kiếm được hình ảnh thick hợp nên đành để vậy
.
Sau đây là Demo theme hoặc các bạn có thể <Click vào đây để xem toàn bộ theme


Code:


.col-150 a , .col-600 a , .row-760 a, .row-920 a {text-decoration:none;}

#blast .rc_bc .bd, #blast .rc_bc .bd a {font-size:110%;color:#000;}

a:hover{
color:#185531!important;text-shadow:0 0 2px #00ff67!important;}

.pagination{background:transparent;}

#article_list_module h2{display:none;}

#blog_title{display:none;}

#ygmatop, .ygmabg, #ygmasrchbtn, #ygmasrchquery, #ygmabot, #ygma .blogsrch .ipt, .blog_dummyselect .hd span, .blog_dummyselect .hd, .yuimenubar .hd u, .yuimenubar .hd b, .yuimenubar .hd i, .yuimenubarnav .yuimenubaritem {background:transparent !important;border-color:#fff;color:#fff;}
.yuimenubarnav .yuimenubaritem, .yuimenubaritemlabel
{border-style:none;}
#ygma .btn, #ygma .btn .first-child{border-color:#fff;}
#ygmatop a, .ygmabg{color:#fff;}

#blog_title .rc_hd, #blog_title .rc_hd div, #blog_title .rc_bd, #blog_title .rc_bc, #blog_title .rc_ft, #blog_title .rc_ft div, #blog_title .rc_bd .rc_bc .bd{background:transparent;border-style:none;}

#mod_lifeline .rc_bd .rc_bc .hd .titlebar .hd, #mod_lifeline .rc_bd .rc_bc .hd .titlebar, #mod_lifeline .rc_hd, #mod_lifeline .rc_hd div, #mod_lifeline .rc_bd, #mod_lifeline .rc_bc, #mod_lifeline .rc_ft, #mod_lifeline .rc_ft div, #mod_lifeline .bd {background:transparent;border-style:none;}

.col-150 .rc_bd .rc_bc .hd .titlebar .hd, .col-150 .rc_bd .rc_bc .hd .titlebar, .col-150 .rc_hd, .col-150 .rc_hd div, .col-150 .rc_bd, .col-150 .rc_bc, .col-150 .rc_ft, .col-150 .rc_ft div, .col-150 .rc_bd .rc_bc .bd{background:transparent;border-style:none;}

.col-600 .rc_bd .rc_bc .hd .titlebar .hd, .col-600 .rc_bd .rc_bc .hd .titlebar, .col-600 .rc_hd, .col-600 .rc_hd div, .col-600 .rc_bd, .col-600 .rc_bc, .col-600 .rc_ft, .col-600 .rc_ft div, .col-600 .rc_bd .rc_bc .bd, .col-600 .rc_bd .rc_bc .ft{background:transparent;border-style:none;}


.row-760 .rc_bd .rc_bc .hd .titlebar .hd, .row-760 .rc_bd .rc_bc .hd .titlebar, .row-760 .rc_hd, .row-760 .rc_hd div, .row-760 .rc_bd, .row-760 .rc_bc, .row-760 .rc_ft, .row-760 .rc_ft div, .row-760 .rc_bd .rc_bc .bd, .row-760 .rc_bd .rc_bc .ft{background:transparent;border-style:none;}

.row-920 .rc_bd .rc_bc .hd .titlebar .hd, .row-920 .rc_bd .rc_bc .hd .titlebar, .row-920 .rc_hd, .row-920 .rc_hd div, .row-920 .rc_bd, .row-920 .rc_bc, .row-920 .rc_ft, .row-920 .rc_ft div, .row-920 .rc_bd .rc_bc .bd, .row-920 .rc_bd .rc_bc .ft{background:transparent;border-style:none;}

.cmt-mod-alist .comments-listing .hd, #comment_container li, #bd .rte_toolbar, .mod-trackback #trackback-listing, .mod-trackback ul {background:transparent;border-style:none;}

.cmt-mod-alist .comments-listing .bd, .mod-trackback .bd{background:transparent !important;}

.pagination{background:transparent;}

.rc_hd, .rc_hd div, .rc_bd, .rc_bd .rc_bc, .rc_ft, .rc_ft div{background:transparent;border-style:none;}

#ft{background:transparent;font-size:0;}

body.blog_my, body.blog_my_index, body.comment_listing, body.trackback_listing, body.blog_archives_folder, body.blog_archives_date, body.blog_archives_all, body.post_rte, body.post_doodle, body.guestbook, body.comment_list, body.subscribe_list, body.post_gb, body.profile_view, body.gallery,
body.photo_big, body.slideshow, body.photo_upload_pc, body.photo_upload_gallery{text-align:center;background:url(http://img687.imageshack.us/img687/9007/top23t.jpg) center 0px no-repeat;}
#head {background:transparent;height:440px;}

html{background:#a7c3b4 url(http://img687.imageshack.us/img687/5182/mid6.jpg) center top repeat-y;}


#ygmatop, #ygmabot, .blog_dummyselect {display:none;}
.yuimenubar .bd ul.first-of-type #yui-gen0{background:transparent;}
.yuimenubar{padding:0 235px;width:482px;}
.yuimenubarnav .yuimenubaritem{border-right:none;}

#ft{background:transparent url(http://img687.imageshack.us/img687/6931/bottom8.jpg) bottom center no-repeat;height:292px;}

.col-150 .rc_hd {background:transparent url(http://img687.imageshack.us/img687/3199/top11t.png) no-repeat center bottom;height:34px;}

.col-150 .rc_bd {background:transparent url(http://img687.imageshack.us/img687/1371/mid1.png) repeat-y top center;}

.col-150 .rc_ft {background:transparent url(http://img684.imageshack.us/img684/2689/bottom11.png) no-repeat center top;height:19px;}

#blast .rc_hd{background:transparent url(http://img684.imageshack.us/img684/4168/rchdwhite2.png) no-repeat 0;padding:0 0 0 4px;height:5px;}
#blast .rc_hd div{background:transparent url(http://img684.imageshack.us/img684/6...ddivwhite2.png) repeat-x 100% 0;height:5px;}
#blast .rc_bd{background:transparent url(http://img684.imageshack.us/img684/5666/rcbcwhite2.png) repeat-y left top;border-style:none;}
#blast .rc_bd .rc_bc{background:transparent url(http://img684.imageshack.us/img684/5666/rcbcwhite2.png) repeat-y right !important;padding:0 5px;border-style:none;}
#blast .rc_ft{background:transparent url(http://img684.imageshack.us/img684/6158/rcftwhite2.png) no-repeat 0 0;padding:0 0 0 4px;}
#blast .rc_ft div{background:transparent url(http://img227.imageshack.us/img227/2...tdivwhite2.png) repeat-x 100% 0;height:5px;}
#blast .rc_bd .rc_bc .bd{background:transparent url(http://img227.imageshack.us/img227/9056/bdwhite2.png);}
#blast{background:transparent url(http://img227.imageshack.us/img227/2356/tailwhite2.png) no-repeat 0 100%;padding:15px 0px 10px 35px;}
#blast .tail{background:transparent;}

#user_mod_10001 .hd h2, #user_mod_10002 .hd h2, #user_mod_10003 .hd h2, #user_mod_10004 .hd h2, #user_mod_10005 .hd h2, #user_mod_10006 .hd h2, #user_mod_10007 .hd h2, #user_mod_10008 .hd h2, #user_mod_10009 .hd h2, #user_mod_10010 .hd h2 {color:transparent;font-size:0px;}

.col-150 .rc_bd .rc_bc .hd .titlebar .hd {background:transparent url(http://img227.imageshack.us/img227/1239/tieud2.png) repeat right center;}

.mod-alist-summary, .mod-alist-brief, .mod-alist-full {
width:620px;}

.mod-alist .comments-listing .hd {
BACKGROUND:url(http://img227.imageshack.us/img227/3...tnglibinh2.jpg) no-repeat left;height:30px;}

#comments-listing .alist-comment{background:transparent;}
#comment_container li{background:transparent url(http://img526.imageshack.us/img526/5787/nnlibinh4.jpg) top center;border-color:#035120;border-width:1px;border-style:dashed;}

#comments-listing .alist-comment{background:transparent;}
#comment_container li:hover{background:transparent url(http://img526.imageshack.us/img526/9...binhhover2.jpg) top center;border-color:#035120;border-width:1px;border-style:dashed;}

.mod-alist .rc_bd .bd .more-posts ul li{background:transparent url(http://img526.imageshack.us/img526/2998/ngandongi.png) no-repeat bottom center;border-style:none;}



#ygmatop, #ygmalogo img, .blog_dummyselect, #ygma .blogsrch {display:none;}
.yuimenubarnav .yuimenubaritem {border-color:063e1b;}
.yuimenubaritemlabel {border:none;}
.yuimenubar .hd u, .yuimenubar .hd i, .yuimenubarnav .yuimenubaritem
{background:transparent !important;}
.yuimenubar .hd b{background:transparent;}
.yuimenubar .bd ul.first-of-type #yui-gen0.yuimenubaritem-selected .yuimenubaritemlabel, .yuimenubarnav .yuimenubaritem-selected .yuimenubaritemlabel{background:transparent;}
.blog_dummyselect .bd div, .blog_dummyselect .bd, .yuimenu .bd {background:transparent;}
.yuimenuitemlabel {color:#000;}
.first-of-type a:hover{color:#000;text-decoration:none;}
.first-of-type li:hover{background:transparent url(http://img443.imageshack.us/img443/2330/hover.png);}

#article_new li:hover, #comment_new h3:hover, #comment_new li:hover, #guestbook_entries li:hover, #folder li:hover, #friendlist_module li:hover, #photo_highlight td:hover, #subscribe_highlight li:hover, #mod-tagged-frd-article li:hover, #profile_card dt:hover, #profile_card dd:hover, #statistic li:hover, #update_date .date:hover, #calendar th:hover, #calendar td:hover{background:url(http://img526.imageshack.us/img526/9031/hover1.png) top center;border-width:1px;border-style:dashed;border-color:#0c662d;}

a:hover{background-image:url(http://img94.imageshack.us/img94/552/phaohoa.gif);}

.mod-alist .rc_bd .bd .more-posts li:hover{background:transparent url(http://img526.imageshack.us/img526/7366/entryhover3.jpg) top center;border-width:1px;border-style:dashed;border-color:#0c662d;}

#article_list_module .rc_hd {background:transparent url(http://img526.imageshack.us/img526/1...ivietcopy5.png) no-repeat center bottom;height:129px;}


#comments-listing ul{height:70px;}
#comments-listing ul:hover{height:auto;}

#friendlist_module .rc_bd .rc_bc .bd{height:500px;}
#friendlist_module .rc_bd .rc_bc .bd:hover{height:auto;}

.cmt-mod-alist .comments-listing .hd{background:transparent url(http://img88.imageshack.us/img88/1585/bannerentry2.png) no-repeat center;height:200px!important;}

.backhome .cta-ss {background:transparent url(http://img88.imageshack.us/img88/1747/th53.gif) no-repeat center !important;height:70px;}
.backhome .cta-ss strong{background:transparent !important;}
.backhome .cta-ss em, .backhome .cta-ss strong{font-size:0;}

.zodiac{background:transparent url(http://img88.imageshack.us/img88/5743/96455950.png) no-repeat center;height:5px;}

.zodiac:hover{background:transparent url(http://img88.imageshack.us/img88/624/chkdesign.png) no-repeat center;height:130px;}


Còn đây là mã màu ở trong CSS các bạn thay mã màu như hình vẽ nhé



Còn đây là code flast sao ,nếu thick các bạn có thể lấy cho vào module tự tạo để trang trí


<p align="center"><embed type="application/x-shockwave-flash" AllowScriptAccess='never' src="http://i1019.photobucket.com/albums/af317/max4downloadcom/photobutket.swf?link=http://img694.imageshack.us/img694/7118/94295051.swf" width="950" height="300" wmode="transparent"></embed></p>
 

Bình luận bằng Facebook

Top