Заменяем фразы в профиле пользователя на иконки

Hope · 16 Окт 2013

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

Заменяем фразы в профиле пользователя на иконки - Заменяем фразы в профиле пользователя на иконки.

Код:
До:
Посмотреть вложение 7657

После:
Посмотреть вложение 7658

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

Код:

<head>

И ниже добавляем:

Код:

<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">

Открываем шаблон member_view, в нём находим:

Код:

<li><a href="{$requestPaths.requestUri}#profilePosts">{xen:phrase profile_posts}</a></li> <xen:if is="{$showRecentActivity}"><li><a...

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

NightNegative · 18 Окт 2013

Все бы хорошо, но вот только я большой не любитель того что грузится из вне. А выдрать у меня так и не получилось:(

Hope · 18 Окт 2013

Открываем шаблон member_view, в нём находим:

Код:

<li><a href="{$requestPaths.requestUri}#profilePosts">{xen:phrase profile_posts}</a></li>
                <xen:if is="{$showRecentActivity}"><li><a href="{$requestPaths.requestUri}#recentActivity">{xen:phrase recent_activity}</a></li></xen:if>
                <li><a href="{$requestPaths.requestUri}#postings">{xen:phrase postings}</a></li>
                <li><a href="{$requestPaths.requestUri}#info">{xen:phrase information}</a></li>

И заменяем на:

Код:

<li><a href="{$requestPaths.requestUri}#profilePosts"><img class="navimg" src="Ваша_иконка.png"></a></li>
                <xen:if is="{$showRecentActivity}"><li><a href="{$requestPaths.requestUri}#recentActivity"><img class="navimg" src="Ваша_иконка.png"></a></li></xen:if>
                <li><a href="{$requestPaths.requestUri}#postings"><img class="navimg" src="Ваша_иконка.png"></a></li>
                <li><a href="{$requestPaths.requestUri}#info"><img class="navimg" src="Ваша_иконка.png"></a></li>

NightNegative · 18 Окт 2013

Это понятно. Я так же хотел заполучить себе эти самые иконки:)
Придется искать или рисовать самому, скорее всего закажу.
Посмотрим что выйдет, сделаю покажу.

Mirovinger · 19 Окт 2013

NightNegative написал(а):
Я так же хотел заполучить себе эти самые иконки:)

Хотите, пожалуйста, только они в формате

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

, так что просто так их не взять.
Но вы можете загрузить содержимое архива к себе в корень форума или куда вам удобнее( я загрузил так:
У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация
font-awesome).
Далее открываем шаблон PAGE_CONTAINER находим:

Код:

<head>

и в моём случае добавляем ниже такой код:

Код:

<link href="/styles/font-awesome/css/font-awesome.css" rel="stylesheet">

Открываем шаблон member_view, в нём находим:

Код:

<li><a href="{$requestPaths.requestUri}#profilePosts">{xen:phrase profile_posts}</a></li>
                <xen:if is="{$showRecentActivity}"><li><a href="{$requestPaths.requestUri}#recentActivity">{xen:phrase recent_activity}</a></li></xen:if>
                <li><a href="{$requestPaths.requestUri}#postings">{xen:phrase postings}</a></li>
                <li><a href="{$requestPaths.requestUri}#info">{xen:phrase information}</a></li>

И заменяем на:

Код:

<li><a href="{$requestPaths.requestUri}#profilePosts"><i class="icon-comments-alt icon-large icon-fixed-width"></i></a></li>
                <xen:if is="{$showRecentActivity}"><li><a href="{$requestPaths.requestUri}#recentActivity"><i class="icon-time icon-large icon-fixed-width"></i></a></li></xen:if>
                <li><a href="{$requestPaths.requestUri}#postings"><i class="icon-edit icon-large icon-fixed-width"></i></a></li>
                <li><a href="{$requestPaths.requestUri}#info"><i class="icon-info-sign icon-large icon-fixed-width"></i></a></li>

Это для примера изменил последнюю иконку "инфо" на "флаг"
И заменяем на:

Код:

<li><a href="{$requestPaths.requestUri}#profilePosts"><i class="icon-comments-alt icon-large icon-fixed-width"></i></a></li>
                <xen:if is="{$showRecentActivity}"><li><a href="{$requestPaths.requestUri}#recentActivity"><i class="icon-time icon-large icon-fixed-width"></i></a></li></xen:if>
                <li><a href="{$requestPaths.requestUri}#postings"><i class="icon-edit icon-large icon-fixed-width"></i></a></li>
                <li><a href="{$requestPaths.requestUri}#info"><i class="icon-flag icon-large icon-fixed-width"></i></a></li>

Hope · 19 Окт 2013

Ё-моё, я то думал в чём там беда... Ну уж иконки-то найти и самому можно, а не гонять стариков-админов. :-D

NightNegative · 19 Окт 2013

Mirovinger, доступ в интернет обязателен?
Или эти же векторы грузятся из css, кажется я проспал эту мат часть О_о.
Вырисовываются сами или они все же от куда то берутся...

Mirovinger · 19 Окт 2013

Доступ в интернет не обязателен, просто содержимое архива загружаете себе в удобное место в каталог форума и подключаете css, затем по аналогии как описывалось выше( подробнее о проекте набора иконок можно почитать:

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

или

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

)
В отрисовке иконок участвуют несколько файлов, основная векторная информация о построении иконок находится в SVG файле, а величиной, добавить тень и т.д. можно управлять через css.
Как-то так.

Wexler · 19 Авг 2016

эмм.. прошу прощения, но эти кнопки работают? тема 13 года ведь )
все сделал как написано, получилось:

Что из этого кода не работает? или уже есть альтернатива этому коду в виде плагина?

Mirovinger · 19 Авг 2016

Мануал нуждается в обновлении под новую версии FA 4.x.x, если не торопитесь, то обновлю через минут 30.

Wexler · 19 Авг 2016

Mirovinger, ждем-с )

Mirovinger · 19 Авг 2016

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

FA 4.6.3 & RM

Модификация приведена в актуальное состояние для FA 4.6.3.
Добавлена модификация для Менеджера Ресурсов.

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

Wexler · 19 Авг 2016

ох.. с пол часа наверное уже сижу, думаю, что за "для вкладки ресурсы"? где найти эту вкладку? )

Mirovinger · 19 Авг 2016

Это дополнение - XenForo Resource Manager, и если оно у Вас не установлено, то и не нужно.

Wexler · 19 Авг 2016

Mirovinger, нет, не установлено. но почему то, мне кажется что стоит его установить, ибо как объяснить "вот это"

Mirovinger · 19 Авг 2016

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

Wexler · 19 Авг 2016

Mirovinger, я так же думал над этим. но нет. если удалить код, который вставляется в member_view, то все становится на свои места.

Mirovinger · 19 Авг 2016

Вот такой вопрос, Вы будете утверждать, что я сфальсифицировал скрины?
Доступ можно в админку к шаблонам, если можно то в Лс.

Wexler · 19 Авг 2016

Mirovinger, нет, как такое могло в Вашу светлую голову прийти.
все отправил. жду ответа тут, где же я накосячил )

Mirovinger · 19 Авг 2016

Мне интересно, какие Вы ещё изменения делали с шаблоном?

Что он настолько отличается от оригинала.

Я пока ничего не изменял, может там важные для Вас изменения?

Заменяем фразы в профиле пользователя на иконки

Hope

NightNegative

Hope

NightNegative

Mirovinger

Вложения

Hope

NightNegative

Mirovinger

Wexler

Mirovinger

Wexler

Mirovinger

Wexler

Mirovinger

Wexler

Mirovinger

Wexler

Mirovinger

Wexler

Mirovinger

Похожие темы

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