Trang chủ Liên hệ Sơ đồ  
 
Trang chủ 1001 Mẫu Web Thiết kế Web Lập trình Quản trị Web Web & Hosting Hình nền Blog Icon & Logo
 
 
     
       Mẫu web mới nhất
Xem | ID: 3410
Xem | ID: 2220
HƯỚNG DẪN LÀM BLOG
Share theme Club Plus Connect
(Thứ Ba, 06/10/2009-4:53 PM)

Các bạn tham khảo nhé

themeplus.jpg 

Code cho theme ở đây nhé

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

Một số lưu ý cho các bạn sử dụng:

Theme chỉ làm vài module folder,comment, thống kê, bình luận..vì thế các bạn nên tạo đúng số module như hình theme demo, sau đó chuyển hết sang module nằm bên tay trái sẽ đẹp hơn, và đặc biệt là các bạn luôn tạo 1 module thứ 2 chứa hình ành hay banner gì khác của các bạn chèn nằm trên MOdule Bài Viết ..sẽ thấy theme trải dài và đẹp hơn..hoặc thêm 1 module thứ 3 nằm dười module Bài Viết càng tốt..^^

Chúc các bạn thành công nhé..!!

Theo thuthuatblog

3C   “ Trang CNTT hàng đầu Việt Nam – 1001 Software & Ebooks download miễn phí"  www.3c.com.vn


 In bài này  Gửi bài viết
    [ Các bài mới ]
    [ Các bài đã đăng ]

    Download phần mềm 
    được ưa dùng  nhất