.::Zooz Team::.

    Code làm trong suốt blog hoàn toàn.

    Share

    Binkailove01
    Support
     Support

    <B>Thông tin đôi </B> Thông tin đôi :
    Tình yêu vĩnh cửu

    <b>Ngày tham gia</b> Ngày tham gia : 15/01/2010
    <b>Tổng số bài gửi</b> Tổng số bài gửi : 132
    <b>Vcoin hiện có</b> Vcoin hiện có : 5672
    <b>Được cám ơn</b> Được cám ơn : 1
    <b>Câu nói ưa thích</b> Câu nói ưa thích : Je t'aime...
    <b>Tui tên</b> Tui tên : Je t'aime...
    <b>Tuổi</b> Tuổi : 27
    <b>Đẻ nhật</b> Đẻ nhật : 10/03/1989
    <b>Giới tính</b> Giới tính : Nam <b>Đến từ</b> Đến từ : Nơi nào có em
    Huân chương :


    Code làm trong suốt blog hoàn toàn.

    Bài gửi by Binkailove01 on Thu Jan 21, 2010 2:16 am

    I. Code làm trong suốt nền và tiêu đề các module chính và module phụ

    1. Đoạn code sau sẽ làm trong suốt nền cho các module chính và phụ ở blog bạn
    Code:

    .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;}
    Chú thích: thông số 150 là cho module nhỏ, 600 là module chính to (ví dụ như mục bài viết của bạn), và 920 là module to nhất trong blog bạn, nếu bạn ko muốn module nào trong suốt thì bỏ cái dòng làm trong suốt của module đó đi.

    2. Còn đây là code làm nền tiêu đề module trong suốt
    Code:
    .col-150 .rc_bd .rc_bc .hd .titlebar .hd,.col-150 .rc_bd .rc_bc .hd .titlebar{background:transparent;}
    .col-600 .rc_bd .rc_bc .hd .titlebar .hd,.col-600 .rc_bd .rc_bc .hd .titlebar{background:transparent;}
    .row-920 .rc_bd .rc_bc .hd .titlebar .hd,.row-920 .rc_bd .rc_bc .hd .titlebar{background:transparent;}



    II. Đối với module tự tạo

    1. Code làm trong suốt nền tiêu đề:

    Code:
    #user_mod_1000X .rc_bd .rc_bc .hd .titlebar .hd,
    #user_mod_1000X .rc_bd .rc_bc .hd .titlebar{background:transparent;}



    2. Code làm trong suốt nền module:
    Code:
    #user_mod_1000X .rc_bd .rc_bc .bd {background:transparent;}




    III. Code làm trong suốt một số module khác

    1. Module tâm trạng
    Code:

    #mod_lifeline div.bd, #mod_lifeline div.rc_bc {background:transparent!important;}



    2. Module friendlist
    Code:
    #friendlist_module .rc_bd .rc_bc .hd .titlebar .hd{background:transparent;}



    [/size]3. Làm trong suốt blast
    Code:

    #blast .rc_bc .bd{background:transparent;}
    #blast .rc_ft, #blast .rc_ft div{background:transparent no-repeat left top;}
    #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 ;}




    4. Làm trong module tên blog
    Code:

    #blog_title .bd{background:transparent}



    5. Làm trong suốt tổng số trang (dưới entry, không biết phải gọi là module gì)
    Code:
    .mod-alist-summary .pagination, .mod-alist-full .pagination{background:transparent}



    6. Làm trong suốt nền cmm (khung bình luận của bài viết)
    Code:
    .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;}



    Chú thích: Code này chỉ nên sử dụng khi blog bạn thiên về một background lớn bao quát toàn blog, và thiên về sử dụng trong suốt các module

    7. Làm trong suốt viền các module
    Code:

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




    IV. Cách làm trong suốt nâng cao

    Phần này các bạn có thể không cần phải đọc

    1. Làm trong suốt phần đầu trang của blog, một số người gọi là black box
    Thường thì cái này làm trong suốt cũng được và ko làm trong suốt cũng được, như mình là cứ để nguyên thôi
    Code:


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



    2. Làm trong suốt footer của blog
    Là phần dưới cùng của blog, có ghi bản quyền, các bạn có thể làm trong suốt nó nếu các bạn không thích
    Code:
    #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;}

    Đến đây lại có một tình huống đặt ra, đó là nó đã trong suốt, nhưng vẫn còn những đường kẻ trắng nhỏ, và vẫn còn các chữ bản quyền, nếu bạn muốn mất nốt nó đi thì dùng code này
    Code:


    #footer{background:transparent;}


    Code phần chữ cuối blog



    Đặt hình nền cho phần chữ cuối blog:


    #footer {background:url(Link ảnh) center;}


    Xóa dòng chữ "Bản quyền © 2009 Yahoo! Southeast Asia Pte. Ltd. (Co. Reg. No. 1999700735D). Giữ toàn quyền."
    #footer .ft .provider p, #footer .ft .rights p, #footer .ft .privacy p, #footer .ft .disclaimer p {font-size:0px;color:transparent;}


    Xóa dòng chữ "Chính sách Quyền Riêng tưĐiều khoản Sử dụng Dịch vụChính sách Bản quyềnTrợ giúpNguyên tắc Cộng đồng"
    #footer {font-size:0px;color:transparent;}


    Xóa dòng ngăn cách:

    #footer {border-top-style:none;}



    Xóa hết, xóa hoàn toàn phần chữ cuối blog

    #footer {border-top-style:none;}
    #footer, #footer .ft .provider p, #footer .ft .rights p, #footer .ft .privacy p, #footer .ft .disclaimer p {font-size:0px;color:transparent;}


    [Trích từ Cộng Đồng Blog's]




      Hôm nay: Mon Dec 05, 2016 11:28 am