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

В этой статье хочу Вам показать, как вывести иконку категории слева в меню DLE всего за пару несложных действий. К тому же , в самой системе уже есть такой функционал. Нам просто останется создать новый файл с расширением (.tpl) и скопировать с основного шаблона меню в новый несколько строк подключив его в вашем шаблоне (у меня называется catmenu3.tpl).

Почему у меня их несколько? Все просто, как Вы заметили , на этом сайте несколько менюшек, у каждого своя функция и расположение . (мне так удобнее).  

Я не буду много расписывать что и как, просто покажу на примере этого сайта .

Создание нового tpl файла для меню DLE

В первую очередь, нам с вами нужно создать новый файл tpl в админ панели сайта. 

Для этого необходимо перейти в админке на вкладку ( управление шаблонами --> шаблоны сайта )

И нажать на кнопку снизу (Создать новый файл) Всплывет окошко,где нужно будет вписать название вашего шаблона для будущего меню.

Например назовем его sidebar (Обратите внимание, что при создании нового файла, расширение указывать не нужно!) 

Далее открываем пустой файл и копируем в него содержимое Вашего уже существующего меню. В нем примерно такое содержимое..

[root]<ul class="catmenu">[/root]
[item]
<li><a href="{url}">{name}</a>
[sub-prefix]<ul>[/sub-prefix]{sub-item}[sub-suffix]</ul>[/sub-suffix]
</li>
[/item]
[root]</ul>[/root]

Оно конечно может различаться в виду разнообразия шаблонов и дизайна.. Но в основном это именно такой код везде. 

Теперь нам надо добавить одну строку перед {name} . 

<img src="{icon}" style="height:20px;width:20px;margin-right:5px" border=0>

Чтобы получилось вот так..

<img src="{icon}" style="height:20px;width:20px;margin-right:5px" border=0>{name}</a>

Дальше нам остается вставить вот этот код для отображения меню в нужное место..

 {catmenu id="2,30,3,16,4,6,7,9" subcat="no" template="sidebar" cache="yes"}

Где id="  номер категории  "
template="sidebar" название шаблона меню который Вы создали

Ну и в заключении загружаете картинки для категорий , открыв пункт в меню Настройка скрипта -> Категории

Ну вот вроде и все на этом, ничего сложного,надеюсь Вам была полезна статья..