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

Добавляем иконки в навигационные вкладки

Обзор Обновления (4) Отзывы (2) Обсуждение
Hope

Hope

Premium
Сообщения
48,318
Решения
22
Реакции
71,959
Баллы
40,905
Пользователь Hope разместил новый ресурс:

Добавляем иконки в навигационные вкладки - Добавляем иконки в навигационные вкладки.



Открываем шаблон PAGE_CONTAINER и в районе <head> добавляем:
Код: 
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">


В шаблоне navigation находим:
Код: 
<ul class="secondaryContent blockLinksList">
                    <xen:hook name="navigation_tabs_forums">
                        <xen:if...
Нажмите для раскрытия...

Узнать больше об этом ресурсе...
 
А как собственно свои иконки добавить?
 
По аналогии, заменяя нужный код из инструкции на адреса своих иконок.
 
Hope, А где в инструкции указываются ссылки?Просмотрев код,не увидел ссылки..
 
Код: 
<xen:if is="{$visitor.user_id}"><li><a href="{xen:link 'forums/-/mark-read', $forum, 'date={$serverTime}'}" class="OverlayTrigger"><i class="icon-eye-open" style="padding-right: 3px;"></i>{xen:phrase mark_forums_read}</a></li></xen:if>
Код: 
<i class="icon-eye-open" style="padding-right: 3px;"></i>
 
Ёпа мать, я же указал:
Код: 
<i class="icon-eye-open" style="padding-right: 3px;"></i>
 
Пользователь Hope обновил ресурс Добавляем иконки в навигационные вкладки новой записью:

Добавлены иконки для менеджера ресурсов

Открываем шаблон resources_tab_links и всё его содержимое заменяем на:
Код: 
<ul class="secondaryContent blockLinksList">
    <xen:if is="{$canSearch}"><li><a href="{xen:link search, '', 'type=resource_update'}"><i class="icon-search" style="padding-right: 3px;"></i>{xen:phrase search_resources}</a></li></xen:if>
    <li><a href="{xen:link resources/authors}"><i class="icon-star" style="padding-right: 3px;"></i>{xen:phrase most_active_authors}</a></li>
    <xen:if is="{$visitor.user_id}...
Нажмите для раскрытия...

Узнать больше об этом обновлении...
 
Заменил на локальную ссылку. Вот эти иконки отображаются. А вот эти не хотят. Хотя в меню ссылки сдвинулись, ну тоесть как бы освободилось место под иконки, но самих иконок нет. Вы не могли бы посмотреть что не так. Я лишь внес изменения в шаблоне navigation
 
Пользователь Mirovinger обновил ресурс Добавляем иконки в навигационные вкладки новой записью:

FA 4.1.0

Модификация приведена в актуальное состояние для FA 4.1.0.
Исправления касаются изменения синтаксиса в новой версии FA 4.1.0.


Открываем шаблон PAGE_CONTAINER и в районе <head> добавляем:
Код: 
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">


В шаблоне navigation находим:
Код: 
<ul...
Нажмите для раскрытия...

Узнать больше об этом обновлении...
 
  • Мне нравится
Реакции: Hope
Так же как и для обычной, за исключением , что в новой версии изменился класс.
Вы точнее скажите, что нужно.
 
  • Мне нравится
Реакции: Hope
Mirovinger написал(а):
Вы точнее скажите, что нужно.
Нажмите для раскрытия...
Точнее:
Существует 2 способа подключения иконок Font Awesome:
1. Внешний. Иконки подгружаются с сервера
У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация
.
Подключается таким кодом в PAGE_CONTAINER:
Код: 
<link href="//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
2. Локальный. Иконки подгружаются со своего сервера (сайта).
Подключается таким кодом в PAGE_CONTAINER:
Код: 
<link rel="stylesheet" href="//мойсайт.ру/font-awesome/css/font-awesome.min.css">

При подключении иконок первым способом иконки в шаблоне "navigation" прописываются так:
Код: 
<i class="icon-eye-open" style="padding-right: 3px;"></i>
А теперь вопрос:
Как подключить иконки, если FontAwesome установлен локально (вторым способом)?
 
Последнее редактирование:
Ответ я дал выше.
Mirovinger написал(а):
Так же как и для обычной, за исключением , что в новой версии изменился класс.
Нажмите для раскрытия...
То есть, код тот же, за исключением что в старой версии FA 3.x код был таков:
<i class="icon-eye-open" style="padding-right: 3px;"></i>
Нажмите для раскрытия...
А с версии FA 4.x такой:
<i class="fa fa-eye" style="padding-right: 3px;"></i>
Нажмите для раскрытия...
В итоге, это будет та же иконка глаза.

То есть, вам просто нужно использовать тот код, который я актуализировал в последнем обновлении.
 
Mirovinger написал(а):
Ответ я дал выше.

То есть, код тот же, за исключением что в старой версии FA 3.x код был таков:

А с версии FA 4.x такой:

В итоге, это будет та же иконка глаза.

То есть, вам просто нужно использовать тот код, который я актуализировал в последнем обновлении.
Нажмите для раскрытия...
Ну вот, теперь всё встало на свои места! :thumbsup:

Для того, чтобы сделать иконки для навигационных вкладок и на портале (XenPorta), ищем шаблон EWRporta_Navtabs и заменяем его содержимое на это:
Код: 
<ul class="secondaryContent blockLinksList">
    <xen:if is="{$visitor.user_id}"><li><a href="{xen:link 'watched/threads'}"><i class="fa fa-comments-o" style="padding-right: 3px;"></i>{xen:phrase watched_threads}</a></li></xen:if>
    <li><a href="{xen:link 'recent-activity'}"><i class="fa fa-fire" style="padding-right: 3px;"></i>{xen:phrase recent_activity}</a></li>
    <li><a href="{xen:link 'find-new/threads'}"><i class="fa fa-star-o" style="padding-right: 3px;"></i>{xen:phrase whats_new}</a></li>
    <li><a href="{xen:link 'help'}"><i class="fa fa-flag-o" style="padding-right: 3px;"></i>{xen:phrase help}</a></li>
    <xen:if is="{$perms.custom}">
        <li style="width: 50px; height: 10px;"></li>
        <li><a href="{xen:link 'portal/blocks'}">{xen:phrase customize_this_page}</a></li>
    </xen:if>
</ul>
 
Модификация не совместима с дополнением "история"
 
Может, шаблоны меняются со временем, но не вижу в этом проблему, при желании, можно всё подогнать, на то она и модификация.
 
Войдите или зарегистрируйтесь для ответа.
Современный облачный хостинг провайдер | Aéza
Контакты
ООО "АЕЗА ГРУПП" ИНН 2312304914 ОГРН 1212300056430 г. Краснодар, ул. Маяковского 160, офис 2.4

Похожие темы

Tommi
  • Решено
XF 2.2 Конфликт кнопки "Поделиться в X (Twitter)" с html страницей
Ответы
4
Просмотры
153
LazyMazur
LazyMazur
lames
  • Закрыта
  • Решено
XF 2.2 Ошибка при нажатии на кнопки регистрация и вход
Ответы
5
Просмотры
1K
lames
lames
TechSide
  • Закрыта
  • Решено
XF 2.2 Не отключаются модификации шаблона
Ответы
6
Просмотры
421
TechSide
TechSide
IlyaPep
Добавляем иконки в staffbar
Ответы
19
Просмотры
1K
West14
West14
CoplandTech
Перемещаем взаимодействие с пользователем под аватар
Ответы
0
Просмотры
568
CoplandTech
CoplandTech
Назад
Сверху Снизу