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

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

Версия 13:37, 12 января 2010

Для возможности добавления в меню изображений вместо текстовых ссылок существуют поля "Изображение неактивного раздела" и "Изображение активного раздела", которые находятся в окне редактирования страницы в секции "Дополнительные параметры"[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;

?>
Источник — «https://wiki.umisoft.ru/index.php?title=Графическое_меню,_где_вместо_текстовых_ссылок_-_изображения&oldid=616»