Современный облачный хостинг провайдер | Aéza
Контакты ООО "АЕЗА ГРУПП" ИНН 2312304914 ОГРН 1212300056430

Решено Иконка Font Awesome на место названия вкладки

Статус
В этой теме нельзя размещать новые ответы.
uldosug

uldosug

Проверенные
Сообщения
237
Реакции
40
Баллы
1,725
Добренького всем! :-)

Господа, подскажите, как заменить название вкладки "Пользователи" на иконку Font Awesome? И поставить ее в хвост после вкладок созданных вручную с помощью плагина.
 
Сортировка по дате Сортировка по голосам
Собственно если открыть шаблон navigation, можно разобраться, а название вкладки здесь:
Код: 
<a href="{$tabs.members.href}" class="navLink">{$tabs.members.title}</a>
{$tabs.members.title} можно поменять на что надо.
 
Позитивный голос 0 Негативный голос
Skaiman написал(а):
Собственно если открыть шаблон navigation, можно разобраться, а название вкладки здесь:
Код: 
<a href="{$tabs.members.href}" class="navLink">{$tabs.members.title}</a>
{$tabs.members.title} можно поменять на что надо.
Нажмите для раскрытия...
По Вашему совету убрал название, а в шаблоне EXTRA добавил иконку, вроде бы получилось, а как переместить эту вкладку в хвост, после вручную созданных вкладок???
 
Позитивный голос 0 Негативный голос
uldosug написал(а):
По Вашему совету убрал название, а в шаблоне EXTRA добавил иконку
Нажмите для раскрытия...
А там сразу нельзя было :) вместо {$tabs.members.title} например <i class="fa fa-users" aria-hidden="true"></i>
На счет вкладок, если они созданы с помощью плагина, то там же предусмотрено их расположение, home, middle или end, вот и надо было их делать middle и они бы были перед пользователями.
 
Позитивный голос 0 Негативный голос
Skaiman написал(а):
А там сразу нельзя было :-) вместо {$tabs.members.title} например <i class="fa fa-users" aria-hidden="true"></i>
На счет вкладок, если они созданы с помощью плагина, то там же предусмотрено их расположение, home, middle или end, вот и надо было их делать middle и они бы были перед пользователями.
Нажмите для раскрытия...
Вставлял код, не сохраняет изменения, пишет ошибка кода! А когда вкладки ставлю выше, то назад перемещаются основные, что плохо, поэтому, необходимо переместить только вкладку пользователи... Я ее вообще то скрывал, но на границе вкладок, при наведении мыши она все равно проявлялась :(, поэтому я и решил ее открыть, но вместо названия поставить иконку и переместить в хвост, чтоб не маячила по центру! :-)

Видать неверно код вставлял! :( Получилось! Скобки убрал! А EXTRA подчистил! :-) Вот такой я малатца! :-) Теперь осталось получить урок, как переместить вкладку в конец!
 
Позитивный голос 0 Негативный голос
Вот смотри, вкладка "Пользователи" это:
Код: 
        <!-- members -->
        <xen:if is="{$tabs.members}">
            <li class="navTab members {xen:if $tabs.members.selected, 'selected', 'Popup PopupControl PopupClosed'}">
           
                <a href="{$tabs.members.href}" class="navLink">{$tabs.members.title}</a>
                <a href="{$tabs.members.href}" class="SplitCtrl" rel="Menu"></a>
               
                <div class="{xen:if {$tabs.members.selected}, 'tabLinks', 'Menu JsOnly tabMenu'} membersTabLinks">
                    <div class="primaryContent menuHeader">
                        <h3>{$tabs.members.title}</h3>
                        <div class="muted">{xen:phrase quick_links}</div>
                    </div>
                    <ul class="secondaryContent blockLinksList">
                    <xen:hook name="navigation_tabs_members">
                        <li><a href="{xen:link members}">{xen:phrase notable_members}</a></li>
                        <xen:if is="{$xenOptions.enableMemberList}"><li><a href="{xen:link members/list}">{xen:phrase registered_members}</a></li></xen:if>
                        <li><a href="{xen:link online}">{xen:phrase current_visitors}</a></li>
                        <xen:if is="{$xenOptions.enableNewsFeed}"><li><a href="{xen:link recent-activity}">{xen:phrase recent_activity}</a></li></xen:if>
                        <xen:if is="{$canViewProfilePosts}"><li><a href="{xen:link find-new/profile-posts}">{xen:phrase new_profile_posts}</a></li></xen:if>
                    </xen:hook>
                    </ul>
                </div>
            </li>
        </xen:if>
А все вкладки после это:
Код: 
        <!-- extra tabs: end -->
        <xen:if is="{$extraTabs.end}">
        <xen:foreach loop="$extraTabs.end" key="$extraTabId" value="$extraTab">
            <xen:if is="{$extraTab.linksTemplate}">
                <li class="navTab {$extraTabId} {xen:if $extraTab.selected, 'selected', 'Popup PopupControl PopupClosed'}">
           
                <a href="{$extraTab.href}" class="navLink">{$extraTab.title}<xen:if is="{$extraTab.counter}"><strong class="itemCount"><span class="Total">{$extraTab.counter}</span><span class="arrow"></span></strong></xen:if></a>
                <a href="{$extraTab.href}" class="SplitCtrl" rel="Menu"></a>
               
                <div class="{xen:if {$extraTab.selected}, 'tabLinks', 'Menu JsOnly tabMenu'} {$extraTabId}TabLinks">
                    <div class="primaryContent menuHeader">
                        <h3>{$extraTab.title}</h3>
                        <div class="muted">{xen:phrase quick_links}</div>
                    </div>
                    {xen:raw $extraTab.linksTemplate}
                </div>
            </li>
            <xen:else />
                <li class="navTab {$extraTabId} {xen:if $extraTab.selected, 'selected', 'PopupClosed'}">
                    <a href="{$extraTab.href}" class="navLink">{$extraTab.title}<xen:if is="{$extraTab.counter}"><strong class="itemCount"><span class="Total">{$extraTab.counter}</span><span class="arrow"></span></strong></xen:if></a>
                    <xen:if is="{$extraTab.selected}"><div class="tabLinks"></div></xen:if>
                </li>
            </xen:if>
        </xen:foreach>
        </xen:if>
Вот и поменяй местами :) но лучше делать это с использованием модификаций.
 
Позитивный голос 0 Негативный голос
Skaiman написал(а):
Вот смотри, вкладка "Пользователи" это:
Код: 
        <!-- members -->
        <xen:if is="{$tabs.members}">
            <li class="navTab members {xen:if $tabs.members.selected, 'selected', 'Popup PopupControl PopupClosed'}">
          
                <a href="{$tabs.members.href}" class="navLink">{$tabs.members.title}</a>
                <a href="{$tabs.members.href}" class="SplitCtrl" rel="Menu"></a>
              
                <div class="{xen:if {$tabs.members.selected}, 'tabLinks', 'Menu JsOnly tabMenu'} membersTabLinks">
                    <div class="primaryContent menuHeader">
                        <h3>{$tabs.members.title}</h3>
                        <div class="muted">{xen:phrase quick_links}</div>
                    </div>
                    <ul class="secondaryContent blockLinksList">
                    <xen:hook name="navigation_tabs_members">
                        <li><a href="{xen:link members}">{xen:phrase notable_members}</a></li>
                        <xen:if is="{$xenOptions.enableMemberList}"><li><a href="{xen:link members/list}">{xen:phrase registered_members}</a></li></xen:if>
                        <li><a href="{xen:link online}">{xen:phrase current_visitors}</a></li>
                        <xen:if is="{$xenOptions.enableNewsFeed}"><li><a href="{xen:link recent-activity}">{xen:phrase recent_activity}</a></li></xen:if>
                        <xen:if is="{$canViewProfilePosts}"><li><a href="{xen:link find-new/profile-posts}">{xen:phrase new_profile_posts}</a></li></xen:if>
                    </xen:hook>
                    </ul>
                </div>
            </li>
        </xen:if>
А все вкладки после это:
Код: 
        <!-- extra tabs: end -->
        <xen:if is="{$extraTabs.end}">
        <xen:foreach loop="$extraTabs.end" key="$extraTabId" value="$extraTab">
            <xen:if is="{$extraTab.linksTemplate}">
                <li class="navTab {$extraTabId} {xen:if $extraTab.selected, 'selected', 'Popup PopupControl PopupClosed'}">
          
                <a href="{$extraTab.href}" class="navLink">{$extraTab.title}<xen:if is="{$extraTab.counter}"><strong class="itemCount"><span class="Total">{$extraTab.counter}</span><span class="arrow"></span></strong></xen:if></a>
                <a href="{$extraTab.href}" class="SplitCtrl" rel="Menu"></a>
              
                <div class="{xen:if {$extraTab.selected}, 'tabLinks', 'Menu JsOnly tabMenu'} {$extraTabId}TabLinks">
                    <div class="primaryContent menuHeader">
                        <h3>{$extraTab.title}</h3>
                        <div class="muted">{xen:phrase quick_links}</div>
                    </div>
                    {xen:raw $extraTab.linksTemplate}
                </div>
            </li>
            <xen:else />
                <li class="navTab {$extraTabId} {xen:if $extraTab.selected, 'selected', 'PopupClosed'}">
                    <a href="{$extraTab.href}" class="navLink">{$extraTab.title}<xen:if is="{$extraTab.counter}"><strong class="itemCount"><span class="Total">{$extraTab.counter}</span><span class="arrow"></span></strong></xen:if></a>
                    <xen:if is="{$extraTab.selected}"><div class="tabLinks"></div></xen:if>
                </li>
            </xen:if>
        </xen:foreach>
        </xen:if>
Вот и поменяй местами :-) но лучше делать это с использованием модификаций.
Нажмите для раскрытия...
А как это, с использованием модификаций? :redface:

Skaiman написал(а):
Вот смотри, вкладка "Пользователи" это:
Код: 
        <!-- members -->
        <xen:if is="{$tabs.members}">
            <li class="navTab members {xen:if $tabs.members.selected, 'selected', 'Popup PopupControl PopupClosed'}">
          
                <a href="{$tabs.members.href}" class="navLink">{$tabs.members.title}</a>
                <a href="{$tabs.members.href}" class="SplitCtrl" rel="Menu"></a>
              
                <div class="{xen:if {$tabs.members.selected}, 'tabLinks', 'Menu JsOnly tabMenu'} membersTabLinks">
                    <div class="primaryContent menuHeader">
                        <h3>{$tabs.members.title}</h3>
                        <div class="muted">{xen:phrase quick_links}</div>
                    </div>
                    <ul class="secondaryContent blockLinksList">
                    <xen:hook name="navigation_tabs_members">
                        <li><a href="{xen:link members}">{xen:phrase notable_members}</a></li>
                        <xen:if is="{$xenOptions.enableMemberList}"><li><a href="{xen:link members/list}">{xen:phrase registered_members}</a></li></xen:if>
                        <li><a href="{xen:link online}">{xen:phrase current_visitors}</a></li>
                        <xen:if is="{$xenOptions.enableNewsFeed}"><li><a href="{xen:link recent-activity}">{xen:phrase recent_activity}</a></li></xen:if>
                        <xen:if is="{$canViewProfilePosts}"><li><a href="{xen:link find-new/profile-posts}">{xen:phrase new_profile_posts}</a></li></xen:if>
                    </xen:hook>
                    </ul>
                </div>
            </li>
        </xen:if>
А все вкладки после это:
Код: 
        <!-- extra tabs: end -->
        <xen:if is="{$extraTabs.end}">
        <xen:foreach loop="$extraTabs.end" key="$extraTabId" value="$extraTab">
            <xen:if is="{$extraTab.linksTemplate}">
                <li class="navTab {$extraTabId} {xen:if $extraTab.selected, 'selected', 'Popup PopupControl PopupClosed'}">
          
                <a href="{$extraTab.href}" class="navLink">{$extraTab.title}<xen:if is="{$extraTab.counter}"><strong class="itemCount"><span class="Total">{$extraTab.counter}</span><span class="arrow"></span></strong></xen:if></a>
                <a href="{$extraTab.href}" class="SplitCtrl" rel="Menu"></a>
              
                <div class="{xen:if {$extraTab.selected}, 'tabLinks', 'Menu JsOnly tabMenu'} {$extraTabId}TabLinks">
                    <div class="primaryContent menuHeader">
                        <h3>{$extraTab.title}</h3>
                        <div class="muted">{xen:phrase quick_links}</div>
                    </div>
                    {xen:raw $extraTab.linksTemplate}
                </div>
            </li>
            <xen:else />
                <li class="navTab {$extraTabId} {xen:if $extraTab.selected, 'selected', 'PopupClosed'}">
                    <a href="{$extraTab.href}" class="navLink">{$extraTab.title}<xen:if is="{$extraTab.counter}"><strong class="itemCount"><span class="Total">{$extraTab.counter}</span><span class="arrow"></span></strong></xen:if></a>
                    <xen:if is="{$extraTab.selected}"><div class="tabLinks"></div></xen:if>
                </li>
            </xen:if>
        </xen:foreach>
        </xen:if>
Вот и поменяй местами :-) но лучше делать это с использованием модификаций.
Нажмите для раскрытия...

Все получилось!!! Огромное Вам спасибо за советы и помощь! :)
 
Позитивный голос 0 Негативный голос
uldosug написал(а):
А как это, с использованием модификаций?
Нажмите для раскрытия...
В режиме отладки создается модификация заменить одно на другое, здесь есть про TMS или некоторые делают дочернии стили, а так правки при обновлении послетают.
 
Позитивный голос 0 Негативный голос
Skaiman написал(а):
В режиме отладки создается модификация заменить одно на другое, здесь есть про TMS или некоторые делают дочернии стили, а так правки при обновлении послетают.
Нажмите для раскрытия...
Понял! Спасибо! :) Но, я на это не потяну... Для меня это просто хобби и... Значит при обновлении будем опять менять местами... :)
 
Позитивный голос 0 Негативный голос
Статус
В этой теме нельзя размещать новые ответы.
Современный облачный хостинг провайдер | Aéza
Контакты
ООО "АЕЗА ГРУПП" ИНН 2312304914 ОГРН 1212300056430 г. Краснодар, ул. Маяковского 160, офис 2.4

Похожие темы

evro2015
  • Вопрос
XF 2.2 Иконки Font Awesome на дефолте
Ответы
3
Просмотры
1K
evro2015
evro2015
tirpix
  • Вопрос
XF 2.2 Иконка вместо текста в префиксах2
Ответы
1
Просмотры
372
Mirovinger
M
XFI Bot
  • Статья
XenForo 2.3: Различные изменения
Ответы
4
Просмотры
2K
artscripts
artscripts
grom12
  • Вопрос
XF 1.5 Вопрос как заменить надпись форум на иконку font awesome
Ответы
4
Просмотры
1K
grom12
grom12
M
  • Статья
XenForo 2.1: Font Awesome 5, Управление кнопками редактора, поддержка Markdown и многое другое!
Ответы
18
Просмотры
4K
Captain
C
Назад
Сверху Снизу