Giới thiệu style đẹp cho xenforo.

Ai cho em xin file footer và footer.css của congngheaz.com với, của em nó không responsive được
 
joomdown nói:
Ai cho em xin file footer và footer.css của congngheaz.com với, của em nó không responsive được
Nhấn để mở rộng...
đây bạn:
footer
Mã: 
<xen:edithint template="footer.css" />


<xen:hook name="footer">
<div class="footer">
    <div class="pageWidth">
        <div class="pageContent">
        <ul>
        <div class="customInfofooter">
        <div style="width: 100%; overflow: hidden; display: block;">
        <li class="footerBlock footerBlock1">
           
            <div>
                <h3><a href="http://mamcongnghe.com/" title="Diễn đàn Mầm Công Nghệ">Mầm Công Nghệ</a> </h3>
<ul>
<li><a href="/" title="Trang Chủ Mầm Công Nghệ">Trang chủ</a></li>
<li><a href="Xenforo-Add-on-Free" title="Add-on & Style Xenforo">Add-on & Style Xenforo</a></li>
<li><a href="media" title="Media - Video & Clip Đặc Sắc">Video & Clip Đặc Sắc</a></li>
<li><a href="members" title="Danh Sách Thành Viên Tiêu Biểu">Thành Viên Tiêu Biểu</a></li>
<li><a href="members/1" title="Admin Diễn Đàn Mầm Công Nghệ">Admin Diễn Đàn</a></li>                       
            </ul>
            </div>
           
        </li>
        <li class="footerBlock footerBlock2">
           
            <div>
                <h3><a href="http://mamcongnghe.com/" title="Diễn Đàn Mầm Công Nghệ">Trang Phổ Biến</a> </h3>
    <ul>
<li><a href="http://mamcongnghe.com/threads/647/" title="Diễn Đàn Mầm Công Nghệ Trao Đổi Banner - Textlink">Trao Đổi Banner - Textlink</a></li>
<li><a href="http://mamcongnghe.com/threads/879" title="Diễn Đàn Mầm Công Nghệ Chia Sẻ Account VIP Fshare - Tenlua">Chia Sẻ Account VIP Fshare - Tenlua</a></li>
<li><a href="http://mamcongnghe.com/threads/301" title="Diễn Đàn Mầm Công Nghệ Tuyển Nhân Sự">Tuyển Nhân Sự</a></li>
<li><a href="/">Vị Trí Trống</a></li>
<li><a href="/">Vị Trí Trống</a></li>
            </ul>
            </div>
           
        </li>
        <li class="footerBlock footerBlock2 footerBlock3">
           
            <div>
                <h3>Đối tác</h3>
<ul>
<li><a href="http://www.bkavhagiang.com/">Bkav Hà Giang</a></li>
<li><a href="http://fshare.vn">Fshare</a></li>
<li><a href="#">Vị Trí Trống</a></li>
<li><a href="#">Vị Trí Trống</a></li>
<li><a href="#">Vị Trí Trống</a></li>
<li><a href="#">Vị Trí Trống</a></li>                      
            </ul>
            </div>
           
        </li>
        <li class="footerBlock footerBlock4">
           
            <div>
                <h3>Liên hệ</h3>
            <ul>
                <li><i class="fa fa-home"></i> Tân Thành, Bà Rịa Vũng Tàu  </li>
                <li><i class="fa fa-phone"></i> Viber Only</li>
                <li><a href="mailto:[email protected]"><i class="fa fa-envelope-o"></i>[email protected]</a></li>
                <li><a href="http://mamcongnghe.com"><i class="fa fa-globe"></i> MamCongNghe.Com</a></li>
            </ul>

<p class="social">
                <a href="#"><i class="fa fa-google-plus fa-2x"></i></a>
                <a href="https://facebook.com/cnttpluscom"><i class="fa fa-facebook-square fa-2x"></i></a>
                <a href="https://www.youtube.com/channel/UCjg2QQ_mIfi4J1dO7RD0yKA/videos"><i class="fa fa-youtube fa-2x"></i></a>
                <a href="https://twitter.com/IT4RVN"><i class="fa fa-twitter fa-2x"></i></a>
                <a href="#"><i class="fa fa-envelope-o fa-2x"></i></a>
            </p>
            </div>
           
        </li>
        </div>
        <div class="footer_tools">
        <div class="hqcoder_socialMediaLinks">
            <li>Diễn đàn Mầm Công Nghệ V1 - Phiên bản thử nghiệm chờ giấy phép của bộ TTTT</li>
            <li>Được phát triển và xây dựng bởi cộng đồng <a href="http://mamcongnghe.com/" style="color: #3b8dbd;">Mầm Công Nghệ</a></li>
            <li>Website không chịu trách nhiệm nội dung thành viên đăng tải</li>
</div>
         
        <div class="search_footer">
        <p>Tìm kiếm trên hệ thống Website</p>
        <form action="search/search" method="post">
            <input type="search" name="keywords" value="" class="textCtrl" placeholder="Tìm kiếm..." results="0" title="Nhập từ khóa và ấn Enter" id="footerSearch">                           
            <input type="hidden" name="_xfToken" value="{$visitor.csrf_token_page}">
        </form>
        </div>
        </div>
       
        </div>
       
        <li class="footerBlock footerBlock5">
            <div>
                <img src="https://lh4.googleusercontent.com/-5WSHA-_rF-w/VT4zBY7KFQI/AAAAAAAAAL4/95efsGO2BMU/20_banner300x250.gif">
            </div>           
        </li>
       
        </ul>   
           
            <span class="helper"></span>
        </div>
    </div>
</div>
<div class="footerLegal">
    <div class="pageWidth">
        <div class="pageContent">       
            <ul id="legal">
           
                               
               
               
                <li>
                    <a href="misc/language" class="OverlayTrigger Tooltip" title="Ngôn Ngữ - Language" rel="nofollow">Ngôn Ngữ - Language</a>
                </li>
               
                <li><a href="misc/style" class="OverlayTrigger Tooltip" title="Giao Diện - Style" rel="nofollow">Giao Diện - Style</a></li>
               
           
           
            <li>
                <ul class="footerLinks">
               
                <li><a href="help/terms" class="Tooltip" title="Quy định và Nội quy">Quy định và Nội quy</a></li>
               
           
           
               
                    <li><a href="misc/contact" class="OverlayTrigger Tooltip" title="Liên Hệ">Liên hệ</a></li>
               
                <li><a href="help/" class="Tooltip" title="Trợ Giúp">Trợ giúp</a></li>
                <li><a href="/" class="homeLink Tooltip" title="Trang Chủ">Trang chủ</a></li>
               
                <li><a href="forums/-/index.rss" rel="alternate" class="globalFeed Tooltip" target="_blank" title="RSS Feed For Mầm Công Nghệ">RSS</a></li>
           
            </ul>
            </li>
            </ul>
               
           
           
            <span class="helper"></span>

        </div>
    </div>   
   

   
</div>
<xen:if is="!{$visitor.user_id}">
<div class="noitce-guest">
Chào bạn, hệ thống diễn đàn phát hiện bạn chưa đăng nhập! Hãy đăng nhập ngay hôm nay để tham gia trao đổi,
chia sẻ kiến thức công nghệ, cập nhật những thủ thuật IT hay. Và trên hết là download những add-on, style
Xenforo hoàn toàn miễn phí!<br>
Bạn còn chờ gì nữa? Tham gia ngay hôm nay thôi!<br>
<span style="text-align:center;">
=>> <a href="login" style="text-decoration:none!important;color:#FFF;">CLICK TO JOIN IN</a> <<=
</span>
</div>
</xen:if>
</xen:hook>
footer.css
Mã: 
@charset "UTF-8";.scrollToTop{padding:10px;background:rgb(13, 91, 102);font-weight:bold;color:#fff;text-decoration:none;position:fixed;text-align:center;right:2%;bottom:5%;opacity:0.8;width:25px;height:25px;line-height:25PX;-webkit-border-radius:50%;-moz-border-radius:50%;-khtml-border-radius:50%;border-radius:50%;cursor:pointer;-moz-transition:all ease-in-out 0.3s;-o-transition:all ease-in-out 0.3s;-webkit-transition:all ease-in-out 0.3s;transition:all ease-in-out 0.3s;z-index:1000}.scrollToTop:hover{opacity:1;color:#000}.footer_tools
.hqcoder_socialMediaLinks{float:left}.footer_tools{padding-top:15px}.footer_tools
p{font-size:16px;color:#0c3e61;padding-bottom:15px}.footer_tools
.search_footer{float:right;margin-right:20px}.search_footer
.textCtrl{width:300px;padding:6px
3px}.footer_info{background:#eaeaea;padding:10px;overflow:hidden;z-index:999;position:relative}.footer_info
.infoLeft{float:left}.footer_info .infoLeft .subMenu
li{display:inline;padding:0
10px;padding-left:5px}.footer_info .infoLeft .subMenu li a,.footer_info .infoLeft
a{color:#278bd1}.footer_info
.infoRight{float:right}.footer_info
p{font-size:12px;line-height:20px;color:#0c3e61}.pairsInline.debugInfo{float:right}.webinfo{clear:left;overflow:hidden;display:block;padding:20px
0 0 0;text-align:center;font-size:10pt}.social
a{margin-right:5px}.footer
.pageContent{font-size:12px;overflow:hidden;zoom:1}footer,
.footer a,
.footer a:visited{}.footerLegal a:hover,
.footerLegal a:active,
.footer a:hover,
.footer a:active{text-decoration:none}.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/xenforo/xenforo-ui-sprite.png') no-repeat -112px -16px;padding:0}.footerLegal
.pageContent{font-size:12px;overflow:hidden;zoom:1;padding:10px
5px}#copyright{float:left}.footerLegal
a{color:#E8E2E2}#legal{float:left;display:inline-block}#legal
li{float:left;display:inline-block}@media (max-width:610px){.Responsive .footerLinks a.globalFeed,
.Responsive .footerLinks a.topLink,
.Responsive .footerLinks
a.homeLink{display:none}.Responsive .footerLegal
.debugInfo{clear:both}}@media (max-width:480px){.Responsive #copyright
span{display:none}}
footer{background:#fff;border-top:1px solid #ddd}.footer{line-height:18px}.footer
.pageContent{padding:20px
10px}.footer
h3{padding:5px
0;font-weight:bold;font-size:14px;color:rgb(105,105,105)}.footerBlock{font-size:13px;float:left}.footerBlock>div{padding:0
10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.footerBlock:first-child>div{padding-left:0}.footerBlock:last-child>div{padding-right:0}.customInfofooter{overflow:hidden;display:block;width:870px;float:left}.footerBlock1,.footerBlock2{width:23.3333%}.footerBlock4{width:30%}.footerBlock5{float:right;width:300px}.footerBlock4 ul
li{margin-bottom:6px}.footerBlock4 ul li
.fa{margin-right:5px}.footerLegal{background-color:rgb(105, 105, 105)}.footerLegal
.pageContent{padding:10px}.footerLegal
.fa{font-size:18px;color:#fff}.footerLegal #legal li
a{margin-left:10px}.footerLinks
a.globalFeed{margin:0}.footerLegal #BRCopyright .muted
.concealed{color:rgb(150,150,150) !important}@media (max-width:976px){.Responsive
.pairsInline.debugInfo{display:none}}@media (max-width:800px){.Responsive
#copyright{float:none}.Responsive
#legal{float:none;display:inline-block}.Responsive #legal>li{}.Responsive .footerBlock2,
.Responsive
.footerBlock4{width:33%}}@media (max-width:610px){.Responsive
#BRCopyright{float:none !important}}@media (max-width:480px){.Responsive .footerBlock2,
.Responsive
.footerBlock4{float:none;width:90%;margin:auto;margin-top:10px;display: -webkit-inline-box;}.Responsive .footerBlock1
h3{text-align:center}.Responsive #legal
li{display:inline-block;float:none;vertical-align:middle}.Responsive .footerBlock1 .social
a{margin-right:2%}}
footer .tabLinks{display:none}#searchBar{float:right}.forum_list
.nodeList#forums{padding:0;background:none;border:none;margin:0;}footer
.footerLegal{background:#333;padding:10px;overflow:hidden;z-index:999;position:relative;border-top:1px solid rgb(236, 236, 236);color:#fff}
footer .pageWidth {
  padding-right: 5px;
  padding-left: 5px;
  margin: 0 auto;
  _width: 976px;
  _margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 1200px;
}
.footerBlock ul li {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.noitce-guest {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 340px;
  height: 130px;
  background: #FF9696;
  padding: 10px;
  opacity: 0.5;
  font-size: 11pt;
  z-index: 9999;
}
.noitce-guest:hover {
opacity: 1;
}
.footer .active {display:none;}
@media (max-width:1200px) {
.Responsive .customInfofooter {
  float: none;
  margin: 0 auto;
}
.Responsive .footerBlock5 {
display: none;
}
}
@media (max-width:600px) {
.noitce-guest {display:none;}
}
 
dev.xf nói:
TwgPKrt.png


chỉ có em này
http://congngheaz.com
http://buonre.vn
Nhấn để mở rộng...
Style đẹp nghê. em vừa gửi email vào mail a rồi ạ..
A giúp em phần code nhé. :(
 
  • Like
Reactions: THB
18,617 85 4
Bạn phải đăng nhập hoặc đăng ký để bình luận.

Chủ đề tương tự

M
Styles Giới hạn ký tự chủ đề xenforo
Trả lời
2
Lượt xem
4K
NDK
NDK
PVS
Styles 2x Exclusive Dark - Style Exclusive Dark cho XenForo 2 2.2.15
Trả lời
0
Lượt xem
190
PVS
PVS
PVS
Styles 2x Exclusive Light - Style Exclusive Light cho XenForo 2 2.2.15
Trả lời
0
Lượt xem
97
PVS
PVS
PVS
Styles 2x Abstract+ Dark - Style Abstract+ Dark cho XenForo 2.2 2.2.13d
Trả lời
0
Lượt xem
87
PVS
PVS
PVS
Styles 2x Abstract+ - Style Abstract+ cho XenForo 2.2 2.2.13d
Trả lời
0
Lượt xem
100
PVS
PVS

Dịch vụ XenForo của VNXF

anhanhxf     0906081284
silzedt_1207          Inbox   PVS

Hướng dẫn sử dụng

XenForo 1 XenForo 2
Translate by PVS
Xenforo là gì?
Xây dựng MXH bằng Xenforo

Xử lý sự cố (Troubleshooting)

Texlink

Liên hệ đặt Textlink
Liên hệ đặt Textlink
Liên hệ đặt Textlink
Liên hệ đặt Textlink

Nhà Tài Trợ

Mút Xốp Không Gian
Mút Sofa Không Gian
Back
Top