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

2L.Ohayo

Moderator
Thành viên BQT
Tham gia
08/03/2015
Bài viết
761
Được Like
835
Bản cũ của mình bị share tùm lum hết rồi đó. Bạn tìm google có đấy. Tuy nhiên mình ko hổ trợ fix lỗi nha!
vâng cảm ơn bác. bác nói thế chẳng kahcs nào bảo em tìm bản lỗi về mà dùng
 

hardcore

Sergeant
Tham gia
02/04/2015
Bài viết
431
Được Like
374
Em kết vjl.vn mấy bác ạ! Bác nào RIP giúp em với. VXF ông Đồng lược bớt rồi trông không đẹp nữa!!!
Còn site em chỉ có 2 site này thôi ạ :
dammeso.net
dieuduongvn.net
Các bác góp ý nhiệt tình giúp em nhé!!!
 
  • Like
Reactions: THB

dcstylexf

Major
Tham gia
24/03/2015
Bài viết
2,005
Được Like
1,615
Tất cả cá site nó vẫn hao hao như nhau không có gì đột biến. Mình là mình chỉ kết thằng này http://ub.com.vn/, nó đột biến và lột xác hoàn toàn, nhờ các bác cao thủ trên này rip em nó nhé!
đúng là style đẹp thật, hôm nào thử rip mới được :D
 

joomdown

Gefreiter
Tham gia
28/04/2015
Bài viết
80
Được Like
43
Ai cho em xin file footer và footer.css của congngheaz.com với, của em nó không responsive được
 

dcstylexf

Major
Tham gia
24/03/2015
Bài viết
2,005
Được Like
1,615
Ai cho em xin file footer và footer.css của congngheaz.com với, của em nó không responsive được
đâ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;}
}
 

joomdown

Gefreiter
Tham gia
28/04/2015
Bài viết
80
Được Like
43
Vẫn còn dòng chữ dưới chưa responsive bác à
 
  • Like
Reactions: THB

imissziu

Gefreiter
Tham gia
04/05/2015
Bài viết
92
Được Like
48
TwgPKrt.png


chỉ có em này
http://congngheaz.com
http://buonre.vn
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
Người đăng Chủ đề tương tự Diễn đàn Trả lời Ngày đăng
M Styles Xenforo 2

Chủ đề tương tự


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

XenForo 1 XenForo 2
Translate by PVS

Dịch vụ XenForo của VNXF

Mobile/Zalo: 0906081284

Telegram: anhanhxf

Chỉ nhận web nội dung lành mạnh

Nhà Tài Trợ

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