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

Theme cho blog 76

Ảnh demo cho theme blog 360 plus



Code CSS - them blog 360 plus



#fong_to img {height:60px;}
#fong_to img:hover {height:100%;}

#head {background:transparent url(http://files.myopera.com/c4-classical/hiphop/banner-2.jpg) no-repeat top center;height:540px;}

#bd {background:transparent url(http://files.myopera.com/c4-classical/hiphop/footer-2.jpg) no-repeat center bottom;}

#doc2, #doc {background:transparent url(http://files.myopera.com/c4-classical/hiphop/mid-2.jpg) repeat-y center;}



#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, #friendlist_module .rc_ft, .rc_ft, #subscribe_highlight .rc_ft, #mod-tagged-frd-article .rc_ft {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;}



#comment_new .rc_bd .rc_bc .hd .titlebar .hd,
#comment_new .rc_bd .rc_bc .hd .titlebar,

#search_module .rc_bd .rc_bc .hd .titlebar .hd,
#search_module .rc_bd .rc_bc .hd .titlebar,

#statistic .rc_bd .rc_bc .hd .titlebar .hd,
#statistic .rc_bd .rc_bc .hd .titlebar,

#calendar .rc_bd .rc_bc .hd .titlebar .hd,
#calendar .rc_bd .rc_bc .hd .titlebar,

#update_date .rc_bd .rc_bc .hd .titlebar .hd,
#update_date .rc_bd .rc_bc .hd .titlebar ,

#friendlist_module .rc_bd .rc_bc .hd .titlebar .hd,
#friendlist_module .rc_bd .rc_bc .hd .titlebar,

#folder .rc_bd .rc_bc .hd .titlebar .hd,
#folder .rc_bd .rc_bc .hd .titlebar,

#article_new .rc_bd .rc_bc .hd .titlebar .hd,
#article_new .rc_bd .rc_bc .hd .titlebar,

#mod-tagged-frd-article .rc_bd .rc_bc .hd .titlebar .hd,
#mod-tagged-frd-article .rc_bd .rc_bc .hd .titlebar,


#subscribe_highlight .rc_bd .rc_bc .hd .titlebar .hd,
#subscribe_highlight .rc_bd .rc_bc .hd .titlebar,

#photo_highlight .rc_bd .rc_bc .hd .titlebar .hd,
#photo_highlight .rc_bd .rc_bc .hd .titlebar ,


#mod-tagged-frd-article .rc_bd .rc_bc .hd .titlebar .hd,
#mod-tagged-frd-article .rc_bd .rc_bc .hd .titlebar,

.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,

#user_mod_10006 .rc_bd .rc_bc .hd .titlebar .hd,
#user_mod_10006 .rc_bd .rc_bc .hd .titlebar,

#user_mod_10009 .rc_bd .rc_bc .hd .titlebar .hd,
#user_mod_10009 .rc_bd .rc_bc .hd .titlebar,

#user_mod_10010 .rc_bd .rc_bc .hd .titlebar .hd,
#user_mod_10010 .rc_bd .rc_bc .hd .titlebar,

#user_mod_10001 .rc_bd .rc_bc .hd .titlebar .hd,
#user_mod_10001 .rc_bd .rc_bc .hd .titlebar
{background:transparent url(http://files.myopera.com/c4-classical/nk/bgtrongsuot-nk.png) repeat-y top;}

#user_mod_10001 .rc_ft {background:transparent;height:400px;}


#article_list_module .rc_bd .rc_bc .hd .titlebar .hd,
#article_list_module .rc_bd .rc_bc .hd .titlebar
{background:transparent url(http://img.photo.zing.vn/file_uploads/gallery/sources/q42008/2009/11/22/01/70331258871309.jpg) no-repeat center top;height:296px;}





#comment_new h2 , #article_new h2 , #profile_highlight h2, #search_module h2, #update_date h2, #calendar h2, #statistic h2, #friendlist_module h2 , #feature_link h2, #rss_output h2 , #mod-tagged-frd-article h2, article_list_module h2{color:transparent;font-size:0px;}
#photo_highlight .titlebar .hd h2, #mod_lifeline .titlebar .hd h2, #subscribe_highlight .titlebar .hd h2 , #gb_msg .titlebar .hd h2, #user_mod_10006 .hd h2 , #user_mod_10010 .hd h2, #user_mod_10009 .hd h2, .mod-relatives-1 .hd h2 , .mod-relatives-2 .hd h2 {color:transparent;font-size:0px;}
#folder .hd h2{color:transparent;font-size:0px;}
#comment_new .titlebar .hd h2 , #mod-tagged-frd-article .titlebar .hd h2, #rss_output .titlebar .hd h2, #subscribe_highlight .titlebar .hd h2 , .mod-relatives-1 .titlebar .hd h2 , .mod-relatives-2 .titlebar .hd h2 {background:transparent;}
.mod-alist-searchbox form strong {font-size:0px;color:transparent;}


.col-150 .rc_bd .rc_bc .bd {background:transparent;}
.col-600 .rc_bd .rc_bc .bd {background:transparent;}
.row-920 .rc_bd .rc_bc .bd {background:transparent;}
#user_mod_10009 .rc_bd .rc_bc .bd {background:transparent;}
#user_mod_10006 .rc_bc .bd,
#user_mod_10010 .rc_bc .bd,
#user_mod_10006 .rc_bd ,
#user_mod_10006 .rc_ft ,
#user_mod_10006 .rc ,
#profile_highlight .rc_ft,
#profile_highlight .rc,
#profile_highlight .rc_bd {background:transparent;}



#blast div.leavemsg{color:transparent;font-size:0px;}

#blast .rc_ft , #blast .rc_ft div, #blast .rc div, #blast .rc, #blast .rc_bd div.rc_bc, #blast .rc_bd, #blast .rc_bc .bd {background:transparent;}





#footer{background:transparent;border-top:none;height:163px;}
#footer .ft .info a {border-right:none;}
#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;border-top:none;height:163px;}
#footer .ft .info a {border-right:none;}
#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;}

#blog_masshead .bd form .btn{height:25px;background:transparent;}
#blog_masshead .rc , #blog_masshead .rc div, #blog_masshead .rc_bd, #blog_masshead .rc_bc, #blog_masshead .rc_ft {background:transparent;}
#blog_masshead .rc_ft div{height:4px;background:transparent;}
#blog_masshead .bd{height:30px;background:transparent;}

#blog_masshead .menu.mr a {background-image:url(http://files.myopera.com/c4-classical/nk/bgtrongsuot-nk.png);}
#blog_masshead .menu .rc_w {height:27px;background-image:url(http://files.myopera.com/c4-classical/nk/bgtrongsuot-nk.png);}
#blog_masshead .menu .rc_e {height:27px;background-image:url(http://files.myopera.com/c4-classical/nk/bgtrongsuot-nk.png);}
#blog_masshead .menu.ml a {background-image:url(http://files.myopera.com/c4-classical/nk/bgtrongsuot-nk.png);}
#blog_masshead{font-size:0px;color:transparent;background:transparent;}
#blog_masshead a{color:transparent;font-size:0px;}


#blog_masshead .bd form,
#blog_masshead .bd form select,
#blog_masshead .bd form input.ipt,
#blog_masshead .bd form .btn,
#blog_masshead .bd form div.nselect,
#blog_masshead .bd form div.nselect span,
#blog_masshead .bd form div.nselect img,
#blog_masshead .bd form div.op_container,
#blog_masshead .bd form .options_out, form div.op_container div,
#blog_masshead .bd form .options_over, form div.op_container div:hover,
.blog_dummyselect,
.blog_dummyselect .hd,
.blog_dummyselect .hd span,
.blog_dummyselect .hd img,
.blog_dummyselect .bd,
.blog_dummyselect .bd div,
.blog_dummyselect .bd div:hover{height:0px!important;font-size:0px!important;background:transparent!important;color:transparent!important;}
#blog_masshead div.mhlogo a img{background:transparent!important;height:0px;}




a:hover{text-decoration:none;color:#ffffff;text-decoration:none;font-weight:bold;}

#folder .rc_bd .rc_bc .bd ul li:hover{background:transparent url(http://files.myopera.com/c4-classical/hiphop/thumuc-hover.jpg);}
#comment_new .rc_bd .rc_bc .bd ul li:hover{background:transparent url(http://files.myopera.com/c4-classical/hiphop/thumuc-hover.jpg) repeat-y;}
#article_new .rc_bd .rc_bc .bd ul li:hover{background:transparent url(http://files.myopera.com/c4-classical/hiphop/thumuc-hover.jpg) repeat-y;}
#article_list_module .rc_bd .rc_bc .bd ul li:hover{background:transparent url(http://files.myopera.com/c4-classical/hiphop/baivet-hover.png) no-repeat top center;}

#article_new .rc_bd .rc_bc .bd ul li{background:transparent url(http://files.myopera.com/c4-classical/hiphop/bg-baivietmoi.jpg) no-repeat center bottom;height:60px;}


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:#000000 url(http://files.myopera.com/c4-classical/hiphop/bg-duoi.jpg) no-repeat top center;}


div.backhomtbtn a.backtomyblog {background:url(http://img.photo.zing.vn/file_uploads/gallery/w642h/q42008/2009/08/13/03/15601250150917.png) no-repeat;height:28px;}


.mod-relatives .rc_bc .bd{font-size:0px;color:transparent;background-color:transparent;}
.mod-relatives .rc .mid {background:none !important;}
.mod-relatives .bd {background:transparent !important;font-size:0px;color:transparent;background-color:transparent;}



.mod-alist-pagination .pagination, .mod-alist-brief .pagination, .mod-alist-full .pagination {background:transparent;height:500px;}
.mod-alist-summary .main-bd li{border-top:none;background:transparent;}
.mod-alist-summary .pagination {background:transparent;height:500px;}



.cmt-mod-alist #comments-listing .extend-bd .alist-comment {background:transparent url(http://files.myopera.com/c4-classical/hiphop/bg-post-cm.jpg) no-repeat center bottom;}

.cmt-mod-alist .add-comment em.buttons input{color:#000000;height:26px;text-align:right;font-weight:bold;background:url(http://files.myopera.com/c4-classical/tet/but.png) no-repeat;}

.mod-alist-full .alist-comment li
{background:#a73b2c url(http://files.myopera.com/c4-classical/hiphop/bg-o-cm.png) no-repeat top center;border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:5px;border-top-color:#000000;border-right-color:#000000;border-bottom-color:#000000;border-left-color:#000000;}

.mod-alist-full .alist-comment ul
{background:transparent;}

.rte_container {background:transparent;border-left:none;border-top:none;border-right:none;}

.rte_toolbar {background:transparent url(http://files.myopera.com/c4-classical/hiphop/bg-tool.png) no-repeat left;height:26px;border-left:none;border-top:none;border-right:none;text-align:left;height:28px;}

.cmt-mod-alist #comments-listing .extend-hd
{background:transparent;}

div.comment-ctnr{color:#000000;}
div.content{color:#000000;}
#comment_container * a{color:#000000;}
#comments-listing * ins {color:#ffffff;}
#comment_container * .content {color:#000000;font-weight:normal;}

.mod-comment-new ul, .mod-alist-full .alist-comment .responding {border-top:none;background:url(http://files.myopera.com/c4-classical/hiphop/gachngan.png) no-repeat center top;}

.cmt-mod-alist .alist-comment .mod-alist-titlebar {
background:transparent;height:80px;}

.alist-comment .mod-alist-titlebar h2 {
background:#transparent;}

.rte_btn .rte_btn_sep {background-image:none;}
.rte_sep {background-image:none;}

.cmt-mod-alist .extend-hd a{background:url(http://img513.imageshack.us/img513/8969/congtru.gif) no-repeat;}



#folder .bd ul li, #article_new .bd ul li {background:transparent url(http://files.myopera.com/c4-classical/hiphop/icon-daudong.png) no-repeat 7px top;}
#comment_new .bd ul li {background:transparent url(http://files.myopera.com/c4-classical/hiphop/icon-daudong.png) no-repeat left top;}
#subscribe_highlight ul.blog-list li .mod-subscription-list {background:transparent url(http://files.myopera.com/c4-classical/hiphop/icon-daudong.png) no-repeat left top;}
#subscribe_highlight .folder li a{background:url(http://files.myopera.com/c4-classical/hiphop/icon-daudong.png) no-repeat 4px 0;font-size:13px;}
#subscribe_highlight .folder li {background:transparent url(http://files.myopera.com/c4-classical/hiphop/icon-daudong.png) no-repeat 4px top;}
.rte_palette {background:transparent url(http://rphiphop.com/wp-content/uploads/2008/03/joy_poster_hiphop_party.jpg);}
#article_list_module a{color:#000000;font-weight:bold;}


.mod-tag-friend-list .bd{text-align:center;background:transparent url(http://files.myopera.com/c4-classical/class/mid-F.jpg) no-repeat center top !important;}
.mod-tag-friend-list .ft{border-top:none;background:transparent url(http://files.myopera.com/c4-classical/class/bot-F.jpg) no-repeat center bottom !important;height:48px;}

.mod-tag-friend-list .hd{background:transparent url(http://files.myopera.com/c4-classical/class/top-F.jpg) no-repeat center top !important;height:16px;}
.mod-tag-friend-list{}



#comment_new .rc {background:transparent url(http://files.myopera.com/c4-classical/hiphop/comment.jpg) no-repeat center top;height:57px;}
#folder .rc {background:transparent url(http://files.myopera.com/c4-classical/hiphop/folder.jpg) no-repeat center top;height:57px;}
#statistic .rc {background:transparent url(http://files.myopera.com/c4-classical/hiphop/statistic.jpg) no-repeat center top;height:57px;}
#article_new .rc {background:transparent url(http://files.myopera.com/c4-classical/hiphop/new-entries.jpg) no-repeat center top;height:57px;}


#comment_new .rc_bd ,
#search_module .rc_bd ,
#statistic .rc_bd ,
#calendar .rc_bd ,
#update_date .rc_bd ,
#folder .rc_bd ,
#article_new .rc_bd ,
#friendlist_module .rc_bd,
#mod-tagged-frd-article .rc_bd
{background:transparent url(http://files.myopera.com/c4-classical/hiphop/bg-modul.jpg) no-repeat center top;}



.content{font-size:110%;font-weight:bold;}
#article_list_module .rc_bd .rc_bc .bd .main-bd .mod-alist .mod-alist-titlebar-1
a{color:#8c0206;font-size:110%;}
#article_list_module .rc_bd .rc_bc .bd .main-bd .mod-alist .mod-alist-titlebar-1
h2:first-letter {color:#ffffff;font-size:120%;}

#folder a{font-weight:bold;}
#comment_new a{font-weight:bold;}
#article_new a{font-weight:bold;}

#profile_highlight .rc_ft {background:transparent url(http://files.myopera.com/c4-classical/hiphop/bot-profile.png) no-repeat center top;height:78px;}
#profile_highlight .rc {background:transparent url(http://files.myopera.com/c4-classical/hiphop/top-profile.png) no-repeat center top;height:87px;}
#profile_highlight .rc_bd {background:transparent url(http://files.myopera.com/c4-classical/hiphop/mid-profile.png) repeat-y center;}
#profile_highlight .rc_bd div.rc_bc, #profile_highlight .rc_ft div, #profile_highlight .rc div {background:transparent;}
#profile_highlight .rc_bd .rc_bc .bd {background:transparent;}


.mod-alist-tagsbar {background:transparent url(http://files.myopera.com/c4-classical/hiphop/tag.jpg) no-repeat bottom center;height:55px;}


.mod-alist-full .alist-comment .responding H2 {BACKGROUND:url(http://files.myopera.com/c4-classical/hiphop/icon-cm.jpg) no-repeat left top;}

.mod-alist-searchbox input.ipt {background:transparent;color:transparent;font-size:0px;border-top-color:transparent;border-left-color:transparent;border-right-color:transparent;border-bottom-color:transparent;}
#article_list_module .mod-alist-searchbox form{color:transparent;font-size:0px;}

.mod-alist-searchbox input.btn,
#search_module input.submit {background:transparent;color:transparent;font-size:0px;}



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