Графическое меню, где вместо текстовых ссылок - изображения — различия между версиями

Материал из Umicms
Перейти к:навигация, поиск
 
(не показаны 3 промежуточные версии 3 участников)
Строка 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="text">
+
<source lang="php">
 
<?php
 
<?php
  
Строка 38: Строка 44:
 
?>
 
?>
 
</source>
 
</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;

?>