Footer đẹp cho diễn đàn Xenforo

Thảo luận trong 'Template Modifications' bắt đầu bởi PVS, 15/07/2015.

  1. PVS

    PVS Cộng Sự Đặc Biệt Thành viên BQT

    Tham gia:
    28/02/2015
    Bài viết:
    11,804
    Đã được thích:
    7,062
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Nơi ở:
    Huế
    Web:
    Footer đẹp cho diễn đàn Xenforo

    1.png
    Đầu tiên download file đính kèm và giải nén ra. Sau đó upload các file trong đó lên host, up vào folder images trên host (nếu trên host chưa có thì tạo folder mới tên images nha).
    Tiếp theo vào ACP > Appearance > Template:
    Vào template footer và thay thế toàn bộ bằng code sau:
    Mã:
    
    
    
    
    {xen:phrase timing}:
    {xen:phrase x_seconds, 'time={xen:number $page_time, 4}'}
    {xen:phrase memory}:
    {xen:phrase x_mb, 'size={xen:number {xen:calc "{$memory_usage} / 1024 / 1024"}, 3}'}
    {xen:phrase db_queries}:
    {xen:number {$db_queries}}
    Vào template footer.css thay thế toàn bộ bằng code sau:
    Mã:
    #footer {
        clear: both;
        min-height: 100px;
        padding: 20px 0 25px;
    }
    .footer {
        background: #1d1e22 url(http://upanh.cnm24h.tk/images/2015/07/15/footer-bg.png) repeat-x top center;
        clear: both;
        margin-top: 10px;
    }
    .footercolumns {
        display: inline;
        margin-left: 0;
        margin-right: 0;
    }
    .footer-top-left {
        float: left;
        width: 440px;
        margin-top: 18px;
        padding-left: 10px;
    }
    .footer-top-left .block-top {
        padding-bottom: 8px;
    }
    .footer-top-left .block-bottom {
        float: left;
        margin-right: 15px;
        border-bottom: 1px dotted #c8c8c8;
        padding-bottom: 10px;
        margin-bottom: 8px;
    }
    .footer-top-left .block-bottom span {
        color: #fff;
        display: block;
        font-size: 12px;
        text-transform: uppercase;
        margin-bottom: 9px;
    }
    .footer-top-left .block-bottom p {
        color: #646464;
        font-size: 12px;
        margin-bottom: 0px;
    }
    .footer-top-left .connect-face p {
        font-size: 16px;
        color: #fff;
        text-transform: uppercase;
        font-weight: 400;
        font-style: normal;
        float: left;
        margin-top: 9px;
    }
    .connect-face ul li {
        float: left;
        padding-left: 10px;
        display: inline;
    }
    .fotter-contact {
        float: left;
        width: 120px;
        min-height: 174px;
        border-left: 1px dotted #c8c8c8;
        margin-top: 20px;
        padding-left: 21px;
        padding-right: 16px;
    }
    #footer h3 {
        color: #fff;
        font-family: 'MyriadProRegular';
        font-size: 16px;
        text-transform: uppercase;
        font-weight: 400;
        padding-bottom: 11px;
    }
    .fotter-contact p {
        color: #646464;
        font-size: 12px;
        padding-bottom: 5px;
        margin-bottom: 0px;
    }
    .fotter-contact a {
        font-size: 11px;
        color: #0daaac;
        text-decoration: none;
        padding-bottom: 8px;
        display: inline-block;
    }
    #footer .four.columns.column {
        float: left;
        width: 135px;
        min-height: 174px;
        border-left: 1px dotted #c8c8c8;
        margin-top: 20px;
        padding-left: 20px;
        padding-right: 15px;
    }
    #footer .column ul li {
    }
    #footer .column a {
        color: #646464;
        font-size: 12px;
        text-decoration: none;
    }
    #footer .three.columns.column {
        float: left;
        width: 165px;
        min-height: 174px;
        border-left: 1px dotted #c8c8c8;
        margin-top: 20px;
        margin-bottom: 10px;
        padding-left: 20px;
        padding-right: 15px;
    }
    .footer .pageContent
    {
        font-size: 11px;
    color: #a5cae4;
    overflow: hidden;
    zoom: 1;
    }
        .footer a,
        .footer a:visited
        {
            color: #a5cae4;
    padding: 5px;
    display: block;
        }
            .footer a:hover,
            .footer a:active
            {
                color: #d7edfc;
            }
        .footer .choosers
        {
            padding-left: 5px;
    float: left;
    overflow: hidden;
    zoom: 1;
        }
            .footer .choosers dt
            {
                display: none;
            }
            .footer .choosers dd
            {
                float: left;
    
            }
        .footerLinks
        {
            padding-right: 5px;
    float: right;
    overflow: hidden;
    zoom: 1;
        }
            .footerLinks li
            {
                float: left;
    
            }
                .footerLinks a.globalFeed
                {
                    width: 14px;
                    height: 14px;
                    display: block;
                    text-indent: -9999px;
                    white-space: nowrap;
                    background: url('styles/default/bet365 có những phương thức nạp tiền nào_link vào bet365_điểm số trực tiếp bet365/bet365 có những phương thức nạp tiền nào_link vào bet365_điểm số trực tiếp bet365-ui-sprite.png') no-repeat -112px -16px;
                    padding: 0;
                    margin: 5px;
                }
    .footerLegal {
    background: #1d1e22;
    }
    .footerLegal .pageContent
    {
        font-size: 12px;
        overflow: hidden; zoom: 1;
        padding: 10px 0 10px;
        text-align: center;
    }
    .footerLegal .pageContent a:link {
    color: #d7edfc;
    }
        #copyright
        {
            color: rgb(100,100,100);
            float: left;
        }
        #legal
        {
            float: right;
        }
            #legal li
            {
                float: left;
    
                margin-left: 10px;
            }
    Chúc các bạn thành công.


    PVS - Vnxf.vn
     

    Các file đính kèm:

    nghiapro, NDK, aiquoc and 1 other person like this.
  2. kieudai91

    kieudai91 Thượng Đế

    Tham gia:
    14/12/2015
    Bài viết:
    22
    Đã được thích:
    14
    Điểm thành tích:
    3
    Giới tính:
    Nam
    Nơi ở:
    Hà Nội
    Hi bác chủ top, sao mình làm giống như bạn mà nó lại không ra giống hình ảnh demo nhỉ, nó toàn bị lỗi icom mạng xã hội thôi.
     
  3. PVS

    PVS Cộng Sự Đặc Biệt Thành viên BQT

    Tham gia:
    28/02/2015
    Bài viết:
    11,804
    Đã được thích:
    7,062
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Nơi ở:
    Huế
    Web:
    do bạn chưa upload file đính kèm lên host :)
     
  4. PVS

    PVS Cộng Sự Đặc Biệt Thành viên BQT

    Tham gia:
    28/02/2015
    Bài viết:
    11,804
    Đã được thích:
    7,062
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Nơi ở:
    Huế
    Web:
    do bạn làm sai thôi chứ cái này mình test rồi mà @@
     
    qnkingdom thích bài này.
  5. PVS

    PVS Cộng Sự Đặc Biệt Thành viên BQT

    Tham gia:
    28/02/2015
    Bài viết:
    11,804
    Đã được thích:
    7,062
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Nơi ở:
    Huế
    Web:
    trong code có khá nhiều link, bạn xem rồi thay lại thử xem
     
  6. antinphat

    antinphat Thượng Đế

    Tham gia:
    17/05/2019
    Bài viết:
    89
    Đã được thích:
    14
    Điểm thành tích:
    8
    Giới tính:
    Nam
    Nơi ở:
    hcm
    bet365 có những phương thức nạp tiền nào_link vào bet365_điểm số trực tiếp bet365 2 không có footer thì làm sao các bác ?
     
  7. vudinhkhang2

    vudinhkhang2 Thượng Đế

    Tham gia:
    25/01/2019
    Bài viết:
    102
    Đã được thích:
    15
    Điểm thành tích:
    18
    Nơi ở:
    Lâm Đồng
    um em cũng đang thắc mắc
     
  8. PVS

    PVS Cộng Sự Đặc Biệt Thành viên BQT

    Tham gia:
    28/02/2015
    Bài viết:
    11,804
    Đã được thích:
    7,062
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Nơi ở:
    Huế
    Web:
    Footer trên Xen 2 ở trong template Page_container nhé, nó nằm trong cặp thẻ
    ...
     
  9. vudinhkhang2

    vudinhkhang2 Thượng Đế

    Tham gia:
    25/01/2019
    Bài viết:
    102
    Đã được thích:
    15
    Điểm thành tích:
    18
    Nơi ở:
    Lâm Đồng
    nếu muốn làm footer như trên thì cần thay đoạn nào thành đoạn nào hả bác?
     
  10. nelson77

    nelson77 Thượng Đế

    Tham gia:
    29/07/2019
    Bài viết:
    45
    Đã được thích:
    9
    Điểm thành tích:
    8
    Giới tính:
    Nam
    Nơi ở:
    hcm
    Web:
    các bạn ơi mình muốn tạo cái banner di chuyển giống trong https://laptopblue.com/ thì mình phải làm sao vậy?
    [​IMG]

    thanks so much !
     
  11. phuongtrang87

    phuongtrang87 Thượng Đế

    Tham gia:
    11/08/2019
    Bài viết:
    3
    Đã được thích:
    0
    Điểm thành tích:
    1
    Giới tính:
    Nữ
    Nơi ở:
    ha noi
    Web:
    Của mình đưa code lên sau đó lưu lại thì lỗi data là sao nhỉ. Bình thường thì không sao mà!
     

Chia sẻ trang này