5 комментариев

avatar
CSS
В виде примера первая кнопка.
#nav .nav-main li.nav_blog {
background: url(http://njournal.ru/templates/skin/Light/images/pencil.png) no-repeat;
}

А в шаблоне пишете так. 
<li class="nav_blog"><a href="http://njournal.ru/blog/">Блоги</a></li>

Т.е., я не программер, но последовательность такая:
1. В css-файле создаете для каждой иконки класс, в котором указываете картинку иконки, она у вас должна быть заранее залита на сайт
li.nav_blog {
background: url(http://njournal.ru/templates/skin/Light/images/pencil.png) no-repeat;
}

Потом в вашем шаблоне, там где меню указываете тег li и указываете его класс 
<li class="nav_blog">

Делаете это ссылкой при помощи тега 
<а href=....>

В общем это просто, единственно что в шаблоне найдите нужное место и оформите по аналогии.
avatar
Вообще запускайте фаербуг в FF и выдирайте куски CSS какие нужны.
avatar
спасибо за ответы, завтра попробую сделать, и отпишусь
avatar
в шаблоне заменил это:
<li {if $sMenuHeadItemSelect=='blog'}class="active"{/if}><a href="{router page='blog'}">{$aLang.blogs}</a></li>

на это:
<li class="nav_blog">
			<a href="http://ссылка/blog/">Блоги</a></li>

В сss вставил
#nav .nav-main li.nav_blog {background:url ссылка) no-repeat;}

картинка не появилась, использую локалхост.
avatar
Чисто теоретически должно б было сработать если в css всё верно. 
<li {if $sMenuHeadItemSelect=='blog'}class="nav_blog"{/if}><a href="{router page='blog'}">{$aLang.blogs}</a></li>
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.