1. Главная
  2. Блоги
  3. Блог digital_sword

YUI Menu кто-то ставил?

Главные вкладки

Комментарии

Аватар пользователя digital_sword digital_sword 16 сентября 2008 в 16:40

Да, спасибо, как у вас на картинках у меня получилось. Но если я выставляю в настройках "Website Top Nav" вместо "Website Left Nav" (а мне нужно чтобы было верхнее горизонтальное выплывающее) то в блоках оно уже не появляется :(.

И еще в "YUI Common Settings" тема стоит "yui-skin-sam", а другие темы там есть?

Аватар пользователя penexe penexe 16 сентября 2008 в 17:44

создай блок с таким кодом и юзай но только 1 блок может быть


<?php
$block_content = '<div id="yuimenu" class="yui-b">';
$block_content .= html_menu(variable_get('yuimenu_root','1'));
$block_content .= '</div>';
return $block_content;
?>
Аватар пользователя digital_sword digital_sword 16 сентября 2008 в 21:20

Да, помогло, но частично. Меню теперь выезжает вниз, но там подменю относительно друг друга расположены горизонтально. вот так.
А хочется как в примере http://developer.yahoo.com/yui/examples/menu/topnavfromjswithanim_source.html
Ты откуда взял

<div id="yuimenu" class="yui-b">

?
Мне бы этот id и класс в css засунуть.
Нашел такой код:

#yuimenu ul li {
position: relative;
z-index: 999;
background-image: none;
display: inline;
list-style-type: none;
padding-right: 10px;
}

не помогает.

Аватар пользователя penexe penexe 16 сентября 2008 в 22:11

все дело в css,
сначала модуль, а потом тема
вот стили темы перекрывают все(
надо переопределить их в теме
для гарланда добавить в конец

#header-region * {
display:normal;
line-height:normal;
margin:0;
}
#block-block-2 ul, #block-block-2 ul li {
padding:0;
margin:0;
}

block-block-2 это id блока посмотрите какой он у вас

Аватар пользователя digital_sword digital_sword 16 сентября 2008 в 23:50

У меня block-block-5, тема garland. Свой и твой код добавил в конец css темы. Не выезжает оно вниз. Подменюшки появляются внизу и расположены горизонтально Sad

Аватар пользователя digital_sword digital_sword 17 сентября 2008 в 0:50

Удалил #header-region *, вниз код добавил. Теперь подменю, как и надо, вертикально. Но основное тоже вертикально (в #header-region * была важная строчка  display: inline;
Пробовал оставить ее - не помогает). В общем есть 2 варианта меню: или и меню и выезжающее меню оба вертикальные, или оба горизонтальные. Такого http://developer.yahoo.com/yui/examples/menu/topnavfromjswithanim_source.html нет.