Нужен код выпадающего меню

[andrej3337]

Подкиньте пожалуйста код (HTML и CSS) выпадающего вертикального меню навигации. Чтобы подменю выпадало снизу от основной менюшки. Только нужен код в совокупности отдельно для 2 файлов, без пошаговых инструкций. А то нашел пару источников, но их меню не работает.
Если нужен сайт где это все собираюсь сварганить, то вот он.

[Il_Burbero]

Я поставил выпадающие меню на народе и меня забанили. Выпадающие меню трудно совместимы с баннером Яндекса.
Совет: поставь себе Дримвивер и не парься, там это реализовано на уровне снипетов и виджетов, даже на базовой версии (МХ2004 и выше) без сторонних расширений.
Тебе же нужно будет привязать меню к страницам (ссылкам), код довольно большой, охота возится вручную?
Можно еще (если дримвивер неохота ставить) поставить AllWebMenu Pro. Он тупо работает только с менюшками.

[andrej3337]

Цитата: Сообщение от Il_Burbero Я поставил выпадающие меню на народе и меня забанили. Выпадающие меню трудно совместимы с баннером Яндекса. Совет: поставь себе Дримвивер и не парься, там это реализовано на уровне снипетов и виджетов, даже на базовой версии (МХ2004 и выше) без сторонних расширений. Тебе же нужно будет привязать меню к страницам (ссылкам), код довольно большой, охота возится вручную? Можно еще (если дримвивер неохота ставить) поставить AllWebMenu Pro. Он тупо работает только с менюшками.

У меня уже установлен Дримвивер но подогнать под дизайн сайта его тяжеловато, да и выпадает подменю справа. Вчера впринципе отредактировал его по цвету, подровнял и т.д. но смотрится не очень, поэтому не выложил еще на показ. А чего они банят, какое хостингу до меню дело?
Но за совет все равно спасибо. Если никто не подсобит выложу что получилось. Без этого чувствую никак. Информации на странице много, да еще в загашнике хватает, если все что есть выложить, заснеш пока ее пролистаешь всю. А так по 1 тематике мог бы разбить на несколько разделов.

[Il_Burbero]

Цитата: Сообщение от andrej3337 У меня уже установлен Дримвивер но подогнать под дизайн сайта его тяжеловато, да и выпадает подменю справа. Вчера впринципе отредактировал его по цвету, подровнял и т.д. но смотрится не очень, поэтому не выложил еще на показ. А чего они банят, какое хостингу до меню дело? Но за совет все равно спасибо. Если никто не подсобит выложу что получилось. Без этого чувствую никак. Информации на странице много, да еще в загашнике хватает, если все что есть выложить, заснеш пока ее пролистаешь всю. А так по 1 тематике мог бы разбить на несколько разделов.

Банят потому что когда я выложил с менюшкой сделанной в дриме баннер Яндекса почему то сдох (отображался криво и кусками). Я так думаю за это меня и забанили. Вообще то баннер Яндекса iFrame и дримвивервское меню работает на iFrame, два иФрейма на странице да еще под Яваскриптом это глюки...

? В смысле выпадает справа? Вообще то все параметры виджета выпадающего меню настраиваются в CSS.
Customize this widget

Position submenus
The position of Spry Menu Bar submenus is controlled by the margin property on submenu ul tags.
Locate the ul.MenuBarVertical ul or ul.MenuBarHorizontal ul rule.
Change the margin: -5% 0 0 95%; default values to the desired values.

Позиция субменю
Позиция Spry Menu Bar submenus определеяется отступами субменю в ul тэге.
Найдите ul.MenuBarVertical ul or ul.MenuBarHorizontal ul (я добавлю в файле CSS).
Измените параметры как вам угодно. Если поменяешь 95% на -95% то меню сдвинется влево.
Короче мути все параметры вывода только в CSS файле, прямо открой Меню Бар и Пропертис, выдели мышой итемс1, итемс1.1. и т.д. и верти параметры "CSS style" (все эти ul.Menu....), будешь сразу видеть результат выхода.
Ява скрипт генерится лишь для ссылок (массив) и "всплывания" подменюшек.
И потом смотрится не очень в каком браузере?

[rutsa]

Вот еще вариант:
http://www.alistapart.com/articles/dropdowns/

[romhik]

Цитата: Сообщение от rutsa Вот еще вариант: http://www.alistapart.com/articles/dropdowns/

Вот ещё вариант, только на русском
тут

[Goganick]

вертик выпад меню"]<script type="text/javascript">
var id_menu = new Array('sub_menu_1','sub_menu_2','sub_menu_3','sub_ menu_4','sub_menu_5','sub_menu_6','sub_menu_7','su b_menu_8');
function allclose() {
for (i=0; i < id_menu.length; i++){
document.getElementById(id_menu[i]).style.display = "none";
}
}
function openMenu(id){
for (i=0; i < id_menu.length; i++){
if (id != id_menu[i]){
document.getElementById(id_menu[i]).style.display = "none";
}
}
if (document.getElementById(id).style.display == "block"){
document.getElementById(id).style.display = "none";
}else{
document.getElementById(id).style.display = "block";
}
}
</script>

</head>
<body onload="allclose()">
<div id="menu_body">
<ul>
<li><a href="#" onclick="openMenu('sub_menu_1');return(false)">men u 1</a>
<ul id="sub_menu_1">
<li><a href="#">sub menu 1</a></li>
<li><a href="#">sub menu 2</a></li>
<li><a href="#">sub menu 3</a></li>
<li><a href="#">sub menu 4</a></li>
<li><a href="#">sub menu 5</a></li>
<li><a href="#">sub menu 6</a></li>
<li><a href="#">sub menu 7</a></li>
</ul>
</li>
<li><a href="#" onclick="openMenu('sub_menu_2');return(false)">men u 2</a>
<ul id="sub_menu_2">
<li><a href="#">sub menu 1</a></li>
<li><a href="#">sub menu 2</a></li>
<li><a href="#">sub menu 3</a></li>
<li><a href="#">sub menu 4</a></li>
<li><a href="#">sub menu 5</a></li>
<li><a href="#">sub menu 6</a></li>
<li><a href="#">sub menu 7</a></li>
</ul>
</li>
<li><a href="#" onclick="openMenu('sub_menu_3');return(false)">men u 3</a>
<ul id="sub_menu_3">
<li><a href="#">sub menu 1</a></li>
<li><a href="#">sub menu 2</a></li>
<li><a href="#">sub menu 3</a></li>
<li><a href="#">sub menu 4</a></li>
<li><a href="#">sub menu 5</a></li>
<li><a href="#">sub menu 6</a></li>
<li><a href="#">sub menu 7</a></li>
</ul>
</li>
</ul>
</div>

имею вот такой скриптик, как сделать так, чтоб при нажатии на например "menu 1" он тебе открывал подсписок, и переносил на другую страницу одновременно??? вот сайт сайт"]http://www.freeartists.ru/articles/web-make-up/web-make-up1.html

[fxpunter]

и мне нужно выпадающее меню

Добавлено через 2 минуты
особенно как здесь http://www.templatemonster.com/
В самом верху

[Guano]

Цитата: Сообщение от fxpunter и мне нужно выпадающее меню Добавлено через 2 минуты особенно как здесь http://www.templatemonster.com/ В самом верху

там на флеше сделано!

[Arakson]

А за флеш платить надо, так что учебник по CSS и HTML в зубы, и читать!
В каждом учебнике, как пример, есть выпадающее меню!

[lara_28]

http://www.cssplay.co.uk/menus/ - куча всяких менюшек и не только выполненных средствами css

[PhoenAlexIX]

CSS

Цитата: #menu{ float:left; margin:0; padding:0; list-style:none; } #menu li{ float:left; padding:0 7px 0 9px; } #menu li a{ float:left; font:16px/47px Georgia, "Times New Roman", Times, serif; color:#d11083; text-decoration:none; } #menu li a:hover{ color:#666; text-decoration:none; } #menu li.hover, #menu li:hover{ position:relative; } #menu li.hover ul, #menu li:hover ul{ display:block; } #menu ul{ display:none; float:left; width:119px; background:#fcf2f8; margin:0; padding:0 0 10px; border:1px solid #f7d3e8; position:absolute; left:0; list-style:none; top:40px; z-index:10; } #menu ul li{ float:left; width:119px; padding:0; margin:2px 0; background:none; } #menu ul li a{ float:left; width:93px; padding:0 13px; font:15px/20px Georgia, "Times New Roman", Times, serif; color:#666; text-decoration:none; } #menu ul li a:hover{ background:#f7d3e8; text-decoration:none; }

HTML

Цитата: <ul id="menu"> <li class="first"><a href="#">Home</a></li> <li><a href="#">Editions</a> <ul> <li><a href="#">Chennai</a></li> <li><a href="#">Delhi</a></li> <li><a href="#">Kochi</a></li> <li><a href="#">London</a></li> <li><a href="#">Los Angeles</a></li> <li><a href="#">Mumbai</a></li> <li><a href="#">New York</a></li> <li><a href="#">San Francisco</a></li> <li><a href="#">Toronto</a></li> </ul> </li> <li><a href="#">Archives</a></li> <li><a href="#">Help</a></li> </ul>

java(нужна только для того чтобы работало в IE6 и ниже)

Цитата: function initPage() { var nav = document.getElementById("menu"); if (nav) { var nodes = nav.getElementsByTagName("li"); for (var i = 0; i < nodes.length; i++) { nodes[i].onmouseover = function () { this.className += " hover"; } nodes[i].onmouseout = function () { this.className = this.className.replace(" hover", ""); } } } } if (window.attachEvent) window.attachEvent("onload", initPage);

[errante]

Навигация на CSS на многие случаи жизни 99 шт. можно выбрать ту которая больше всего нравиться
rapidshare.com/files/82666240/PRO-CSS-MENUS.rar

[Arkady347]

Очень хорошее многоуровневое меню, работающее в IE, Opera, NC, Firefox - http://java.skyteam.ru/dropdownmenu.htm - бесплатно! Легко настраивается.

Универсальное - может располагаться как вертикально, так и горизонтально. Удобство также в том, что все его содержание находится в отдельном файле, очень легко редактируемом. Во-первых, уменьшается вес страниц, во-вторых, мобильно меняется. Это очень удобно для сайтов, выполненных не на PHP, а в простой HTML верстке.

Пример работы такого меню на сайте с более чем 100 подразделами http://abirus.ru/ или здесь - http://www.joy-auto.ru/

[Leila80]

[QUOTE=Arkady347;1460386]Очень хорошее многоуровневое меню, работающее в IE, Opera, NC, Firefox - http://java.skyteam.ru/dropdownmenu.htm - бесплатно! Легко настраивается.

Добрый день, открыла ссылку, но там все по анг., а на нашем нет, я в школе испанский учила.