Добавляем Font Awesome иконки в footer

Тема в разделе "Инструкции и основная информация", создана пользователем kasim, 05.04.16.

  1. kasim

    kasim Участник

    Сообщения:
    28
    Репутация:
    6
    Рейтинг:
    +10 / -0
    В шаблоне Footer находим:

    Код:
    <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">{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>
           
                <span class="helper"></span>
            </div>
        </div>
    </div>
    
    <div class="footerLegal">
        <div class="pageWidth">
            <div class="pageContent">
                <ul id="legal">
                <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>
                </ul>
    Заменяем на:
    Код:
    <ul class="footerLinks">
                <xen:hook name="footer_links">
                        <xen:hook name="footer_links_legal">
                                    <li><a href="{xen:link tags}"><i class="fa fa-tags" style="padding-right: 3px;"></i>{xen:phrase tags}</a></li>
                    <xen:if is="{$tosUrl}"><li><a href="{$tosUrl}"><i class="fa fa-graduation-cap" style="padding-right: 3px;"></i>{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:if is="{$xenOptions.contactUrl.type} === 'default'">
                        <li><a href="{xen:link 'misc/contact'}" class="OverlayTrigger" data-overlayOptions="{&quot;fixed&quot;:false}"><i class="fa fa-envelope" style="padding-right: 3px;"></i>{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}"'}><i class="fa fa-envelope" style="padding-right: 3px;"></i>{xen:phrase contact_us}</a></li>
                    </xen:if>
                    <li><a href="{xen:link help}"><i class="fa fa-life-ring" style="padding-right: 3px;"></i>{xen:phrase help}</a></li>
                    <li><a href="{xen:link 'account/preferences'}"><div class="time muted"><i class="fa fa-clock-o" style="padding-right: 3px;"></i>{xen:datetime $datetime, 'absolute'}</div></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>
                </xen:hook>
                </ul>
           
                <span class="helper"></span>
            </div>
        </div>
    </div>
    
    <div class="footerLegal">
        <div class="pageWidth">
            <div class="pageContent">
    Из кода удалена лишняя часть.

    Screenshot_6.png
     
    • Мне понравилось Мне понравилось x 1