Добавляем Font Awesome иконки в панель личной информации

Font Awesome иконки в панели личной информации

  1. Next
    Совместимость с XenForo:
    • XenForo 1.2
    • XenForo 1.3
    • XenForo 1.4
    • XenForo 1.5
    fontawesome2.png

    Этот пункт можно пропустить, если подключен Font Awesome

    В шаблоне PAGE_CONTAINER найти:
    Код:
    <head>
    И ниже добавить:

    Код:
    <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet">
    Далее

    В шаблоне account_wrapper найти:
    Код:
         <xen:hook name="account_wrapper_sidebar">
           <li class="section">
    
    </li>
    И всё содержимое между этими тегами заменить на:
    Код:
    <ul>
               <xen:hook name="account_wrapper_sidebar_your_account">
               <li><a
                 class="{xen:if "{$selectedKey} == 'alerts/latest'", 'secondaryContent', 'primaryContent'}"
                 href="{xen:link account/alerts}"><i class="fa fa-exclamation-triangle fa-l fa-fw" style="padding-right:3px;"></i>{xen:phrase your_alerts}</a></li>
               <xen:if is="{$xenOptions.enableNewsFeed}"><li><a
                 class="{xen:if "{$selectedKey} == 'alerts/newsFeed'", 'secondaryContent', 'primaryContent'}"
                 href="{xen:link account/news-feed}"><i class="fa fa-rss fa-l fa-fw" style="padding-right:3px;"></i>{xen:phrase your_news_feed}</a></li></xen:if>
               <li><a
                 class="{xen:if "{$selectedKey} == 'alerts/likes'", 'secondaryContent', 'primaryContent'}"
                 href="{xen:link account/likes}"><i class="fa fa-thrumbs-up fa-l fa-fw" style="padding-right:3px;"></i>{xen:phrase likes_youve_received}</a></li>
               <li><a
                 class="primaryContent"
                 href="{xen:link watched/threads}"><i class="fa fa-comment fa-l fa-fw" style="padding-right:3px;"></i>{xen:phrase watched_threads}</a></li>
               <li><a
                 class="primaryContent"
                 href="{xen:link watched/forums}"><i class="fa fa-comments fa-l fa-fw" style="padding-right:3px;"></i>{xen:phrase watched_forums}</a></li>
               </xen:hook>
             </ul>
           </li>
        
           <!-- slot: pre_conversations -->
        
           <li class="section"><h4 class="subHeading">{xen:phrase conversations}</h4>
             <ul>
               <xen:hook name="account_wrapper_sidebar_conversations">
               <li><a
                 class="{xen:if "{$selectedKey} == 'conversations/view'", 'secondaryContent', 'primaryContent'}"
                 href="{xen:link conversations}"><i class="fa fa-inbox fa-l fa-fw" style="padding-right:3px;"></i>{xen:phrase view_conversations}</a></li>
               <xen:if is="{$canStartConversation}"><li><a
                 class="{xen:if "{$selectedKey} == 'conversations/add'", 'secondaryContent', 'primaryContent'}"
                 href="{xen:link conversations/add}"><i class="fa fa-envelope fa-l fa-fw" style="padding-right:3px;"></i>{xen:phrase start_new_conversation}</a></li></xen:if>
               </xen:hook>
             </ul>
           </li>
        
           <!-- slot: pre_settings -->
        
           <li class="section"><h4 class="subHeading">{xen:phrase settings}</h4>
             <ul>
               <xen:hook name="account_wrapper_sidebar_settings">
               <xen:if is="{$canEditProfile}"><li><a
                 class="{xen:if "{$selectedKey} == 'account/personalDetails'", 'secondaryContent', 'primaryContent'}"
                 href="{xen:link account/personal-details}"><i class="fa fa-user fa-l fa-fw" style="padding-right:3px;"></i>{xen:phrase personal_details}</a></li></xen:if>
               <xen:if is="{$canEditSignature}"><li><a
                 class="{xen:if "{$selectedKey} == 'account/signature'", 'secondaryContent', 'primaryContent'}"
                 href="{xen:link account/signature}"><i class="fa fa-pencil fa-l fa-fw" style="padding-right:3px;"></i>{xen:phrase signature}</a></li></xen:if>
               <li><a
                 class="{xen:if "{$selectedKey} == 'account/contactDetails'", 'secondaryContent', 'primaryContent'}"
                 href="{xen:link account/contact-details}"><i class="fa fa-book fa-l fa-fw" style="padding-right:3px;"></i>{xen:phrase contact_details}</a></li>
               <li><a
                 class="{xen:if "{$selectedKey} == 'account/privacy'", 'secondaryContent', 'primaryContent'}"
                 href="{xen:link account/privacy}"><i class="fa fa-loock fa-l fa-fw" style="padding-right:3px;"></i>{xen:phrase privacy}</a></li>
               <li><a
                 class="{xen:if "{$selectedKey} == 'account/preferences'", 'secondaryContent', 'primaryContent'}"
                 href="{xen:link account/preferences}"><i class="fa fa-cog fa-l fa-fw" style="padding-right:3px;"></i>{xen:phrase preferences}</a></li>
               <li><a
                 class="{xen:if "{$selectedKey} == 'account/alertPreferences'", 'secondaryContent', 'primaryContent'}"
                 href="{xen:link account/alert-preferences}"><i class="fa fa-wrench fa-l fa-fw" style="padding-right:3px;"></i>{xen:phrase alert_preferences}</a></li>
               <li><a
                 class="{xen:if "{$selectedKey} == 'account/following'", 'secondaryContent', 'primaryContent'}"
                 href="{xen:link account/following}"><i class="fa fa-group fa-l fa-fw" style="padding-right:3px;"></i>{xen:phrase people_you_follow}</a></li>
               <li><a
                 class="{xen:if "{$selectedKey} == 'account/ignored'", 'secondaryContent', 'primaryContent'}"
                 href="{xen:link account/ignored}"><i class="fa fa-ban fa-l fa-fw" style="padding-right:3px;"></i>{xen:phrase people_you_ignore}</a></li>
               <xen:if is="{$xenCache.userUpgradeCount}"><li><a
                 class="{xen:if "{$selectedKey} == 'account/upgrades'", 'secondaryContent', 'primaryContent'}"
                 href="{xen:link account/upgrades}"><i class="fa fa-arrow-circle-up fa-l fa-fw" style="padding-right:3px;"></i>{xen:phrase account_upgrades}</a></li></xen:if>
               <xen:if is="{$xenOptions.facebookAppId} OR {$xenOptions.twitterAppKey} OR {$xenOptions.googleClientId}"><li><a
                 class="{xen:if "{$selectedKey} == 'account/externalAccounts'", 'secondaryContent', 'primaryContent'}"
                 href="{xen:link account/external-accounts}"><i class="fa fa-user-plus fa-l fa-fw" style="padding-right:3px;"></i>{xen:phrase external_accounts}</a></li></xen:if>
               <li><a
                 class="{xen:if "{$selectedKey} == 'account/security'", 'secondaryContent', 'primaryContent'}"
                 href="{xen:link account/security}"><i class="fa fa-key fa-l fa-fw" style="padding-right:3px;"></i>{xen:phrase password}</a></li>
               <li><a
                 class="{xen:if "{$selectedKey} == 'account/two-step'", 'secondaryContent', 'primaryContent'}"
                 href="{xen:link account/two-step}"><i class="fa fa-user-secret  fa-l fa-fw" style="padding-right:3px;"></i>{xen:phrase two_step_verification}</a></li>
               </xen:hook>
             </ul>
Поделиться этой страницей в