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

Hope · 5 Сен 2013

Пользователь Hope разместил новый ресурс:

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

Код:
Посмотреть вложение 6479 Посмотреть вложение 6480 Посмотреть вложение 6481 Посмотреть вложение 6482

Открываем шаблон 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...

Узнать больше об этом ресурсе...

NuBiK · 6 Сен 2013

А как собственно свои иконки добавить?

Hope · 6 Сен 2013

По аналогии, заменяя нужный код из инструкции на адреса своих иконок.

NuBiK · 6 Сен 2013

Hope, А где в инструкции указываются ссылки?Просмотрев код,не увидел ссылки..

Hope · 6 Сен 2013

Код:

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

NuBiK · 6 Сен 2013

Hope, Это я видел,из кода я понял что там указывается ссылку на страницу на которой будет отображаться иконка

Hope написал(а):
forums/-/mark-read

Ну и размер её.

Hope написал(а):
padding-right: 3px

Я хочу узнать где находится иконка..

Hope · 6 Сен 2013

Ёпа мать, я же указал:

Код:

<i class="icon-eye-open" style="padding-right: 3px;"></i>

Hope · 7 Сен 2013

Пользователь Hope обновил ресурс Добавляем иконки в навигационные вкладки новой записью:

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

Код:
Открываем шаблон resources_tab_links и всё его содержимое заменяем на:

Код:

<ul class="secondaryContent blockLinksList"> <xen:if is="{$canSearch}"><li><a href="{xen:link search, '', 'type=resource_update'}">{xen:phrase search_resources}</a></li></xen:if> <li><a href="{xen:link resources/authors}">{xen:phrase most_active_authors}</a></li> <xen:if is="{$visitor.user_id}...

Узнать больше об этом обновлении...

A1ex · 31 Июл 2014

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

Mirovinger · 31 Июл 2014

Пользователь Mirovinger обновил ресурс Добавляем иконки в навигационные вкладки новой записью:

FA 4.1.0

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

Посмотреть вложение 6479 Посмотреть вложение 6480 Посмотреть вложение 6481 Посмотреть вложение 6482

Открываем шаблон PAGE_CONTAINER и в районе <head> добавляем:

Код:

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">

В шаблоне navigation находим:

Код:

<ul...

Узнать больше об этом обновлении...

kaz · 29 Авг 2014

Hope написал(а):
Ёпа мать, я же указал:

Код:



И каким образом сюда втыкать юникод локальной иконки? :confused:

Mirovinger · 29 Авг 2014

Так же как и для обычной, за исключением , что в новой версии изменился класс.
Вы точнее скажите, что нужно.

kaz · 29 Авг 2014

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 · 29 Авг 2014

Ответ я дал выше.

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

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

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

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

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

kaz · 5 Сен 2014

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>

xsacha · 3 Окт 2014

Модификация не совместима с дополнением "история"

kaz · 3 Окт 2014

xsacha написал(а):
Модификация не совместима с дополнением "история"

Что ещё за «история»? :confused:

xsacha · 3 Окт 2014

http://xenforo.info/threads/history.3259/#post-61537
Дополнение History

kaz · 3 Окт 2014

xsacha написал(а):
http://xenforo.info/threads/history.3259/#post-61537
Дополнение History

А как модификация может быть несовместима? Это же просто отображение иконок... :cautious:

Mirovinger · 3 Окт 2014

Может, шаблоны меняются со временем, но не вижу в этом проблему, при желании, можно всё подогнать, на то она и модификация.

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

Hope

NuBiK

Hope

NuBiK

Hope

NuBiK

Hope

Hope

A1ex

Mirovinger

kaz

Mirovinger

kaz

Mirovinger

kaz

xsacha

kaz

xsacha

kaz

Mirovinger

Похожие темы

Мы ценим вашу конфиденциальность