Muốn làm footer giống diendanthammy.com làm sao ạ ?

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

1votes
5/5, 1 vote

  1. xuandan22

    xuandan22 Member

    Bài viết:
    629
    Likes :
    47
    Em đang làm cho công ty cái diễn đàn http://lamdepthammy.net/diendan em muốn làm footer giống diendanthammy.com thì em làm sao,mong mọi người giúp
     
    Đang tải...
  2. onemylove

    onemylove Member

    Bài viết:
    142
    Likes :
    22
    Style mặc định mà :-s
     
  3. xuandan22

    xuandan22 Member

    Bài viết:
    629
    Likes :
    47
    Ko có bạn ah,cái footer cơ

    [​IMG]
     
  4. Lightness

    Lightness Imma Superman

    Bài viết:
    1,021
    Likes :
    772
    Thêm đoạn sau vào EXTRA.css
    Mã:
    .footerMega {
        background: #fff;
        -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -khtml-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px;
        -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; -khtml-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px;
    padding-bottom: 30px;
    }
    .footlist {
    /*margin:40px 0 30px 0;*/
        border-top: #eee 3px solid;
        padding-top: 25px;
        background: #fff;
    margin: 0 10px;
    }
    
    .footlist .logofoot {
        width: 243px;
        float: left;
        margin: 0 20px 0 10px;
    }
    
    .footlist .logofoot img {
        margin-bottom: 10px;
    }
    .footlist .logofoot ul{
    margin:0;
    width:100%;
    }
    .footlist .logofoot a.ctvbtn {
        display: block;
        background: #01aaad;
        -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -o-border-radius: 5px;
        padding: 5px 6px;
        color: #fff;
        text-align: center;
        font-size: 12px;
    }
    
    .footlist .logofoot a.ctvbtn:hover {
        background: #02979a;
    }
    
    .footlist ul.flist {
        float: left;
        margin: 0 10px;
        padding: 0;
    width: 165px;
        list-style-type: none;
    }
    
    .footlist ul.flist li a {
        color: #3f3f3f;
        font-size: 11px;
    padding:3px 0;
    }
    
    .footlist ul.flist li a:hover {
        color: #f84b0f;
    }
    
    .footlist ul.flist li.title {
        background: url(styles/thammy/titlespec.gif) no-repeat;
        height: 22px;
        margin-bottom: 5px;
    color:#066fab;
    font-size:15px;
    font-family:Arial;
    }
    
    
    .footlist ul.flist li a.icosocial {
        background: url(styles/thammy/icon32.png) no-repeat;
        display: inline-block;
        margin-right: 2px;
        width: 22px;
        height: 22px;
        margin-top: 8px;
    }
    
    .footlist ul.flist li a.fb {
        background-position: 0 -96px;
    }
    
    .footlist ul.flist li a.tw {
        background-position: 0 -124px;
    }
    
    .footlist ul.flist li a.in {
        background-position: 0 -152px;
    }
    
    .footlist ul.flist li a.yt {
        background-position: 0 -181px;
    }
    
    .footlist ul.flist li a.rss {
        background-position: 0 -212px;
    }
    .footerLegal{
    color:#d7d7d7;
        margin-top:20px;
        background:#373737;
    }
    .footer a.icosocial{
    padding:0;
    }
    .footerLegal a{
    color:#7da8ff;
    }
    .contactNav li a{
    font-size:11px;
    color:#000;
    }
    .sublink ul li{
        border-bottom: #CFCFCF 1px dashed;
        padding:8px 0px 8px 15px;
        font-size:12px;
        list-style-type: none;
        background:url('styles/thammy/icon-arrow.png') left 50% no-repeat;
        width: 260px;
        float:none;
    }
    .sublink ul li.sublinkLi.last {border-bottom:none;}
    .sublink ul li.sublinkLi a {
        font-weight:300;
        font-family: arial;
    }
    .sublink ul li.sublinkLi .avatar,
    .sublink ul li.sublinkLi .userTitle {
        display:none;
    }
    
    .social {
    border: 1px solid #cfcfcf;
    float: left;
    width: 299px;
    -webkit-border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;
    padding: 10px 0px;
    margin-bottom: 20px;
    }
    
    .social a {
    float: left;
    width: 53px;
    text-align: center;
    margin-left: 17px;
    font-size: 8px;
    color: #666666;
    }
    
    .social i {
    float: left;
    background: url('styles/thammy/icons.png') left top no-repeat;
    height: 53px;
    width: 53px;
    margin-bottom: 5px;
    }
    
    .social i.icon-youtube {
    background: url('styles/thammy/icons.png') -65px top no-repeat;
    }
    
    .social i.icon-rss {
    background: url('styles/thammy/icons.png') -130px top no-repeat;
    }
    
    .social i.icon-contact {
    background: url('styles/thammy/icons.png') -195px top no-repeat;
    }
    
    .EWRporta_Portal .sidebar .visitorPanel {
    display: none;
    }
        .sublinkLi .news_img{
            display:none;
            border: 1px #CCC solid;
            padding: 1px;
            float: left;
            margin-right: 10px;
        }
        .sublinkLi .news_img.first{
            display:none;
            border: 1px #CCC solid;
            padding: 1px;
            float: left;
            margin-right: 10px;
        }
        .sublinkLi .news_img img{
            width:58px;
            height:58px;
        }
        .sublinkLi .news_img.first img{
            border: none;
            height: 90px;
            width: 120px;
        }
    
    .node_31 .subForums .blockLinksList {
    display: inline-table;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;
    word-spacing: -10px;
    margin-top: 3px;
    padding-left: 40px !important;
    border: none !important;
    }
    
    .node_31 .secondaryContent {
    background: #f0f7fc url('styles/default/xenforo/gradients/category-23px-light.png') repeat-x top;
    padding: 0px  !important;
    border: none !important;
    }
    
    .node_31 .subForums .blockLinksList > li {
    display: inline-block;
    width: 33%;
    word-spacing: 0;
    vertical-align: top;
    }
    
    #BRCopyright {
    display: none;
    }
    
    Rồi chèn đoạn này vào temp footer
    Tìm
    Mã:
    <div class="footerLegal">
    
    Thêm vào bên trên nó
    Mã:
    <div id="BRCopyright" class="concealed footerLegal" style="clear:both"><div class="pageContent muted"><a href="http://brivium.com/" class="concealed" title="Brivium Limited">XenForo Add-ons by Brivium ™  © 2012-2013 Brivium LLC.</a></div></div>
    
    <div class="footer footerMega pageWidth">
        <div class="footlist">
            <div class="logofoot">
                <a href="/"><img src="http://diendanthammy.com/attachments/logo1-png.9485/?temp_hash=975596e7d7a535dc50d6751057e9a695" width="250px" alt="Cộng đồng thẩm mỹ số 1 Việt Nam"></a>
                <ul class="flist">
                    <li>
                        <a href="https://www.facebook.com/DienDanThamMy" class="icosocial fb" target="_blank"></a>
                        <a href="https://twitter.com/" class="icosocial tw" target="_blank"></a>
                        <a href="http://www.youtube.com/" class="icosocial yt" target="_blank"></a>
                        <a href="http://feedburner.google.com/fb/a/myfeeds?gsessionid=1XqMhqrIlUyEn9EI62v6xg" class="icosocial rss" target="_blank"></a>
                    </li>
                </ul>
                <ul class="flist">
                     <li><a href="http://diendanthammy.com/threads/lien-he-quang-cao-tren-diendanthammy-com.8097/#post-24353"><b>Liên hệ quảng cáo</b></a></li>
                    <li><a href="http://diendanthammy.com/forums/gop-y-lien-he.7/">Liên hệ hỗ trợ công việc</a></li>
                    <li><a href="http://diendanthammy.com/threads/ddtm-cung-cap-tong-dai-tu-van-mien-phi.17974/#post-74456">Tư vấn miễn phí về thẩm mỹ:  <b>0949.55.77.66 - 04.666.19977</b></a></li>
                </ul>
            </div>
            <!-- end logofoot -->
            <ul class="flist">
                <li class="title products">Phẫu thuật thẩm mỹ</li>
                <li><a href="http://diendanthammy.com/forums/nang-nguc.11/">Nâng ngực</a></li>
                 <li><a href="http://diendanthammy.com/forums/nang-mui.127/">Nâng mũi</a></li>
                <li><a href="http://diendanthammy.com/forums/tao-ma-lum-dong-tien.146/">Tạo má lúm đồng tiền</a></li>
                <li><a href="http://diendanthammy.com/forums/giam-beo.12/">Giảm béo</a></li>
                <li><a href="http://diendanthammy.com/forums/cat-mi-bam-mi.128/">Cắt mí - Bấm mí</a></li>
                <li><a href="http://diendanthammy.com/forums/tham-my-tang-sinh-mon.156/" target="_blank">Thẩm mỹ tầng sinh môn</a></li>
                <li><a href="http://diendanthammy.com/forums/phau-thuat-ham-mat.13/" target="_blank">Phẫu thuật hàm mặt</a></li>
                <li><a href="http://diendanthammy.com/forums/tri-hoi-nach.131/" target="_blank">Trị hôi nách</a></li>
                <li><a href="http://diendanthammy.com/forums/cay-toc-cay-long-may.190/" target="_blank">Cấy tóc – Cấy lông mày</a></li>
            </ul>
            <!-- end footlist -->
            <ul class="flist">
                <li class="title favorites">Điều trị thẩm mỹ da</li>
                <li><a href="http://diendanthammy.com/forums/tri-tan-nhang.141/">Trị tàn nhang</a></li>
                <li><a href="http://diendanthammy.com/forums/tri-mun.143/">Trị mụn</a></li>
                <li><a href="http://diendanthammy.com/forums/tri-seo.142/">Trị sẹo</a></li>
                            <li><a href="http://diendanthammy.com/forums/tay-not-ruoi.191/">Tẩy nốt ruồi</a></li>
                <li><a href="http://diendanthammy.com/forums/tam-trang.139/">Tắm trắng</a></li>
               
    
            </ul>
            <!-- end footlist -->
           
            <ul class="flist">
                <li class="title favorites">Địa chỉ làm đẹp</li>
                <li><a href="http://diendanthammy.com/forums/danh-ba-tham-my-vien.31/">Danh bạ thẩm mỹ</a></li>
                <li><a href="http://diendanthammy.com/forums/nha-khoa-tham-my.189/">Nha khoa thẩm mỹ</a></li>
                <li><a href="http://diendanthammy.com/forums/bac-si-tham-my.186/">Bác sỹ thẩm mỹ</a></li>
               
            </ul>
           
           
            <ul class="flist">
                <li class="title favorites">Liên kết khác</li>
               
                            <li><a href="http://nhakhoahoanmy.net/">Nha khoa Hoàn Mỹ</a></li>
    
    
            </ul>
            <!-- end footlist -->
            <br clear="all">
        </div>
    </div>
     
    xuandan22 thích bài này.
  5. xuandan22

    xuandan22 Member

    Bài viết:
    629
    Likes :
    47
    Em cảm ơn anh. Mà anh ơi sao cái Liên kết khác nó không có hiển thị sang bên phải vậy ạ ?
     
  6. Lightness

    Lightness Imma Superman

    Bài viết:
    1,021
    Likes :
    772
    Vào public.css tăng .pageWidth lên 1033px
     
    xuandan22 thích bài này.
  7. xuandan22

    xuandan22 Member

    Bài viết:
    629
    Likes :
    47
    mÌNH CẢM ơn bạn nhiều nhé. Bạn ơi, edit cái
    • Trang chủ
    • Diễn đàn
    • Thành viên
    ở top menu cho nó giống bên diendanthammy.com làm sao vậy, mình mơi bik xènoro :( thông cảm giúp với
     
  8. Lightness

    Lightness Imma Superman

    Bài viết:
    1,021
    Likes :
    772
    50k mình rip giống bên đó luôn. Bạn add yh mình nhé. dưới chữ kí á
     
    xuandan22 thích bài này.
  9. xuandan22

    xuandan22 Member

    Bài viết:
    629
    Likes :
    47
    giúp mình với, ngại đi ra ngoài mua card
     
  10. onemylove

    onemylove Member

    Bài viết:
    142
    Likes :
    22
    Sao mình thấy nó mặc định mà :-/
     
  11. xuandan22

    xuandan22 Member

    Bài viết:
    629
    Likes :
    47
    Mình muốn trang trí cho cái menu nó đẹp,to hơn xíu đó bạn :)
     
  12. Lightness

    Lightness Imma Superman

    Bài viết:
    1,021
    Likes :
    772
    Khác mặc định vào chỗ đó thím :))
     
    xuandan22 thích bài này.
  13. xuandan22

    xuandan22 Member

    Bài viết:
    629
    Likes :
    47
    Bác giúp em với :(
     
  14. Lightness

    Lightness Imma Superman

    Bài viết:
    1,021
    Likes :
    772
    Tối mình share luôn style, giờ mạng lag quá
     
  15. xuandan22

    xuandan22 Member

    Bài viết:
    629
    Likes :
    47
    Mình cảm ơn nhé. ah. index của bên đó họ dùng cái gì vậy bác ? cái đó mình tìm ko thấy :(
     
  16. namchelsea

    namchelsea Member

    Bài viết:
    367
    Likes :
    84
    Mình đang seo cho trang này hehe
     
  17. xuandan22

    xuandan22 Member

    Bài viết:
    629
    Likes :
    47
    Bạn seo cho site gì thế?
     
  18. namchelsea

    namchelsea Member

    Bài viết:
    367
    Likes :
    84
  19. xuandan22

    xuandan22 Member

    Bài viết:
    629
    Likes :
    47
  20. xuandan22

    xuandan22 Member

    Bài viết:
    629
    Likes :
    47
    Bác biết show tin tức mới ra ngoài bên phải ko ?
     
comments powered by Disqus

Chia sẻ trang này

Đang tải...