помогите с выпадающим меню

[lamaka]

Этот код выводит выподающее меню:
page.10 = HMENU
page.10.1 = GMENU_LAYERS
page.10.1 {
layerStyle = position:absolute;left:0px;top:30px;width:10px;VIS IBILITY:hidden;
xPosOffset =-10
lockPosition = x
expAll=1
NO {
backColor = #FFFFFF
XY = [10.w]+20, 14
10 = TEXT
10.text.field = title
10.offset = 5,10
}
}
page.10.2 = GMENU
page.10.2.wrap = |<BR>
page.10.2.NO {
backColor = #cccccc
XY = 120, 14
10 = TEXT
10.text.field = title
10.offset = 5,10
}

мне нужно, что бы выводилось меню с помощью этих маркеров:
<!-- ###menuleftcol### begin -->
<!-- ###menuleftcol### end-->

тойсть как я понял нужно сделать следующее:
#menu
temp.menu_1 = HMENU
temp.menu_1.1 = GMENU_LAYERS
temp.menu_1.1 {
layerStyle = position:absolute;left:0px;top:30px;width:10px;VIS IBILITY:hidden;
xPosOffset =-10
lockPosition = x
expAll=1
NO {
backColor = #FFFFFF
XY = [10.w]+20, 14
menu_1 = TEXT
menu_1.text.field = title
menu_1.offset = 5,10
}
}
temp.menu_1.2 = GMENU
temp.menu_1.2.wrap = |<BR>
temp.menu_1.2.NO {
backColor = #cccccc
XY = 120, 14
menu_1 = TEXT
menu_1.text.field = title
menu_1.offset = 5,10
}

и прописать
page.includeLibs.gmenu_layers = media/scripts/gmenu_layers.php
и
subparts.menuleftcol< temp.menu_1

вот только в этом сдучае меню нет..что не так?

заранее спасибо!

[void]

Может, проще использовать готовый сниппет? (http://www.rvantwisk.nl/typo3-snippets/gmenu-based-yasbddm.html)

[lamaka]

по моему это тоже стандартный способ, только в чем же ошибка.
если делать 1м способом, то не выводится текст для других маркеров, тойсть например (subparts.content < styles.content.get)
<!-- ###content### begin -->
<!-- ###content### end-->
если 2м, то не выводится само меню но выводится текст.

[javaPro]

Может, проще использовать готовый сниппет? (http://www.rvantwisk.nl/typo3-snippets/gmenu-based-yasbddm.html)

А как это меню заставить отображаться на странице если я использую TV (в шаблоне замапил вот так: lib.top_nav)?

[PhilD]

lib.top_nav < temp.menu_1 или просто везде заменить temp.menu_1 на lib.top_nav

[javaPro]

За эту подсказку огромное спасибо!

Использую на сайте вот этот ТС код для меню:
# Top Navigation
temp.mainmenu = HMENU
temp.mainmenu.1 = TMENU
temp.mainmenu.1 {
expAll = 1
NO.ATagTitle.field = title
wrap = <UL id=nav> | </UL>
NO.wrapItemAndSub = <LI> | </LI>
ACT = 1
ACT.wrapItemAndSub = <LI class=sel> | </LI>
ACT.ATagTitle.field = title
}

temp.mainmenu.2 = TMENU
temp.mainmenu.2 {
expAll = 1
NO.ATagTitle.field = title
wrap = <UL id=level1> | </UL>
NO.wrapItemAndSub = <LI> | </LI>
ACT = 1
ACT.wrapItemAndSub = <LI class=sel> | </LI>
ACT.ATagTitle.field = title
}

temp.mainmenu.3 = TMENU
temp.mainmenu.3 {
expAll = 1
NO.ATagTitle.field = title
wrap = <UL id=level2> | </UL>
NO.wrapItemAndSub = <LI> | </LI>
ACT = 1
ACT.wrapItemAndSub = <LI class=sel> | </LI>
ACT.ATagTitle.field = title
}

lib.mainMenu < temp.mainmenu

Подскажите, как мне можно разделить пункты первого уровня меню при помощи "|" вот такой палки? (именно чтоб она разделяля на самой странице)

[PhilD]

<LI> | </LI> &#_124 подчеркивание уберите

[javaPro]

После того как я прописал эту строчку вот что получилось (ниже скрин)

http://img224.imageshack.us/img224/8206/screen3fb8.th.gif (http://img224.imageshack.us/my.php?image=screen3fb8.gif)

А вот код:
# Top Navigation
temp.mainmenu = HMENU
temp.mainmenu.1 = TMENU
temp.mainmenu.1 {
expAll = 1
NO.ATagTitle.field = title
wrap = <UL id=nav> | </UL>
NO.wrapItemAndSub = <LI> | </LI> &# 124
ACT = 1
ACT.wrapItemAndSub = <LI class=sel> | </LI>
ACT.ATagTitle.field = title
}

temp.mainmenu.2 = TMENU
temp.mainmenu.2 {
expAll = 1
NO.ATagTitle.field = title
wrap = <UL id=level1> | </UL>
NO.wrapItemAndSub = <LI> | </LI>
ACT = 1
ACT.wrapItemAndSub = <LI class=sel> | </LI>
ACT.ATagTitle.field = title
}

temp.mainmenu.3 = TMENU
temp.mainmenu.3 {
expAll = 1
NO.ATagTitle.field = title
wrap = <UL id=level2> | </UL>
NO.wrapItemAndSub = <LI> | </LI>
ACT = 1
ACT.wrapItemAndSub = <LI class=sel> | </LI>
ACT.ATagTitle.field = title
}

lib.mainMenu < temp.mainmenu

[PhilD]

там не должно быть пробела, 124 - CHR-код |

[javaPro]

Пробел убрал, теперь показывает "|", но по прежнему под пунктом меню а не возле него :(

[javaPro]

Неужели ни кто не знает как это сделать?

[PhilD]

ну внутрь li уберите

[javaPro]

К сожелению тоже не помогает!
Строчка по прежнему соскакивает.

Может попробовать другое меню? Если да, то подскажите какое? Обязательно должно быть горизонтальное выпадающее.

[PhilD]

покажите код (HTML+CSS) меню.

[javaPro]

Меню использовано вот это: http://www.mcuniverse.com/Horizontal-Bulletlist-Menu.57.0.html

CSS и пример HTML кода находятся тоже там :)

В самом CSS я поменял только настройки цветов, при этом даже не менял/удалял параметры. (Сделал только чтоб "кнопки" были прозрачные и без рамки)

[PhilD]

#nav li {white-space:nowrap;} навскидку как-то так

[javaPro]

#nav li {white-space:nowrap;} навскидку как-то так

К сожелению и это не помогает :(

[PhilD]

#nav li a {float:left;}, короче, правьте CSS, Огнелис + Жук-пожарник в помощь :)

[javaPro]

а есть еще какое нибудь горизонтальное меню? если есть то посоветуйте какое и где его можно взять :)

п.с. но это меню буду пытаться всё равно настроить, если получится напишу чего сделал :)

п.с.2. PhilD Спасибо вам за то что пытаетесь помочь!

[PhilD]

cssplay.co.uk - дофига :) если с автором договоритесь. даже яваскипт не нужен.
По этому меню - нужный результат я получил прямым редактированием кода в Firebug примерно так - вставил после ссылки |, увеличил ширину li, прописал ссылке float, саму ссылку вместе с | завернул в div (внутри li). В общем, результат вполне достижим, поэкспериментируйте с CSS и кодом напрямую, потом подгоните TS.

[javaPro]

Еще раз спасибо! Поиграюсь с настройками :)

п.с. а где можно взять Firebug?

[PhilD]

http://getfirebug.com/