Thứ Năm, 25 tháng 11, 2010

Them blog 360 plus tuyet roi 02

Ảnh demo cho theme blog 360plus



Code CSS - them blog 360 plus



/*Trongsuottoanborutgon*/
.col-150 .rc_bd .rc_bc .hd .titlebar .hd, .col-150 .rc_bd .rc_bc .hd .titlebar, .col-150 .rc_bd .rc_bc .bd,
.col-600 .rc_bd .rc_bc .hd .titlebar .hd, .col-600 .rc_bd .rc_bc .hd .titlebar, .col-600 .rc_bd .rc_bc .bd, .col-600 .rc_bd .rc_bc .ft,
.row-760 .rc_bd .rc_bc .hd .titlebar .hd, .row-760 .rc_bd .rc_bc .hd .titlebar, .row-760 .rc_bd .rc_bc .bd, .row-760 .rc_bd .rc_bc .ft,
.row-920 .rc_bd .rc_bc .hd .titlebar .hd, .row-920 .rc_bd .rc_bc .hd .titlebar, .row-920 .rc_bd .rc_bc .bd, .row-920 .rc_bd .rc_bc .ft,
.cmt-mod-alist .comments-listing .hd, #comment_container li, #bd .rte_toolbar, .mod-trackback #trackback-listing, .mod-trackback ul,
#blog_title .rc_bd .rc_bc .bd, #blast .rc_bc .bd, #blast .tail, .pagination, #ft, #article_list_module .mod-alist-searchbox input.ipt, #search_module input.textfield
{background:transparent;}
.rc_hd, .rc_hd div, .rc_bd, .rc_bd .rc_bc, .rc_ft, .rc_ft div{background:transparent;border-style:none;}
.cmt-mod-alist .comments-listing .bd, .mod-trackback .bd{background:transparent !important;}
#ygmatop,
#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;}
#ygmatop a, .ygmabg{color:#fff;}
#comment_new h2 ,#mod_lifeline h2, #article_new h2 , #folder h2 , #profile_highlight h2, #search_module h2, #update_date h2, #calendar h2, #statistic h2, #friendlist_module h2 ,#mod_bookmark h2, #feature_link h2,#feature_link_gb h2, #rss_output h2 , #mod-tagged-frd-article h2, article_list_module h2{color:transparent;font-size:0px !important;}
/*Body*/
BODY.blog_my {BACKGROUND:url(http://img688.imageshack.us/img688/7217/60a99743f73d9f3c9213c6e.gif) #f9ebd0;}
/*Top*/
#ygma{background:url(http://img121.imageshack.us/img121/9391/dimtheme2top.png) repeat top center;height:383px;}


/*Blog-tittle*/
#bd {background:transparent url(http://img251.imageshack.us/img251/5450/dimtheme2bot.png) no-repeat center bottom;}
#doc2, #doc {background:transparent url(http://img109.imageshack.us/img109/4750/dimtheme2cen.png) repeat center;}
#article_new .rc_hd {background:transparent url(http://img11.imageshack.us/img11/3736/articalrenamed11416.jpg) no-repeat center bottom;height:38px;}
#folder .rc_hd {background:transparent url(http://img17.imageshack.us/img17/2453/folderrenamed7063.jpg) no-repeat center bottom;height:38px;}
#calendar .rc_hd {background:transparent url(http://img210.imageshack.us/img210/9813/calenderrenamed16934.jpg) no-repeat center bottom;height:38px;}
#comment_new .rc_hd {background:transparent url(http://img697.imageshack.us/img697/9172/commerntrenamed26353.jpg) no-repeat center bottom;height:38px;}
#friendlist_module .rc_hd {background:transparent url(http://img18.imageshack.us/img18/5977/friendlistrenamed3094.jpg) no-repeat center bottom;height:38px;}
#statistic .rc_hd {background:transparent url(http://img713.imageshack.us/img713/4670/staticticsrenamed14505.jpg) no-repeat center bottom;height:38px;}
#feature_album .rc_hd {background:transparent url(http://img5.imageshack.us/img5/2967/albumrenamed32328.jpg) no-repeat center bottom;height:38px;}
#update_date .rc_hd{background:transparent url(http://img11.imageshack.us/img11/1009/updaterenamed14855.jpg) no-repeat center bottom;height:38px;}
#rss_output .rc_hd{background:transparent url(http://img697.imageshack.us/img697/568/rrsrenamed6547.jpg) no-repeat center bottom;height:38px;}

. #ygmatop, #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:#ff5600;color:#ff5600;}
.first-of-type a, #ygmatop a, .ygmabg, #ygmasrchbtn{color:#ff5600;}
.yuimenubarnav .yuimenubaritem, .yuimenubaritemlabel{border-style:none;}
.yuimenubar .bd ul.first-of-type #yui-gen0.yuimenubaritem-selected .yuimenubaritemlabel, .yuimenubarnav .yuimenubaritem-selected .yuimenubaritemlabel{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Transparent/920_1.png);border-style:dashed;border-color:#f1cd89;}
.ygmabg, .yui-menu-shadow{background:transparent;}
.blog_dummyselect .bd div, .blog_dummyselect .bd, .yuimenu .bd {background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/Sinttulo.png);color:#f1cd89;}
.blog_dummyselect .bd div:hover{background:#f5ece0;}
#ygma .btn, #ygma .btn .first-child{border-color:#ff5600;}
.yuimenubaritemlabel-selected a{color:#f1cd89!important;}
.first-of-type a:hover{color:#f1cd89;}
.menu .bd, .yuimenu ul{border-style:dashed;border-color:#f1cd89;}

#bd{background:transparent no-repeat center bottom;}
___________________________________
Copy by http://www.themcho.com


Hướng dẫn thay đổi theme cho blog 360 plus
(Lưu ý: Vào thời điểm bạn thực hiện có thể có sự khác biệt chút ít so với hướng dẫn bên dưới)

Bước 1: Đăng nhập Yahoo 360plus http://vn.360plus.yahoo.com/
Bước 2: Vào menu "Blog của tôi" >>> trong menu xổ xuống chọn "Đổi theme"
Bước 3: Một cử sổ hiện ra đánh dấu chọn "Chế độ tự chỉnh sửa" >>> click nút "Tiếp" bên dưới.
Bước 4: Trong khung chứa "CSS tự tạo" bạn xóa hết code trong đó, rồi copy code CSS mới dán vào
Bước 5: Click "Xong" để hoàng tất

Lưu ý: Sau khi click nút "Xong" có thể phải mất vài giây để hoàn tất.

(nếu bạn vẫn chưa thay đổi them được bạn có thể xem video hướng dẫn trên blog này)

Không có nhận xét nào:

Đăng nhận xét