Графическое меню, где вместо текстовых ссылок - изображения — различия между версиями
Материал из Umicms
Sv (обсуждение | вклад) |
Mad grant (обсуждение | вклад) |
||
(не показаны 2 промежуточные версии 2 участников) | |||
Строка 2: | Строка 2: | ||
'''1.''' Замените в шаблоне вывода меню (шаблоны меню располагаются в директории '''~/tpls/content/menu/''') макрос | '''1.''' Замените в шаблоне вывода меню (шаблоны меню располагаются в директории '''~/tpls/content/menu/''') макрос | ||
+ | <source lang="html4strict"> | ||
%text% | %text% | ||
+ | </source> | ||
в блоках вывода неактивных элементов ('''['menu_line_levelХ']''') на | в блоках вывода неактивных элементов ('''['menu_line_levelХ']''') на | ||
+ | <source lang="html4strict"> | ||
<img src="%menu_pic_ua%"> | <img src="%menu_pic_ua%"> | ||
+ | </source> | ||
а в блоках вывода активных элементов ('''['menu_line_levelХ_a']''') на | а в блоках вывода активных элементов ('''['menu_line_levelХ_a']''') на | ||
+ | <source lang="html4strict"> | ||
<img src="%menu_pic_a%"> | <img src="%menu_pic_a%"> | ||
+ | </source> | ||
Строка 15: | Строка 21: | ||
== Пример: == | == Пример: == | ||
− | < | + | <source lang="php"> |
<?php | <?php | ||
Строка 37: | Строка 43: | ||
?> | ?> | ||
− | </ | + | </source> |
+ | [[Категория:Верстка в TPL]] |
Текущая версия на 21:11, 4 июня 2013
Для возможности добавления в меню изображений вместо текстовых ссылок существуют поля "Изображение неактивного раздела" и "Изображение активного раздела", которые находятся в окне редактирования страницы в секции "Дополнительные параметры"[1]
1. Замените в шаблоне вывода меню (шаблоны меню располагаются в директории ~/tpls/content/menu/) макрос
%text%
в блоках вывода неактивных элементов (['menu_line_levelХ']) на
<img src="%menu_pic_ua%">
а в блоках вывода активных элементов (['menu_line_levelХ_a']) на
<img src="%menu_pic_a%">
2. При редактировании страницы загрузите изображения в соответствующие поля ("Изображение неактивного раздела" и "Изображение активного раздела")
Пример:
<?php
$FORMS = Array();
$FORMS['menu_block_level1'] = <<<END
<ul>
%lines%
</ul>
END;
$FORMS['menu_line_level1'] = <<<END
<li><a href="%link%"><img src="%menu_pic_ua%"></a></li>
END;
$FORMS['menu_line_level1_a'] = <<<END
<li><a href="%link%"><img src="%menu_pic_a%"></a></li>
END;
?>