Footer

RedSkyBk96 · 03/08/2015

Ai chỉ mình cách tạo footer ntn vs . Cảm ơn mn nhiều.

vn5lht · 03/08/2015

RedSkyBk96 nói:
Ai chỉ mình cách tạo footer ntn vs . Cảm ơn mn nhiều.
View attachment 5104

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>

rio · 23/10/2015

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>

CNTT01 · 23/10/2015

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;
        }

rio · 24/10/2015

Mình cảm ơn ^^

Người đăng	Chủ đề tương tự	Diễn đàn	Trả lời	Ngày đăng
	Help Đổi text footer themehouse	Installation, Upgrade, and Import Support	4	08/11/2019
	Help Cần Người trợ giúp chỉnh sữa phần Footer seomxh.com	Installation, Upgrade, and Import Support	2	29/07/2016
S	Cho mình hỏi về Footer	Installation, Upgrade, and Import Support	2	23/01/2016
	Help xoá Some XenForo functionality crafted by Hex Themes. dòng cuối footer	Installation, Upgrade, and Import Support	8	22/11/2015
	Thay dòng chữ ở footer	Installation, Upgrade, and Import Support	3	08/09/2015

Footer

RedSkyBk96

Corporal

vn5lht

Corporal

rio

Private

CNTT01

Snow Flower ✔

rio

Private

Chủ đề tương tự

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

Dịch vụ XenForo của VNXF

Xử lý sự cố (Troubleshooting)

Texlink

Nhà Tài Trợ

Thông tin chung

LIÊN KẾT

LIÊN KẾT

LIÊN KẾT

XenForo 1	XenForo 2
Translate by PVS