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

Them blog 360 plus 49

Ảnh demo cho theme blog 360 plus



Code CSS - them blog 360 plus



a{color:#000000;}
a:hover{color:#66BEEC;}

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;}

#blog_title h2 {color:#FFFFFF;}
#blog_title .bd {background-color:#5D84A8;color:#C9E1F7;}

.col-150 .rc_bd .rc_bc .hd .titlebar .hd,
.col-150 .rc_bd .rc_bc .hd .titlebar
{background:#FFFFFF;}
.col-150 .rc_bd .rc_bc .hd .titlebar .hd h2, .col-150 .rc_bd .rc_bc .hd .titlebar .hd a
{color:#FFFFFF;}
.col-150 .hd .titlebar .hd a:hover
{color:#FFF;text-decoration:underline;}

.col-150 .rc_bd .rc_bc .bd
{background:#FFFFFF;color:#000000;}
#calendar .hd .titlebar .hd, #calendar .hd .titlebar .bd a,
{color:#FFF;}
#calendar .bd td strong {color:#FFFFFF;}

.col-600 .rc_bd .rc_bc .hd .titlebar,
.row-920 .rc_bd .rc_bc .hd .titlebar,
.row-760 .rc_bd .rc_bc .hd .titlebar
{background:#FFFFFF;color:#FFFFFF;}

.col-600 .rc_bd .rc_bc .bd, .col-600 .rc_bd .rc_bc .ft,
.row-920 .rc_bd .rc_bc .bd, .row-920 .rc_bd .rc_bc .ft,
.row-760 .rc_bd .rc_bc .bd, .row-760 .rc_bd .rc_bc .ft

{background:#FFFFFF;color:#000000;}
#canon_profile_highlight .bd {BACKGROUND:#FFF #FFF;}
#canon_profile_highlight .bd A{COLOR:#FFF;}

#m_article_list_full A, #m_article_list_full A:hover{COLOR:#FFF;}
#blast A, #blast A:hover{COLOR:#FFF;}

#head {background:transparent url(http://files.myopera.com/07b1fithou/image/banner1_plusconnect.jpg) no-repeat top center;height:540px;}

#bd {background:transparent url(http://files.myopera.com/07b1fithou/image/Footer_plusconnect.jpg) no-repeat center bottom;}

#doc2, #doc {background:transparent url(http://files.myopera.com/07b1fithou/image/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,

.mod-more-blogs .rc_bd .rc_bc .hd .titlebar .hd,
.mod-more-blogs .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_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;}

#article_list_module .rc_bd .rc_bc .hd .titlebar .hd,
#article_list_module .rc_bd .rc_bc .hd .titlebar
{background:transparent url(http://a367.yahoofs.com/lifestory/LjBXqN2QGSgPUtymS7kKnWUV1AE-_1/blog/20090601040658572.jpg?lb_____Dk5ifP10Q) 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 , .mod-more-blogs .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_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:0px;}
#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;border-top-color:Transparent;border-left-color:Transparent;border-right-color:Transparent;border-bottom-color:Transparent;}
#blog_masshead div.mhlogo a img{background:transparent!important;height:0px;}

.mod-more-blogs .bd h3{background:transparent;color:#bb5243;font-size:0px;border-top:none;}
.mod-more-blogs .bd .folder h3, .mod-more-blogs .bd .calendar h3, .mod-more-blogs .bd .whats-new h3{color:#bb5243;}
.mod-more-blogs .bd .folder ul, .mod-more-blogs .bd .calendar ul, .mod-more-blogs .bd .whats-new ul{color:#bb5243;font-size:0px;}
.mod-more-blogs .bd li ins{text-decoration:none;color:#bb5243;font-size:0px;}
.mod-more-blogs .bd li{background:transparent;}
.mod-more-blogs #calendar .hd{background:none !important;color:#bb5243;font-size:0px;}
.mod-more-blogs #calendar .titlebar{background:none !important;color:#bb5243;font-size:10px;}
.mod-more-blogs #calendar .titlebar .hd{background:none !important;color:#bb5243;font-size:0px;}
.mod-more-blogs #calendar .titlebar .bd{background:none !important;color:#bb5243;font-size:0px;}
.mod-more-blogs .bd .calendar{color:#bb5243;font-size:0px;}
.mod-more-blogs #calendar .rc_bd,
.mod-more-blogs #calendar .rc_bc{background:none;color:#bb5243;font-size: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://i191.photobucket.com/albums/z276/adadgjgj/thumuc-hover.png);}
#comment_new .rc_bd .rc_bc .bd ul li:hover{background:transparent url(http://i191.photobucket.com/albums/z276/adadgjgj/thumuc-hover.png) repeat-y;}
#article_new .rc_bd .rc_bc .bd ul li:hover{background:transparent url(http://i191.photobucket.com/albums/z276/adadgjgj/thumuc-hover.png) repeat-y;}
#article_list_module .rc_bd .rc_bc .bd ul li:hover{background:transparent url(http://i191.photobucket.com/albums/z276/adadgjgj/baiviet-hover-1.png) no-repeat top center;}

#article_new .rc_bd .rc_bc .bd ul li{background:transparent url(http://i191.photobucket.com/albums/z276/adadgjgj/bg-baivietmoi-1.png) 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:#adadad url(http://files.myopera.com/07b1fithou/image/bg-duoi_2.jpg) no-repeat top center;}


div.backhomtbtn a.backtomyblog {background:transparent;}


.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/07b1fithou/image/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:transparent url(http://files.myopera.com/07b1fithou/image/bg-o-cm.jpg) 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/07b1fithou/image/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://i191.photobucket.com/albums/z276/adadgjgj/bg-baivietmoi-1.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;}
#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{}

.mod-more-blogs .bd h3{border-style:none;}

#comment_new .rc {background:transparent url(http://files.myopera.com/07b1fithou/image/Comment1.png) no-repeat center top;height:57px;}
#folder .rc {background:transparent url(http://files.myopera.com/07b1fithou/image/Folder1.png) no-repeat center top;height:57px;}
#statistic .rc {background:transparent url(http://files.myopera.com/07b1fithou/image/Statistic1.png) no-repeat center top;height:57px;}
#article_new .rc {background:transparent url(http://files.myopera.com/07b1fithou/image/NewEntry1.png) 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 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:#8f8e8d;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 no-repeat center top;height:78px;}
#profile_highlight .rc {background:transparent url(http://files.myopera.com/07b1fithou/image/top-profile.png) no-repeat center bottom;height:87px;}
#profile_highlight .rc_bd {background:transparent repeat-y center;}
#profile_highlight .rc_bd div.rc_bc, #profile_highlight .rc_ft div, #profile_highlight .rc div, #profile_highlight .rc_bd .rc_bc .bd {background:transparent;}

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

.mod-alist-full .alist-comment .responding H2 {BACKGROUND:transparent 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;}
___________________________________
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