Тематика: По цвету: Красный Желтый Зеленый Синий Оранжевый Розовый Серый Белый Черный Мульти

Ваш сайт на CMS Joomla? Добавьте его в галерею Joomfans!

Вы можете совершенно бесплатно добавить ваш веб-сайт в нашу галерею сайтов. Подробнее...

Галерея Добавить

  • Страница:
  • 1
  • 2
  • 3
  • 4

ТЕМА: Как на уровне шаблона сделать меню?

Как на уровне шаблона сделать меню? 6 года, 3 мес. назад #550

Как на уровне шаблона сделать меню? какие скрипты использовать ?
  • pikkk
  • Вне сайта
  • Senior Boarder
  • Постов: 63
  • Репутация: 0

Re: Как на уровне шаблона сделать меню? 6 года, 3 мес. назад #551

pikkk написал:
Как на уровне шаблона сделать меню?


В смысле? Что значит на уровне шаблона?

Если модуль со своим отображением, то в принципе ничего сложного. Меню любое - сообщество списков (ul и li ). Т.е. создается модульная позиция "menu" например, и она окружается div блоком определенного класса, на этот класс в ксс прописаны свойства отображения ul и li, по желанию можно еще вдобавок подключить какойнибудь js скрипток, который добавит визуальных эфектов для меню.
  • StAtiC
  • Вне сайта
  • Moderator
  • Постов: 253
  • Репутация: 15

Re: Как на уровне шаблона сделать меню? 6 года, 3 мес. назад #552

вот меня интересует какие скрипты возможно подключить и какой код прописать в index.php
  • pikkk
  • Вне сайта
  • Senior Boarder
  • Постов: 63
  • Репутация: 0

Re: Как на уровне шаблона сделать меню? 6 года, 3 мес. назад #553

Такс, если по порядку, то:

Прописываем новую модульную позицию , например "menu" в templateDetails.xml
Среди позиций дописываем в список.
<position>menu</position>

Создаем в ксс класс div блока, который будет определять внешний вид.

Далее в код шаблона вставляем в нужном месте код:

   <?php if($this->countModules('menu')) { ?>

     <div class="созданый_класс_модуля">

          <jdoc:include type="module" name="menu" />

     </div>

   <?php } ?>


Насчет js скриптов надо определяться, например существуют муу-меню, дроп-даун меню, мега-меню от джумл арта, простейшее саккет фишь меню.

Вообще советовал бы выдернуть из Гавиковских шаблонов меню. там в принципе просто, соответствующее ксс + js + фрагменты кода.
  • StAtiC
  • Вне сайта
  • Moderator
  • Постов: 253
  • Репутация: 15

Re: Как на уровне шаблона сделать меню? 6 года, 3 мес. назад #561

Хотелось бы все три меня сразу возможно ли это ? и как это организовать ?
  • pikkk
  • Вне сайта
  • Senior Boarder
  • Постов: 63
  • Репутация: 0

Re: Как на уровне шаблона сделать меню? 6 года, 3 мес. назад #562

В начале документа прописал
<?php 

include('scripts/php/menu.php');
?> 

в тегах head подключил скрипт и css
<link href="<?php echo $template_baseurl; ?>/css/suckerfish.css" rel="stylesheet" media="all" type="text/css" />


<?php if($this->params->get("menutype", "moomenu") == "moomenu") : ?><script type="text/javascript" src="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template?>/scripts/menu.php?width=<?php echo $this->params->get("menu_width", 1); ?>&amp;height=<?php echo $this->params->get("menu_height", 1); ?>&amp;opacity=<?php echo $this->params->get("menu_opacity", 1); ?>&amp;animation=<?php echo $this->params->get("menu_animation", 1); ?>&amp;speed=<?php echo $this->params->get("menu_speed", 500); ?>"></script><?php endif; ?>


позиция выглядит так


 <div id="menu">
					<div id="horiz-menu">
						<?php echo $main_navigation;?>
					</div>


в xml добавил

<param type="spacer" default="Menu parameters" />
            
			<param name="menutype" type="list" default="moomenu" label="Menu type" description="Main menu type">
            	<option value="moomenu">MooMenu</option>
            	<option value="suckerfish">Suckerfish menu</option>
            	<option value="standard">Standard menu</option>
            </param>
            
			<param name="menuname" type="text" default="mainmenu" label="Menu name" description="Name of menu to load" />
  			
	        <param name="menu_speed" type="text" default="500" label="Menu speed" description="Speed of menu animation" />
            
			<param name="menu_animation" type="list" default="1" label="Menu animation" description="Select type of menu animation transition">
	            <option value="1">linear</option>
	            <option value="2">Quad.easeIn</option>
	            <option value="3">Quad.easeOut</option>
	            <option value="4">Quad.easeInOut</option>
	            <option value="5">Cubic.easeIn</option>
	            <option value="6">Cubic.easeOut</option>
	            <option value="7">Cubic.easeInOut</option>
	            <option value="8">Quart.easeIn</option>
	            <option value="9">Quart.easeOut</option>
	            <option value="10">Quart.easeInOut</option>
	            <option value="11">Quint.easeIn</option>
	            <option value="12">Quint.easeOut</option>
	            <option value="13">Quint.easeInOut</option>
	            <option value="14">Pow.easeIn</option>
	            <option value="15">Pow.easeOut</option>
	            <option value="16">Pow.easeInOut</option>
	            <option value="17">Expo.easeIn</option>
	            <option value="18">Expo.easeOut</option>
	            <option value="19">Expo.easeInOut</option>
	            <option value="20">Circ.easeIn</option>
	            <option value="21">Circ.easeOut</option>
	            <option value="22">Circ.easeInOut</option>
	            <option value="23">Sine.easeIn</option>
	            <option value="24">Sine.easeOut</option>
	            <option value="25">Sine.easeInOut</option>
	            <option value="26">Back.easeIn</option>
	            <option value="27">Back.easeOut</option>
	            <option value="28">Back.easeInOut</option>
	            <option value="29">Bounce.easeIn</option>
	            <option value="30">Bounce.easeOut</option>
	            <option value="31">Bounce.easeInOut</option>
	            <option value="32">Elastic.easeIn</option>
	            <option value="33">Elastic.easeOut</option>
	            <option value="34">Elastic.easeInOut</option>
            </param>
            
			<param name="menu_width" type="list" default="1" label="Menu width animation" description="Use width animation in menu">
            	<option value="1">Enabled</option>
            	<option value="0">Disabled</option>
            </param>
            
			<param name="menu_height" type="list" default="1" label="Menu height animation" description="Use height animation in menu">
            	<option value="1">Enabled</option>
            	<option value="0">Disabled</option>
            </param>
            
			<param name="menu_opacity" type="list" default="1" label="Menu opacity animation" description="Use opacity animation in menu">
            	<option value="1">Enabled</option>
            	<option value="0">Disabled</option>
            </param>


меню вывелось, но вывелось простое, такое чувство что скрипт не работает или что-то(( что я не так сделал ?
  • pikkk
  • Вне сайта
  • Senior Boarder
  • Постов: 63
  • Репутация: 0
  • Страница:
  • 1
  • 2
  • 3
  • 4
Время создания страницы: 0.39 секунд