Footer

[VNXF] Theme Digital – Sự lựa chọn hoàn hảo cho diễn đàn công nghệ hiện đại Group Zalo của Cộng đồng người dùng XenForo tại Việt Nam
RedSkyBk96

RedSkyBk96

Corporal
Ai chỉ mình cách tạo footer ntn vs . Cảm ơn mn nhiều.
Untitled.png
 
Bài viết liên quan
Đổi text footer themehouse
Đổi text footer themehouse bởi datlechin,
Cần Người trợ giúp chỉnh sữa phần Footer seomxh.com
Cần Người trợ giúp chỉnh sữa phần Footer seomxh.com bởi bitdoan,
Cho mình hỏi về Footer
Cho mình hỏi về Footer bởi shadowboy123,
xoá Some XenForo functionality crafted by Hex Themes. dòng cuối footer
xoá Some XenForo functionality crafted by Hex Themes. dòng cuối footer bởi 47cent,
Thay dòng chữ ở footer
Thay dòng chữ ở footer bởi RedSkyBk96,
Không sửa được footer
Không sửa được footer bởi RedSkyBk96,
  • Like
Reactions: THB
RedSkyBk96 nói:
Ai chỉ mình cách tạo footer ntn vs . Cảm ơn mn nhiều.
View attachment 5104
Nhấn để mở rộng...
Thay thế footer bằng
Mã: 
<xen:edithint template="footer.css" />

<xen:include template="uix_colorSwatches" />

<xen:hook name="footer">

<xen:if hascontent="true">

<div class="footer">
    <xen:if is="@uix_pageStyle!=1 && !@uix_footer_forceCovered"><div class="pageWidth"></xen:if>
        <div class="pageContent">
            <xen:if is="@uix_pageStyle==1 || @uix_footer_forceCovered"><div class="pageWidth"></xen:if>
           
                <xen:contentcheck>
                <xen:if is="@uix_widthToggle && {$visitor.user_id}">
                    <dl class="choosers chooser_widthToggle uix_widthToggle_lower">
                        <dt>{xen:phrase uix_toggle_width}</dt>
                        <dd><a href="javascript: uix.toggleWidth.toggle()" class='Tooltip' title="{xen:phrase uix_toggle_width}" rel="nofollow"><span class="uix_icon uix_widthToggle"></span></a></dd>
                    </dl>
                </xen:if>
                <xen:if is="{$canChangeStyle} OR {$canChangeLanguage}">
                    <dl class="choosers">
                        <xen:if is="{$canChangeStyle}">
                            <dt>{xen:phrase style}</dt>
                            <dd><a href="{xen:link 'misc/style', '', 'redirect={$requestPaths.requestUri}'}" class="OverlayTrigger Tooltip" title="{xen:phrase style_chooser}" rel="nofollow">{$visitorStyle.title}</a></dd>
                        </xen:if>
                        <xen:if is="{$canChangeLanguage}">
                            <dt>{xen:phrase language}</dt>
                            <dd><a href="{xen:link 'misc/language', '', 'redirect={$requestPaths.requestUri}'}" class="OverlayTrigger Tooltip" title="{xen:phrase language_chooser}" rel="nofollow">{$visitorLanguage.title}</a></dd>
                        </xen:if>
                    </dl>
                </xen:if>
                <xen:if is="{$uix_adStyler_enabled}">
                    <xen:if is="!@uix_hideAdStylerTrigger && ( {$uix_canUseStylerPanel} || {$uix_canUseStylerPresets} )">
                        <dl class="choosers chooser_AdStyler">
                            <dt>{xen:phrase uix_ad_styler}</dt>
                            <dd><a href="#" class='si-reveal-toggle Tooltip' title="{xen:phrase uix_open_ad_styler}" rel="nofollow">{xen:phrase uix_ad_styler}</a></dd>
                        </dl>
                    </xen:if>
                    <xen:if is="@uix_adStylerColorOptions && {$uix_canUseStylerSwatches}">
                        <dl class="choosers chooser_colorOptions">
                            <dt>{xen:phrase uix_color_options}</dt>
                            <dd><a href="#" class='uix_colorOptionsToggle Tooltip' title="{xen:phrase uix_toggle_color_options}" rel="nofollow">{xen:phrase uix_color_options}</a></dd>
                        </dl>
                    </xen:if>
                </xen:if>
                <xen:if is="!@uix_hideFooterMenu">
                <ul class="footerLinks">
                    <xen:hook name="footer_links">
                        <xen:if is="{$homeLink}"><li><a href="{$homeLink}" class="homeLink">{xen:phrase home}</a></li></xen:if>
                        <xen:if is="{$xenOptions.contactUrl.type} === 'default'">
                            <li><a href="{xen:link 'misc/contact'}" class="OverlayTrigger" data-overlayOptions="{&quot;fixed&quot;:false}">{xen:phrase contact_us}</a></li>
                        <xen:elseif is="{$xenOptions.contactUrl.type} === 'custom'" />
                            <li><a href="{$xenOptions.contactUrl.custom}" {xen:if {$xenOptions.contactUrl.overlay}, 'class="OverlayTrigger" data-overlayOptions="{&quot;fixed&quot;:false}"'}>{xen:phrase contact_us}</a></li>
                        </xen:if>
                        <li><a href="{xen:link help}">{xen:phrase help}</a></li>
                    </xen:hook>
                    <xen:hook name="footer_links_legal">
                        <xen:if is="{$tosUrl}"><li><a href="{$tosUrl}">{xen:phrase terms_and_rules}</a></li></xen:if>
                        <xen:if is="{$xenOptions.privacyPolicyUrl}"><li><a href="{$xenOptions.privacyPolicyUrl}">{xen:phrase privacy_policy}</a></li></xen:if>
                    </xen:hook>
                    <li class="topLink"><a href="{$requestPaths.requestUri}#XenForo"><i class="uix_icon uix_icon-jumpToTop"></i> <span class="uix_hide">{xen:phrase go_to_top}</span></a></li>
                </ul>
                </xen:if>
               
            </xen:contentcheck>
            <xen:if is="@uix_pageStyle==1"></div></xen:if>
            <span class="helper"></span>
        </div>
    <xen:if is="@uix_pageStyle!=1"></div></xen:if>
</div>

<div id="uix_stickyFooterSpacer"></div>

</xen:if>


<xen:include template="uix_extendedFooter" />


<div class="footerLegal">
    <xen:if is="@uix_pageStyle!=1 && !@uix_copyright_forceCovered"><div class="pageWidth"></xen:if>
        <div class="pageContent">
            <xen:if is="@uix_pageStyle==1 || @uix_copyright_forceCovered"><div class="pageWidth"></xen:if>
            <div id="copyright">
                {xen:helper copyright} {xen:phrase extra_copyright}
                <xen:hook name="uix_copyright" />
            </div>
            <xen:hook name="footer_after_copyright" />
            <xen:if is="{$xenOptions.uix_socialMedia} && @uix_socialMedia">
                <xen:include template="uix_socialMedia" />
            </xen:if>   
            <xen:if is="{$debugMode} AND ( ( {$visitor.is_admin} AND {$xenOptions.uix_debugAdmin} ) || !{$xenOptions.uix_debugAdmin} )">
                <xen:if hascontent="true">
                    <dl class="pairsInline debugInfo" title="{$controllerName}-&gt;{$controllerAction}{xen:if $viewName, ' ({$viewName})'}">
                    <xen:contentcheck>
                        <xen:if is="{$page_time}"><dt>{xen:phrase timing}:</dt> <dd><a href="{$debug_url}" rel="nofollow">{xen:phrase x_seconds, 'time={xen:number $page_time, 4}'}</a></dd></xen:if>
                        <xen:if is="{$memory_usage}"><dt>{xen:phrase memory}:</dt> <dd>{xen:phrase x_mb, 'size={xen:number {xen:calc "{$memory_usage} / 1024 / 1024"}, 3}'}</dd></xen:if>
                        <xen:if is="{$db_queries}"><dt>{xen:phrase db_queries}:</dt> <dd>{xen:number {$db_queries}}</dd></xen:if>
                    </xen:contentcheck>
                    </dl>
                </xen:if>
            </xen:if>

            <span class="helper"></span>
        </div>
    </div>   
</div>

</xen:hook>

<xen:if is="@uix_jumpToTopFixed || @uix_jumpToBottomFixed">
    <div id="uix_jumpToFixed">
        <xen:if is="@uix_jumpToTopFixed ">
            <a href="{$requestPaths.requestUri}#content" title="{xen:phrase go_to_top}" data-position="top"><i class="uix_icon uix_icon-jumpToTop"></i></a>
        </xen:if>
        <xen:if is="@uix_jumpToBottomFixed">
            <a href="{$requestPaths.requestUri}#copyright" title="{xen:phrase bottom}" data-position="bottom"><i class="uix_icon uix_icon-jumpToBottom"></i></a>
        </xen:if>
    </div>
</xen:if>

Thay Foote.css bằng
Mã: 
.footer .pageContent
{
    @property "footer";
    font-size: @uix_globalFontSize;
    background-color: @primaryLighterStill;
    padding-right: @uix_gutterWidthSmall;
    padding-left: @uix_gutterWidthSmall;
    margin-top: 0;
    margin-bottom: @uix_gutterWidth;
    border: @uix_primaryBorder.border-width solid @uix_primaryBorder.border-color;
    border-top-width: 0;
    border-radius: @uix_primaryBorder.border-radius;
    zoom: 1;
    line-height: @uix_footerHeight;
    min-height: 20px;
    height: @uix_footerHeight;
    @property "/footer";
}
  
    .footer a,
    .footer a:visited
    {
        @property "footerLink";
        padding-right: 5px;
        padding-left: 5px;
        display: block;
        @property "/footerLink";
    }
  
        .footer a:hover,
        .footer a:active
        {
            @property "footerLinkHover";
            color: @uix_primaryColor;
            @property "/footerLinkHover";
        }

    .footer .choosers
    {
        @property "footerLeftBlock";
        padding-right: @uix_gutterWidthSmall;
        float: left;
        overflow: hidden;
        zoom: 1;
        text-align: left;
        @property "/footerLeftBlock";
    }
  
        .footer .choosers dt
        {
            display: none;
        }
      
        .footer .choosers dd
        {
            float: left;
            <xen:if is="{$pageIsRtl}">*display: inline; *float: none; *zoom: 1;</xen:if>
        }
      
    .footerLinks
    {
        @property "footerRightBlock";
        float: right;
        zoom: 1;
        @property "/footerRightBlock";
    }
  
        .footerLinks li
        {
            float: left;
            <xen:if is="{$pageIsRtl}">*display: inline; *float: none; *zoom: 1;</xen:if>
        }
      
            .footerLinks a.globalFeed
            {
                width: 14px;
                height: 14px;
                display: block;
                text-indent: -9999px;
                white-space: nowrap;
                background: url('@imagePath/xenforo/xenforo-ui-sprite.png') no-repeat -112px -16px;
                padding: 0;
                margin: 5px;
            }

.footerLegal .pageContent
{
    font-size: 11px;
    overflow: hidden; zoom: 1;
    padding: 5px 5px 15px;
    text-align: center;
}
  
    #copyright
    {
        color: @dimmedTextColor;
        float: left;
    }
  
    #legal
    {
        float: right;
    }
  
        #legal li
        {
            float: left;
            <xen:if is="{$pageIsRtl}">*display: inline; *float: none; *zoom: 1;</xen:if>
            margin-left: 10px;
        }

<xen:if is="@enableResponsive">
@media (max-width:@maxResponsiveMediumWidth)
{
    .Responsive .footerLinks a.globalFeed,
    .Responsive .footerLinks a.topLink,
    .Responsive .footerLinks a.homeLink
    {
        display: none;
    }

    .Responsive .footerLegal .debugInfo
    {
        clear: both;
    }
}

@media (max-width:@maxResponsiveNarrowWidth)
{
    .Responsive #copyright span
    {
        display: none;
    }
}
</xen:if>
 
em copy và past thì nó báo lỗi ạ.
lỗi dòng thứ 10: <xen:if is="@uix_pageStyle!=1 && !@uix_footer_forceCovered"><div class="pageWidth"></xen:if>
 
sao mình ko bị lõi ta ,thui giờ bạn dùng thử bộ này coi
Vào template footer thay toàn bộ thành
Mã: 
<xen:edithint template="footer.css" />
<xen:hook name="footer">
<div class="footer">
<div class="pageWidth">
<div class="pageContent">
<div id="footer" class="footercolumns">
<div id="footer-top">
<div class="footer-top-left">
<div class="block-top"><img alt="Rao vặt miễn phí" src="http://muare5s.com/styles/default/xenforo/muare5s.jpg" height="60px" style="float: left" />
                                                               <a href="http://movie.buidoi.vn" title="Xem phim online, phim hd online"><img src="http://img407.imageshack.us/img407/4163/buidoinet15052013.png" alt="xem phim nhanh, xem phim online" style="float: right" width="280px" /></a>
                                        </div>
<div class="block-bottom"><span>RAO VẶT MIỄN PHÍ</span>
<p>Diễn đàn Rao Vặt - Quảng Cáo miễn phí, nơi đăng tin tìm việc, tìm người, rao bán các loại sản phẩm hiệu quả và nhanh chóng.</p>
</div>
<div class="connect-face">
<p>Follow us</p>
<ul>
<li><a href="http://facebook.com/buidoifc"><img alt="Facebook" src="http://muare5s.com/data/images/face.png" title="FaceBook"></a></li>
<li><a href="http://youtube.com/user/synam135"><img alt="Social" src="http://muare5s.com/data/images/youtube.png" title="Youtube"></a></li>
<li><a href="http://twitter.com/buidoinet"><img alt="Twitter" src="http://muare5s.com/data/images/twitter.png" title="Twitter"></a></li>
<li><a href="https://plus.google.com/103596386203292835277"><img alt="Google" src="http://muare5s.com/data/images/google.png" title="Google"></a></li>
<li><a href="#"><img alt="Social" src="http://muare5s.com/data/images/pinterest.png" title="Pinterest"></a></li>
<li><a href="forums/-/index.rss"><img alt="Rss Feed" src="http://muare5s.com/data/images/rss.png" title="Rss Feed"></a></li>
</ul>
</div>
</div>
<div class="fotter-contact">
<h3>Our Links</h3>
<ul>
<li><a href="http://buidoi.net/" target="_blank">Wapmaster Việt</a></li>
<li><a href="http://movie.buidoi.vn/" target="_blank">Xem Phim Online</a></li>
<li><a href="http://tutviet.com" target="_blank">Thủ Thuật PC</a></li>
<li><a href="#" target="_blank">Game Online</a></li>
<li><a href="#" target="_blank">Webmaster Việt</a></li>
<li><a href="http://hosting.lesynam.info" target="_blank">Host giá rẻ</a></li>
<li><a href="http://cntt4u.com" target="_blank">Tạp Chí Design</a></li>
</ul>
</div>
</div>
<div class="four columns column">
<h3>Thông tin</h3>
<ul>
<li><a href="http://muare5s.com/forums/2/">Thông báo chung</a></li>
<li><a href="http://muare5s.com/forums/3/">Thắc mắc, góp ý</a></li>
<li><a href="http://muare5s.com/categories/5/">Thị trường mua bán</a></li>
<li><a href="http://muare5s.com/categories/34/">Việc làm, Tuyển sinh</a></li>
<li><a href="http://muare5s.com/categories/45/">Giải Trí</a></li>
<li><a href="help/">Trợ giúp</a></li>
<li><a href="misc/contact">Liên hệ BQT</a></li>
</ul>
</div>
<div class="three columns column">
<h3>Liên kết bạn bè</h3>
<ul>
<li><a href="#">Contact Us</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="footerLegal">
<div class="pageWidth">
<div class="pageContent">
<div id="copyright">Diễn đàn sử dụng XenForo™ ©2011 XenForo Ltd.
</div>
<ul id="legal">
<xen:if is="{$canChangeStyle} OR {$canChangeLanguage}">
<li class="choosers">
<xen:if is="{$canChangeLanguage}">
<a href="{xen:link 'misc/language', '', 'redirect={$requestPaths.requestUri}'}" class="OverlayTrigger Tooltip" title="{xen:phrase language_chooser}" rel="nofollow">{$visitorLanguage.title}</a>
</xen:if>
</li>
                        <li class="choosers">
<xen:if is="{$canChangeStyle}">
<a href="{xen:link 'misc/style', '', 'redirect={$requestPaths.requestUri}'}" class="OverlayTrigger Tooltip" title="{xen:phrase style_chooser}" rel="nofollow">{$visitorStyle.title}</a>
</xen:if>
</li>
</xen:if>
<li><a href="help/terms">Quy định và Nội quy</a></li>
</ul>
<xen:if is="{$debugMode}">
<xen:if hascontent="true">
<dl class="pairsInline" title="{$controllerName}-&gt;{$controllerAction}{xen:if $viewName, ' ({$viewName})'}">
<xen:contentcheck>
<xen:if is="{$page_time}"><dt>{xen:phrase timing}:</dt> <dd><a href="{$debug_url}">{xen:phrase x_seconds, 'time={xen:number $page_time, 4}'}</a></dd></xen:if>
<xen:if is="{$memory_usage}"><dt>{xen:phrase memory}:</dt> <dd>{xen:phrase x_mb, 'size={xen:number {xen:calc "{$memory_usage} / 1024 / 1024"}, 3}'}</dd></xen:if>
<xen:if is="{$db_queries}"><dt>{xen:phrase db_queries}:</dt> <dd>{xen:number {$db_queries}}</dd></xen:if>
</xen:contentcheck>
</dl>
</xen:if>
</xen:if>
<span class="helper"></span>
</div>
</div>
</div>
</xen:hook>
vào css footer.css thay toàn bộ thành

Mã: 
#footer {
    clear: both;
    min-height: 100px;
    padding: 20px 0 25px;
}
.footer {
    background: #1d1e22 url(http://muare5s.com/data/images/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/xenforo/xenforo-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;
        }
 
Sửa lần cuối:
1,274 4 1
Bạn phải đăng nhập hoặc đăng ký để bình luận.

Dịch vụ XenForo của VNXF

Zalo 0906081284
avatar Silzedt InboxPVS
[VNXF] Theme Digital – Sự lựa chọn hoàn hảo cho diễn đàn công nghệ hiện đại [VNXF 2x] Best Statistics Pro – Thống kê nâng cao, tối ưu hiệu năng cho XenForo 1.1 Bảng giá dịch vụ thiết kế, làm diễn đàn XenForo năm 2024

Xử lý sự cố

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

Textlink

Khám phá AI cùng người Việt
Diễn đàn chia sẻ kinh nghiệm massage
Review dịch vụ massage toàn quốc
Cộng Đồng Massage Việt Nam
Cộng đồng AI Việt Nam
Liên hệ đặt Textlink

Nhà Tài Trợ

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