Xin hướng dẫn làm bottom giống vietxf.org

Thảo luận trong 'Style & Template Questions' bắt đầu bởi TieuHuynh, 6/4/13.

1votes
5/5, 1 vote

  1. TieuHuynh

    TieuHuynh New Member

    Bài viết:
    21
    Likes :
    4
    E mới tìm hiểu Xenforo nên còn nhiều chỗ chưa biết mong AE hướng dẫn tận tình nhé. E cảm ơn rất nhiều.

    E muốn làm ở dưới bottom của xenforo với các mục như
    Xenxfforum - Tài nguyên - Thảo luận ...vv
    E mò hoài chưa ra - mong được sự trợ giúp - e xin chân thành cảm ơn.
    dd
     
    TieuHuynh, 6/4/13
    #1
    Bài viết cũ hơn
    Bài viết mới hơn
    Đang tải...
    Recommended:X
  2. ANIS1a

    ANIS1a Member

    Bài viết:
    146
    Likes :
    23
    [​IMG]

    Hướng dẫn:

    - Tải file imgs.zip lên root và unzip
    Link download: http://vietxf.org/attachments/imgs-zip.7503/
    - Tạo 1 folder "imgs" tại root và up all file lên là ok !
    - Chĩnh sữa lại link và nội dung cho phù hợp với site của bạn nhá
    Bước 1 : Vào Template footer chèn thêm code sau :


    Mã:
    <div id="Footer">
 
    <div id="FooterWrap">
 
        <div id="FootNav">
 
            <ul>
 
                <li><a href="http://**[LINK FORBIDDEN]**">Trang Chủ</a></li>
 
                <li><a href="http://**[LINK FORBIDDEN]**">Điểm Tin Game</a></li><li><a href=" http://**[LINK FORBIDDEN]** ">Thảo Luận</a></li><li><a href=" http://**[LINK FORBIDDEN]** ">Góc nhìn</a></li><li><a href=" http://**[LINK FORBIDDEN]** ">Cosplay Game</a></li>                <li><a href=" http://**[LINK FORBIDDEN]** ">Game Thủ</a></li>
 
                <li><a href="http://**[LINK FORBIDDEN]**">MMORPG</a></li>
 
                <li><a href="http://**[LINK FORBIDDEN]**">Flash Game</a></li>
 
                <li><a href="http://**[LINK FORBIDDEN]**">Diễn đàn</a></li>
 
            </ul>
 
        </div>
 
 
 
        <div id="FootBG">
 
            <div id="FootBot">
 
                <div class="FootLink">
 
                            <h5>MMORGP</h5>
 
                            <ul><li><a target="_blank" href=" http://**[LINK FORBIDDEN]** ">Kiếm Thế</a></li><li><a target="_blank" href=" http://**[LINK FORBIDDEN]** ">TL Bác Bộ</a></li><li><a target="_blank" href=" http://**[LINK FORBIDDEN]**">Tây Du Ký</a></li><li><a target="_blank" href=" http://**[LINK FORBIDDEN]** ">Võ Lâm</a></li><li><a target="_blank" href=" http://**[LINK FORBIDDEN]** ">MU Việt</a></li></ul></div>
 
                            <div class="FootLink">
 
                            <h5>CASUAL</h5>
 
                            <ul><li><a target="_blank" href="http://**[LINK FORBIDDEN]**">Audition</a></li><li><a target="_blank" href="http://**[LINK FORBIDDEN]**">ZingSpeed</a></li><li><a target="_blank" href="http://**[LINK FORBIDDEN]**">ZingPlay</a></li><li><a target="_blank" href="http://**[LINK FORBIDDEN]**">OnGame</a></li><li><a target="_blank" href="http://**[LINK FORBIDDEN]**">Đánh Bài Loki</a></li></ul></div>
 
                            <div class="FootLink">
 
                            <h5>ESPORT&FPS</h5>
 
                            <ul><li><a target="_blank" href="http://**[LINK FORBIDDEN]**">Đột Kích</a></li><li><a target="_blank" href="http://**[LINK FORBIDDEN]**">FifaOnline</a></li><li><a target="_blank" href="http://**[LINK FORBIDDEN]**">DotA</a></li><li><a target="_blank" href="http://**[LINK FORBIDDEN]**">Liên Minh Huyền Thoại</a></li><li><a target="_blank" href="http://**[LINK FORBIDDEN]**">SQUAD</a></li></ul></div>
 
                            <div class="FootLink">
 
                            <h5>WEBGAME</h5>
 
                            <ul><li><a target="_blank" href="http://**[LINK FORBIDDEN]**">Gunny</a></li><li><a target="_blank" href="http://**[LINK FORBIDDEN]**">Ngọa Long</a></li><li><a target="_blank" href="http://**[LINK FORBIDDEN]**">Long Tướng</a></li><li><a target="_blank" href="http://**[LINK FORBIDDEN]**">TQTK</a></li><li><a target="_blank" href="http://**[LINK FORBIDDEN]**">Vua Hải Tặc</a></li></ul></div>
 
                            <div class="FootLink">
 
                            <h5>Game Offline</h5>
 
                            <ul><li><a target="_blank" href="http://**[LINK FORBIDDEN]**">Game PC</a></li><li><a target="_blank" href="http://**[LINK FORBIDDEN]**">Game Giả Lập</a></li><li><a target="_blank" href="http://**[LINK FORBIDDEN]**">Crack Cheat</a></li><li><a target="_blank" href="http://**[LINK FORBIDDEN]**">Kinh Nghiệm</a></li></div>
 
                            <div class="FootLink">
 
<h5>Chợ Game</h5>
 
                            <ul><li><a href="http://**[LINK FORBIDDEN]**" target="_blank">Mua bán Account</a></li><li><a href="http://gamecb.net/forums/96/" target="_blank">Thiết Bị Chơi Game</a></li><li></ul></div>
 
                            <div class="FootLink">
 
                            <h5>Đối Tác</h5>
 
                            <ul><li><a href="http://**[LINK FORBIDDEN]**" title="GameCB.Net trên Facebook" target="_blank">GameCB FB</a></li>
 
                <li><a href=" http://**[LINK FORBIDDEN]** " title="Theo GameCB.Net trên Twitter" target="_blank">GameCBTW</a></li>
 
                <li><a href=" http://**[LINK FORBIDDEN]** " title="Nhà Phát Hành SohaGame" target="_blank">SohaGame</a></li>
 
                            <li><a href=" http://**[LINK FORBIDDEN]** " title="Nhà Phát Hành TIKGame" target="_blank">TIKGame</a></li>
 
                <li><a href=" http://**[LINK FORBIDDEN]** " title="Cổng Game Loki.vn" target="_blank">Loki.vn</a></li></ul></div>
 
 
 
 
 
 
 
 
 
            [FONT=Consolas]</div>[/FONT]
 
[FONT=Consolas]        </div>
 
 
 
</div>
 
<div class="footerLegal">
 
    <div class="pageWidth">
 
        <div class="pageContent">
 
        <div id="FootBot2"></div>
 
 
 
        <div id="Copyright">Powered by XenForo Ltd.</div>
 
    </div>
 
 
 
 
 
            <span class="helper"></span>
 
        </div>
 
    </div>
 
</div>[/FONT]
    Bước 2 : Vào template footer.css thêm code sau :

    Mã:
    #Footer {
background: url("../imgs/bgBottom.png") repeat-x scroll left bottom transparent;
overflow: hidden;
}
#FooterWrap {
margin: 0 auto;
padding-top: 15px;
width: 948px;
}
#FootNav {
background: url("../imgs/FooterTop.png") no-repeat scroll 0 0 transparent;
height: 35px;
overflow: hidden;
width: 948px;
}
#FootNav ul {
width: 1000px;
}
#FootNav ul li {
display: block;
float: left;
}
#FootNav ul li a {
background: url("../imgs/line2.png") no-repeat scroll left center transparent;
color: #8C8C8C;
display: block;
float: left;
font-size: 11px;
font-weight: bold;
height: 35px;
line-height: 35px;
padding: 0 35px;
}
#FootNav ul li:first-child a {
background: none repeat scroll 0 0 transparent;
}
#FootNav ul li a:hover {
color: #FFFFFF;
}
#FootBG {
background: url("../imgs/FooterBG.png") repeat-y scroll 0 0 transparent;
}
#FootBot {
background: url("../imgs/FooterBGBot.png") no-repeat scroll center bottom transparent;
height: 140px;
}
.FootLink {
background: url("../imgs/line3.png") no-repeat scroll right bottom transparent;
float: left;
height: 120px;
padding-left: 10px;
padding-right: 35px;
padding-top: 15px;
text-align: right;
width: 90px;
}
.FootLink h5 {
color: #8C8C8C;
font-size: 12px;
text-align: right;
}
.FootLink ul {
list-style: none outside none;
margin-top: 18px;
}
.FootLink ul li {
display: block;
}
.FootLink ul li a {
color: #8C8C8C;
}
.FootLink ul li a:hover {
color: #333333;
}
 
#Copyright {
color: #8C8C8C;
margin: 20px 0 30px;
text-align: center;
}
.Tip {
display: none;
}
#FootNav {
background: url("../imgs/FooterTop.png") no-repeat scroll 0 0 transparent;
height: 35px;
overflow: hidden;
width: 948px;
}
style.css?v=1.23
* {
margin: 0;
padding: 0;
}
element.style {
}
     

    Các file đính kèm:

    ANIS1a, 6/4/13
    #2
    TieuHuynh thích bài này.
  3. Fox Of Dark

    Fox Of Dark Oáp.... Mấy ngày nay thức trễ

    Bài viết:
    1,102
    Likes :
    316
    Fox Of Dark, 6/4/13
    #3
  4. TieuHuynh

    TieuHuynh New Member

    Bài viết:
    21
    Likes :
    4
    Để mình làm thử cảm ơn bạn nhé hjhj
     
    TieuHuynh, 7/4/13
    #4
    thuatdl thích bài này.
comments powered by Disqus

Chia sẻ trang này

Đang tải...