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

SergeyB

New member
Joined
Nov 28, 2015
Messages
18
Reaction score
7
До:


После:


Если шрифт Font Awesome у Вас не подключён.
В шаблоне PAGE_CONTAINER находим:
Code:
<head>
И ниже добавляем:
Code:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
Далее открываем шаблон navigation_visitor_tab, в нём находим:
Code:
<a href="{xen:link conversations}" rel="Menu" class="navLink NoPopupGadget">{xen:phrase inbox}
И заменяем на:
Code:
<a href="{xen:link conversations}" rel="Menu" class="navLink NoPopupGadget"><i class="fa fa-envelope-o fa-lg fa-fw"></i>
В этом же шаблоне (navigation_visitor_tab) находим:
Code:
<a href="{xen:link account/alerts}" rel="Menu" class="navLink NoPopupGadget">{xen:phrase alerts}
И заменяем на:
Code:
<a href="{xen:link account/alerts}" rel="Menu" class="navLink NoPopupGadget"><i class="fa fa-flag-o fa-lg fa-fw"></i>
Опять же, в этом же шаблоне (navigation_visitor_tab) находим:
Code:
<a href="{xen:link account}" class="navLink accountPopup NoPopupGadget" rel="Menu"><strong class="accountUsername">{$visitor.username}</strong>
И заменяем на:
Code:
<a href="{xen:link account}" class="navLink accountPopup NoPopupGadget" rel="Menu"><strong class="accountUsername"><i class="fa fa-user fa-lg fa-fw"></i></strong>
По аналогии Вы можете добавить свои иконки, разберём на примере "Входящие":
Открываем шаблон navigation_visitor_tab, в нём находим:
Code:
<a href="{xen:link conversations}" rel="Menu" class="navLink NoPopupGadget">{xen:phrase inbox}
И заменяем на:
Code:
<a href="{xen:link conversations}" rel="Menu" class="navLink NoPopupGadget"><img class="navimg" src="Ваша_иконка.png">
 
Top