Các thủ thuật về module trong blog 360Plus

  Các thủ thuật về module trong blog 360Plus

          1. Ảnh nền cho modul :

            /* Chèn hình nền cho cái module thông tin cá nhân bao gồm avartar */

                  #profile_highlight_module .rc_bd .rc_bc .bd
                  {background:url(Link ảnh) top right repeat;}

            /* Modun tâm trạng*/

                  #mod_lifeline div.bd, #mod_lifeline div.rc_bc
                  {background:url(Link ảnh) !important;}
            /* Chèn hình nền cho module fiendlist */

                  #friendlist_module .rc_bd .bd {background:url(Link ảnh) top
                  right repeat;}
            /* Chèn hình nền cho module Bài Mới */

                  #article_new .rc_bd .rc_bc .bd {background:url(Link ảnh) top
                  right repeat;}
            /* Chèn hình nền cho module Thư Mục Riêng*/

                  #folder .rc_bd .rc_bc .bd {background:url(Link ảnh) top right
                  repeat;}
            /* Chèn hình nền cho module Comment mới*/

                  #comment_new .rc_bd .rc_bc .bd {background:url(Link ảnh) top
                  right repeat;}
            /* Chèn hình nền cho module Thống Kê của plus*/

                  #statistic .rc_bd .rc_bc .bd {background:url(Link ảnh) top
                  right repeat;}

            /* Chèn hình nền cho module Blog yêu thích*/

                  #subscribe_highlight .rc_bd .rc_bc .bd {background:url(Link
                  ảnh) top right repeat;}

            /* Modun hình ảnh*/

                  #gallery_list .rc_bd .rc_bc .bd {background:url(Link ảnh) top
                  right repeat;}
            /* Chèn hình nền cho module Lịch*/

                  #calendar .rc_bd .rc_bc .bd {background:url(Link ảnh) top
                  right repeat;}
            2. Tạo nút Home

                  div.backhomtbtn a.backtomyblog {background:url(Link ảnh)
                  no-repeat center;height:48px;}
            3. Thay và thêm icon cho tiêu đề modul :

            /* Bảng thống kê */

                  #statistic .titlebar .hd {background:url(Link ảnh) no-repeat
                  left top;}
            /* Bài mới đăng */

                  #article_new .titlebar .hd {background:url(Link ảnh) no-repeat  left top;}
            /* Ảnh trong blog */

                  #photo_highlight .titlebar .hd {background:url(Link ảnh) no-repeat left top;}
            /* Ảnh trong bình luận mới nhất*/

                  .mod-comment-new .titlebar .hd {background:url(Link ảnh)  no-repeat left top;}
            /* Thư mục riêng */

                  #folder .titlebar .hd {background:url(Link ảnh) no-repeat left top;}
            /* Chèn hình nền cho module hình ảnh*/

                  #gallery_list .titlebar .hd h2{background:url(Link ảnh) no-repeat left top;}
            /*Blog iu thích*/

                  #subscribe_highlight .titlebar .hd h2{background:url(Link ảnh) no-repeat left top;}
            /*Blog về tôi*/

                  #mod-tagged-frd-article .titlebar .hd h2{background:url(Link ảnh) no-repeat left top;}
            /* Cập nhật ngày */

                  #update_date .titlebar .hd {background:url(Link ảnh) no-repeat left top;}
            /* RSS */

                  #rss_output .titlebar .bd a{height:25px;background:url(Link ảnh) no-repeat left top;}
            /* Tìm kiếm */

                  #search_module .titlebar .hd {background:url(Link ảnh) no-repeat left top;}
            /* Modun tự tạo*/

                  #user_mod_1000X .titlebar .hd {background:url(Link ảnh) no-repeat left top;} 

                Chu' y' : thay X bằng số từ 1 đến 10 nhé
            4. Code toolbar phần comment

                  .rte_toolbar {background:#d7d7d7 url(link Hinh) repeat-x
                  top;border-left:1px solid #0448f6;border-top:1px solid
                  #0448f6;border-right:1px solid #0448f6;height:80px;}
            5. Tạo hiêu ứng nút ấn trong modul

            Hiệu ứng khi tạo nút khi ấn vào đường link trong modul

            /*Modun bình luận mới nhất*/

                  #comment_new .rc_bd .rc_bc .hd{height:auto;} #comment_new
                  .rc_bd .rc_bc .bd ul li:hover{background:url(Link ảnh - Ảnh sẽ
                  tự động hiện khi để chuột vào link trong modun);}
            /*Modun bạn bè*/
            [quote]#friendlist_module .rc_bd .rc_bc .hd{height:auto;}
            #friendlist_module .rc_bd .rc_bc .bd ul
            li:hover{background:transparent url(Link ảnh - Ảnh sẽ tự động hiện
            khi để chuột vào link trong modun);}/QUOTE]

            /*Thư mục*/

                  #folder .rc_bd .rc_bc .hd{height:auto;} #folder .rc_bd .rc_bc
                  .bd ul li:hover{background:url(Link ảnh - Ảnh sẽ tự động hiện
                  khi để chuột vào link trong modun );}
            /*Bài viết mới nhất*/

                  #article_new .rc_bd .rc_bc .hd{height:auto;} #article_new
                  .rc_bd .rc_bc .bd ul li:hover{background:url(Link ảnh - Ảnh sẽ
                  tự động hiện khi để chuột vào link trong modun);}
            6.Làm mưa, tuyết, trái tim, khi di chuột vào link trong blog

                  a:hover
                  {text-decoration:none;color:#EE4949;text-decoration:none;background-image:url(link ảnh);}
            7. Hình nền cho modul bài viết

                  .hd .titlebar .hd h2{text-align:center;} .mod-alist-full
                  .main-bd{background:url(LINK HINH);}
            8. Ảnh nền phần tiêu đề bài viết

                  #article_list_module .rc_bd .rc_bc h2{background:url(Link ảnh) repeat left top;}
            9. Ngăn dòng bài viết

            Xoá đường ngăn dòng

                  .mod-alist-summary .main-bd li{border-top:none}
            Thay đường ngăn dòng bằng Hình Ảnh

                  .mod-alist-summary .main-bd
                  li{border-top:none;background:url(Link Ảnh) no-repeat bottom;}

            10.Xóa đường viền các modun

                  #friend-list .rc div, #friendlist_module .rc div, .rc
                  div,.col-150 .rc div {background:transparent;} #friend-list
                  .rc, #friendlist_module .rc, .rc,.col-150 .rc
                  {background:transparent;} #friend-list .rc_bd div.rc_bc,
                  #friendlist_module .rc_bd div.rc_bc, .rc_bd div.rc_bc,.col-150
                  .rc_bd {background:transparent;} #friend-list .rc_bd,
                  #friendlist_module .rc_bd, .rc_bd,.col-150 .rc_bd div.rc_bc
                  {background:transparent;} #friend-list .rc_ft div,
                  #friendlist_module .rc_ft div, .rc_ft div, .col-150 .rc_ft div
                  {background:transparent;} #friend-list .rc_ft,
                  #friendlist_module .rc_ft, .rc_ft, .col-150 .rc_ft
                  {background:transparent;}