Графическое меню, где вместо текстовых ссылок - изображения — различия между версиями
Материал из Umicms
Sv (обсуждение | вклад) (Новая страница: «<hr> <h2>Как сделать графическое меню, где вместо текстовых ссылок - изображения?</h2> Очень про…») |
Mad grant (обсуждение | вклад) |
||
(не показано 5 промежуточных версий 3 участников) | |||
Строка 1: | Строка 1: | ||
− | + | Для возможности добавления в меню изображений вместо текстовых ссылок существуют поля "Изображение неактивного раздела" и "Изображение активного раздела", которые находятся в окне редактирования страницы в секции "Дополнительные параметры"[http://help.umi-cms.ru/index.html?2293.htm] | |
− | + | ||
− | + | '''1.''' Замените в шаблоне вывода меню (шаблоны меню располагаются в директории '''~/tpls/content/menu/''') макрос | |
+ | <source lang="html4strict"> | ||
+ | %text% | ||
+ | </source> | ||
+ | в блоках вывода неактивных элементов ('''['menu_line_levelХ']''') на | ||
+ | <source lang="html4strict"> | ||
+ | <img src="%menu_pic_ua%"> | ||
+ | </source> | ||
+ | |||
+ | а в блоках вывода активных элементов ('''['menu_line_levelХ_a']''') на | ||
+ | <source lang="html4strict"> | ||
+ | <img src="%menu_pic_a%"> | ||
+ | </source> | ||
+ | |||
+ | |||
+ | '''2.''' При редактировании страницы загрузите изображения в соответствующие поля ("Изображение неактивного раздела" и "Изображение активного раздела") | ||
+ | |||
+ | |||
+ | == Пример: == | ||
+ | |||
+ | <source lang="php"> | ||
+ | <?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; | ||
+ | |||
+ | ?> | ||
+ | </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;
?>