Thứ Bảy, 27 tháng 11, 2010

Theme cho blog 360 86

Ảnh demo cho theme blog 360 plus



Code CSS - them blog 360 plus



#head {
background:transparent url(http://i994.photobucket.com/albums/af61/dbblog9x/lovely/banner1.png) no-repeat center top;height:354px;}
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 {background:#FFFFFF url(http://files.myopera.com/duongbinh090/albums/873213/theme.png) Repeat-y fixed bottom;}

#friend-list .rc div, #friendlist_module .rc div, .rc div, #subscribe_highlight .rc div, #mod-tagged-frd-article .rc div {background:transparent;}
#friend-list .rc, #friendlist_module .rc, .rc, #subscribe_highlight .rc, #mod-tagged-frd-article .rc {background:transparent;}
#friend-list .rc_bd div.rc_bc, #friendlist_module .rc_bd div.rc_bc, .rc_bd div.rc_bc, #subscribe_highlight .rc_bd div.rc_bc, #mod-tagged-frd-article .rc_bd div.rc_bc {background:transparent;}
#friend-list .rc_bd, #friendlist_module .rc_bd, .rc_bd, #subscribe_highlight .rc_bd, #mod-tagged-frd-article .rc_bd {background:transparent;}
#friend-list .rc_ft div, #friendlist_module .rc_ft div, .rc_ft div, #subscribe_highlight .rc_ft div, #mod-tagged-frd-article .rc_ft div {background:transparent;}
#friend-list .rc_ft, #friendlist_module .rc_ft, .rc_ft, #subscribe_highlight .rc_ft, #mod-tagged-frd-article .rc_ft {background:transparent;}

#mod_lifeline div.bd{background:transparent !important;}
#mod_lifeline div.rc_bc {background:transparent repeat-y right top!important;}

.col-150 .rc_bd .rc_bc .hd .titlebar .hd, .col-150 .rc_bd .rc_bc .hd .titlebar,
.col-600 .rc_bd .rc_bc .hd .titlebar .hd, .col-600 .rc_bd .rc_bc .hd .titlebar,
.row-920 .rc_bd .rc_bc .hd .titlebar .hd, .row-920 .rc_bd .rc_bc .hd .titlebar{background:transparent;}

#blast .rc div {background:transparent;}
#blast .rc {background:transparent;}
#blast .rc_bd div.rc_bc {background:transparent;}
#blast .rc_bd {background:transparent;}
#blast .rc_ft {background:transparent;}
#blast .rc_ft div {background:transparent;}
#blast .rc_bc .bd{font-weight:bold;font-style:italic;font-size:14px;}
#blog_title .bd, #blast .rc_bc .bd{background-color:transparent;}

.col-150 .rc_bd .rc_bc .bd, .col-600 .rc_bd .rc_bc .bd, .row-920 .rc_bd .rc_bc .bd {background:transparent;color:#000;}

.cmt-mod-alist #comments-listing .extend-hd, .cmt-mod-alist #comments-listing .extend-bd .alist-comment {background:none;}
.alist-comment #comment_container *, .cmt-mod-alist #comments-listing , .cmt-mod-alist #comments-listing .alist-comment {background:none;}
.mod-alist-full .alist-comment li{border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;border-top-style:dashed;border-right-style:dashed;border-bottom-style:dashed;border-left-style:dashed;border-top-color:#000;border-right-color:#000;border-bottom-color:#000;border-left-color:#000;}
#profile_info , #profile_info .bd #blog_profile .bd, #profile_info .bd #personal_profile .bd, #profile_info .bd #introduction_profile .bd, #profile_info .bd #personal_profile .bd th , #profile_info th {background:none;}
.mod-alist-summary .pagination, .mod-alist-full .pagination, #photo_highlight .ft {background:transparent;color:#000;}

.cmt-mod-alist .add-comment em.buttons input {
background:transparent url(http://files.myopera.com/Neosteam/albums/652207/nutluuhuy.png) no-repeat scroll 0 0;color:#000000;font-weight:bold;height:26px;text-align:right;}

#footer .ft .provider p, #footer .ft .info p, #footer .ft .rights p, #footer .ft .privacy p, #footer .ft .disclaimer p, #footer .ft .provider h4, #footer a, .rights, #footer {font-size:0px;color:transparent;}
#footer{background:transparent url(http://files.myopera.com/duongbinh090/albums/873213/cuoi1.png) no-repeat center;border-top:0px;height:300px;}

background:#d7d7d7 url(http://files.myopera.com/duongbinh090/albums/873213/Toolbar.png) repeat-x top;border-left:0px solid #F90788;border-top:0px solid #F90788;border-right:0px solid #0448f6;height:84px;}

div.backhomtbtn a.backtomyblog {background:url(http://files.myopera.com/duongbinh090/albums/873213/home.png) no-repeat center;height:48px;}
div.backhomtbtn a:hover {background:url(http://files.myopera.com/duongbinh090/albums/873213/home%202.png) no-repeat center;height:48px;}

.mod-alist .mod-alist-titlebar-1 h2 a, #subscribe_highlight a, .mod-alist .mod-alist-titlebar-1 h2 a, .mod-alist-titlebar h2 a, .mod-alist-brief table td a, .mod-relatives-1 .bd li a, .mod-alist-full .comment-more li a, .mod-alist-titlebar a, a {color:#F3077D;}

.col-600 .rc_bd .rc_bc .hd .titlebar .hd h2, .col-600 .rc_bd .rc_bc .hd .titlebar .hd a {color:transparent;}

.col-150 .rc_bd .rc_bc .hd .titlebar .hd h2, .col-150 .rc_bd .rc_bc .hd .titlebar .hd a,
.col-600 .rc_bd .rc_bc .hd .titlebar .hd, .col-600 .rc_bd .rc_bc .hd .titlebar,
.row-920 .rc_bd .rc_bc .hd .titlebar .hd, .row-920 .rc_bd .rc_bc .hd .titlebar{color:transparent;text-align:center;font-size:0px;}

#article_list_module .rc {background:transparent url(http://i994.photobucket.com/albums/af61/dbblog9x/lovely/Entries.png) no-repeat scroll center top;height:50px;}

#article_new .rc {background:transparent url(http://i994.photobucket.com/albums/af61/dbblog9x/lovely/Bai_moi-1.png) no-repeat center bottom;height:40px;}
#statistic .rc {background:transparent url(http://i994.photobucket.com/albums/af61/dbblog9x/lovely/Thong_ke-1.png) no-repeat center bottom;height:40px;}
#friendlist_module .rc {background:transparent url(http://i994.photobucket.com/albums/af61/dbblog9x/lovely/Ban_be-1.png) no-repeat center bottom;height:40px;}
#comment_new .rc {background:transparent url(http://i994.photobucket.com/albums/af61/dbblog9x/lovely/Binh_luan-1.png) no-repeat center bottom;height:40px;}
#calendar .rc {background:transparent url(http://i994.photobucket.com/albums/af61/dbblog9x/lovely/Lich-1.png) no-repeat center bottom;height:40px;}
#folder .rc {background:transparent url(http://i994.photobucket.com/albums/af61/dbblog9x/lovely/Thu_muc-1.png) no-repeat center bottom;height:40px;}
#mod_lifeline .rc {background:transparent url(http://i994.photobucket.com/albums/af61/dbblog9x/lovely/tam_trang.png) no-repeat center bottom;height:50px;}
#photo_highlight .rc {background:transparent url(http://i994.photobucket.com/albums/af61/dbblog9x/lovely/Hinh_anh.png) no-repeat center bottom;height:50px;}
#update_date .rc {background:transparent url(http://i994.photobucket.com/albums/af61/dbblog9x/lovely/Cap_nhat-1.png) no-repeat center bottom;height:40px;}
#guestbook_entries .rc {background:transparent url(http://i994.photobucket.com/albums/af61/dbblog9x/lovely/Binh_luan_nhanh-1.png) no-repeat center bottom;height:40px;}
#search_module .rc {background:transparent url(http://i994.photobucket.com/albums/af61/dbblog9x/lovely/Tim-1.png) no-repeat center bottom;height:40px;}




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