Styles Xin hướng dẫn rip footer

[namhbnam]

Bữa nay cài thử cái giao diện iron mới thấy có cái footer đẹp quá, cop sang style gốc đang dùng thì lại không được, có ai giúp em vấn đề này. website:https://hnvautopro.com/
Footer

<xen:edithint template="footer.css" />

<xen:hook name="footer">
<div class="footer">
    <div class="pageWidth">
        <div class="pageContent">
        <ul>
        <li class="footerBlock footerBlock1">
            <div>
<h3>ABOUT US</h3>
<p class="text">
Diễn đàn HNVAutoPro.Com là diễn đàn chuyên cung cấp tool liên minh. Hỗ trợ chơi game một cách tốt nhất.
</p>
<p class="social">
<a href="https://plus.google.com/u/1/112279445650644747999/"><img src="styles/brivium/iron/extra/google.png" alt="image"></a>
<a href="https://www.facebook.com/groups/LienMinhToolPro/"><img src="styles/brivium/iron/extra/facebook.png" alt="image"></a>
<a href="https://twitter.com/NamBoss1"><img src="styles/brivium/iron/extra/twitter.png" alt="image"></a>
<a href="https://www.youtube.com/channel/UCMywoDWvwjQU3B74IUferpg"><img src="styles/brivium/iron/extra/youtube.png" alt="image"></a>
</p>
</div>
        </li>
        <li class="footerBlock footerBlock2">
                    <div>
                    <h3>LIÊN KẾT</h3>
                    <ul>
                <li><a href="http://botlm.blogspot.com/" target="_blank" rel="dofollow">Blog Tool Liên Minh</a></li>
                <li><a href="http://www.opdo.vn/" target="_blank" rel="dofollow">Blog IT</a></li>
                <li><a href="http://vtplus.xyz/" target="_blank" rel="dofollow">Diễn Đàn Vũng Tàu</a></li>
                <li><a href="http://fsharegame.com/" title="Diễn đàn chia sẻ mu lậu" rel="bookmark" target="_blank">fsharegame.com</a></li>
                <li><a href="http://4rgame.com" title="Diễn đàn quảng cáo game private" rel="dofollow" target="_blank">4rGame.Com</a></li>
                 </ul>
                  </div>
        </li>
        <li class="footerBlock footerBlock2 footerBlock3">
             <div>
                    <h3>LIÊN KẾT</h3>
                    <ul>
                <li><a target="_blank" title="XFTEAM - WE LOVE XenForo" rel="dofollow" href="http://xfteam.net">XFTEAM.NET</a></li>
                <li><a href="http://www.homin.info/" title="Homin Blog" rel="dofollow" target="_blank">  Homin Blog</a></li>
                <li><a target="_blank" title="[RAVA.PRO]-Rao Vặt Đẳng Cấp " rel="dofollow" href="http://rava.pro">[RAVA.PRO]-Rao Vặt Đẳng Cấp</a></li>
                 </ul>
                  </div>
        </li>
<li class="footerBlock footerBlock4">
<div class="">
                             <h3>LIÊN HỆ</h3>
                     <ul>
       <li><i class="fa fa-home"></i> Hà Nội, Việt Nam</li>
       <li><i class="fa fa-phone"></i> No Public</li>
       <li><a href="mailto: [email protected]"><i class="fa fa-envelope-o"></i> [email protected]</a></li>
       <li><a href="https://hnvautopro.com"><i class="fa fa-globe"></i>HNVAutoPro</a></li>
         </ul>
        </div>
        </li>
        </ul>
        <xen:comment>
            <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>
          
            <ul class="footerLinks">
            <xen:hook name="footer_links">
                <xen:if is="{$xenOptions.contactUrl.type} === 'default'">
                    <a href="{xen:link 'misc/contact'}" class="OverlayTrigger" data-overlayOptions="{&quot;fixed&quot;:false}">{xen:phrase contact_us}</a>
                <xen:elseif is="{$xenOptions.contactUrl.type} === 'custom'" />
                    <a href="{$xenOptions.contactUrl.custom}" {xen:if {$xenOptions.contactUrl.overlay}, 'class="OverlayTrigger" data-overlayOptions="{&quot;fixed&quot;:false}"'}>{xen:phrase contact_us}</a>
                </xen:if>
                <li><a href="{xen:link help}">{xen:phrase help}</a></li>
                <xen:if is="{$homeLink}"><li><a href="{$homeLink}" class="homeLink">{xen:phrase home}</a></li></xen:if>
                <li><a href="{$requestPaths.requestUri}#navigation" class="topLink">{xen:phrase go_to_top}</a></li>
                <li><a href="{xen:link forums/-/index.rss}" rel="alternate" class="globalFeed" target="_blank"
                    title="{xen:phrase rss_feed_for_x, 'title={$xenOptions.boardTitle}'}">{xen:phrase rss}</a></li>
            </xen:hook>
            </ul>
            </xen:comment>
          
            <span class="helper"></span>
        </div>
    </div>
</div>

<div class="footerLegal">
    <div class="pageWidth">
        <div class="pageContent">
        <div id="copyright">
              
                <a href="https://hnvautopro.com/" title="HNVAuto">HNVAutoPro.com</a>
            </div>
            <xen:hook name="footer_after_copyright" />
      
            <ul id="legal">
            <xen:if is="{$canChangeStyle} OR {$canChangeLanguage}">
                <xen:if is="{$canChangeStyle}">
                <li>
                    <a href="{xen:link 'misc/style', '', 'redirect={$requestPaths.requestUri}'}" class="OverlayTrigger Tooltip" title="{xen:phrase style_chooser}" rel="nofollow">{$visitorStyle.title}</a>
                </li>
                </xen:if>
                <xen:if is="{$canChangeLanguage}">
                <li>
                    <a href="{xen:link 'misc/language', '', 'redirect={$requestPaths.requestUri}'}" class="OverlayTrigger Tooltip" title="{xen:phrase language_chooser}" rel="nofollow">{$visitorLanguage.title}</a>
                </li>
                </xen:if>
            </xen:if>

            <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>
                <ul class="footerLinks">
            <xen:hook name="footer_links">
                <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:if is="{$homeLink}"><li><a href="{$homeLink}" class="homeLink">{xen:phrase home}</a></li></xen:if>
                <li><a href="{$requestPaths.requestUri}#navigation" class="topLink"><i class="fa fa-angle-up fa-lg"></i><xen:comment>{xen:phrase go_to_top}</xen:comment></a></li>
                <li><a href="{xen:link forums/-/index.rss}" rel="alternate" class="globalFeed" target="_blank"
                    title="{xen:phrase rss_feed_for_x, 'title={$xenOptions.boardTitle}'}">{xen:phrase rss}</a></li>
            </xen:hook>
            </ul>
            </li>
            </ul>
          
            <xen:if is="{$debugMode}">
                <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>

Footer.css

.footer .pageContent
{
    @property "footer";
    font-size: 12px;
    overflow: hidden;
    zoom: 1;
    @property "/footer";
}
    footer,
    .footerLegal a,
    .footer a,
    .footer a:visited
    {
        @property "footerLink";
        color: @contentText;
        @property "/footerLink";
    }
      
        .footerLegal a:hover,
        .footerLegal a:active,
        .footer a:hover,
        .footer a:active
        {
            @property "footerLinkHover";
            color: @primaryMedium;
            text-decoration: none;
            @property "/footerLinkHover";
        }

    .footer .choosers
    {
        @property "footerLeftBlock";
        padding-left: 5px;
        float: left;
        overflow: hidden;
        zoom: 1;
        @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";
        padding-right: 5px;
        float: right;
        overflow: hidden;
        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: 12px;
    overflow: hidden; zoom: 1;
    padding: 10px 5px;
    text-align: center;
}
  
    #copyright
    {
        float: left;
    }
  
    #legal
    {
        float: right;
    }
  
        #legal li
        {
            float: left;
            <xen:if is="{$pageIsRtl}">*display: inline; *float: none; *zoom: 1;</xen:if>
        }

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

Gốc thế này

Cop sang thì bị lỗi thế này:

 

[hardcore]

Còn temp extra_footer.css của nó nữa

 

[namhbnam]

Còn temp extra_footer.css của nó nữa

cop hết sang r bác ak, mà cũng k đc

 

[namhbnam]

up................