Заменяем имя пользователя, "Входящие" и "Оповещения" иконками

Заменяем имя пользователя, "Входящие" и "Оповещения" иконками

Hope

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

Заменяем имя пользователя, "Входящие" и "Оповещения" иконками - Заменяем имя пользователя, "Входящие" и "Оповещения" иконками.

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

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


В шаблоне PAGE_CONTAINER находим:
Код:
<head>


И ниже добавляем:
Код:
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">


Далее открываем шаблон navigation_visitor_tab, в нём находим:
Код:
<a href="{xen:link conversations}" rel="Menu" class="navLink NoPopupGadget">{xen:phrase inbox}


И заменяем на:
Код:
<a href="{xen:link...

Узнать больше об этом ресурсе...
 
А как убрать слова Входящие , уведомления и имя па.png а значки оставить. у меня шаблон со встроенными значками
 
Мне кажется для оповещений колокольчик fa-bell-o будет более логично, у себя именно так и сделал, и вместо имени лучше fa-user, тк при адаптивном просмотре на мобиле длинное имя может просто не влезть и будет потеряна менюшка пользователя.
Но как говорится у каждого свои ......:-)
А вообще юзеров с именем более 10 символов надо отправлять на Колыму в пожизненный бан, чтобы дизайн не страдал :-D
 
Последнее редактирование:
Инфо вижу устаревшее( Как поменять имя пользователя на икону?

Меняю это
<a href="{xen:link account}" class="navLink accountPopup NoPopupGadget" rel="Menu"><strong class="accountUsername">{$visitor.username}</strong>
На это
<a href="{xen:link account}" class="navLink accountPopup NoPopupGadget" rel="Menu"><i class="fa fa-envelope fa-lg fa-large fa-fixed-width"></i>
Не работает(

Подскажите как правильно?
 
  • Мне нравится
Реакции: Hope
Все равно имя пользователя не меняется. Из за чего это может быть?
Снимок экрана 2015-07-31 в 7.02.25.png
 
Возможно конфликт модификаций, так как у Вас она не применяется.
Если всё делалось верно, то должно работать, проверялось.
 
  • Мне нравится
Реакции: Hope
Изменил
{$visitor.username}</strong>
на
<i class="fa fa-user fa-lg fa-large fa-fixed-width"></i></strong>
Работает!

Как сделать отступ иконки вниз? почему то иконка пользователя расположена на 2px выше.
Пробовал такой вариант не работает
<i class="fa fa-user fa-lg fa-large fa-fixed-width style="padding-top: 0px;"></i></strong>
 
<i class="fa fa-user fa-lg fa-large fa-fixed-width"></i></strong>
Прикольно Вы синтаксиса намешали.
И влепили свой синтаксис fa-large.
Позаимствовав из старой версии icon-large(icon-large (33% increase)).

fa-lg, это в новой версии FA4.x.x(fa-lg (33% increase)).

Опять же fa-fixed-width.
Позаимствовав из старой версии icon-fixed-width.

Новый синтаксис FA4.x.x.
fa-fw
Соответственно, проблема возможно из-за этого.
 
Это когда старой версии переходил на новую везде поменял icon на fa а последующие оставил как есть, сейчас исправил но иконка не спустилась

И видимо не только у меня так у вас тоже видно что первая иконка выше
https://xenforo.info/attachments/screenshot_6-png.7640/

У меня иконки чуть больше поэтому и отступ заметнее
Снимок экрана 2015-07-31 в 23.28.03.png
 
Последнее редактирование:
А как сделать чтобы они в мобильной версии всегда отображались?
 
Так они и так там будут всегда отображаться, или Вам как-то по другому нужно?
 
  • Мне нравится
Реакции: Hope
Вы точно всё по мануалу делали?
 
Вы точно всё по мануалу делали?
Да. В обычной версии (на компе) всё как нужно работает. В мобильной их не видно :( Я сейчас еще проверю, может быть поиск на них налезает - его немного сдвигали.
Но если по-умолчанию они должны быть видны в мобильной, то буду искать проблему у себя.
Спасибо!
 
С какого браузера просматриваете?
 
Тогда можно не искать, в этом браузере, они не обрабатываются, лучше замените тогда картинками.
 
  • Мне нравится
Реакции: Hope
Это конечно уже не та тема, но если подберёте картинки, но подскажу.
 
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу