Search for game

Bạn có muốn phản ứng với tin nhắn này? Vui lòng đăng ký diễn đàn trong một vài cú nhấp chuột hoặc đăng nhập để tiếp tục.
Search for game

S4Game - Tìm kiếm trò chơi trên internet


    [Code] Tạo chuyên mục con auto chia 2 cột

    SomebodyELSE
    SomebodyELSE
    SomebodyELSE
    Quản Trị Viên
    Quản Trị Viên


    Bài Viết : 367
    SBCoin : 1487
    Thanked : 172
    Tham Gia : 12/03/2013
    Event Coin : 3
    Phương châm : Anh Hùng Xa Lộ !
    • Post n°1

    [Code] Tạo chuyên mục con auto chia 2 cột Empty [Code] Tạo chuyên mục con auto chia 2 cột

    Bài gửi by SomebodyELSE 13/10/2013, 06:37

    Bước 1:
    -ACP-> Display-> Homepage-> Structure and hierarchy-> Split categories on index
    chọn Medium

    -ACP-> Display-> Homepage-> Structure and hierarchy-> Hierarchy
    tùy chỉnh như hình sau:
    [Code] Tạo chuyên mục con auto chia 2 cột Chaa_c14

    Bước 2 vào index_box
    tìm 

    Code:
    {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}

    thay bằng:


    Code:
    <div id="smallrum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>

    Bước 3: Thêm vào css:
    -Có background: (code dưới có background màu xanh da trời với mã màu là #ccf0ff các bạn có thể thay màu tùy ý)
    Demo:   [Code] Tạo chuyên mục con auto chia 2 cột Chaa_c15




    Code:
    #smallrum{padding: 0.4em 1em;margin: 3px 1px;
    background: #ccf0ff none;
        -moz-box-shadow: -2px 2px 2px #c8c8c8;
        -webkit-box-shadow: -2px 2px 2px #c8c8c8;box-shadow: -2px 2px 2px #c8c8c8;color: #ccf0ff;width: 375px;}
    #smallrum a img{vertical-align: middle; padding-right: 2px;}
    #smallrum a.gensmall {
    display: inline-block;
    text-align: left;
    width: 160px;
    }



    -Không có background:
    Demo:  [Code] Tạo chuyên mục con auto chia 2 cột Chaa_c16




    Code:
    #smallrum{padding: 0.8em 1em; margin: 3px 1px;  
    color: #FFFFFF; width: 375px;}
    #smallrum a img{vertical-align: middle; padding-right: 2px;}
    #smallrum a.gensmall {
    display: inline-block;
    text-align: left;
    width: 160px;
    }
    • Về Đầu Trang