yufka
-
Posts
4 -
Joined
-
Last visited
yufka's Achievements
Explorer (1/14)
0
Reputation
-
Это вам нужно или нет? <style type="text/css"> a:focus, a:hover { color : #000000; } a { color : #000000; text-decoration : none; } #navigation { margin-bottom : 5px; text-align:center; } .subnav { color : #000000; text-align:center; } .navhead, .navhead_blank { width:98%; text-align:left; height:21px; padding-top:3px; background:url('/templates/img/greenrep.png') 0 0 repeat-x; border:1px solid black; -moz-border-radius:5px; -webkit-border-radius:5px; margin-bottom:5px; } .selected { background:black; border:1px solid #000000; } .selected span { color:orange!important; } .navhead { cursor : pointer; } .submenu { width:98%; margin : 0; padding : 0; list-style : none; margin-bottom:20px; } .submenu li { margin:0 auto; width : 95%; } .submenu li a { width:98%; display : block; color : orange; padding-top : 3px; height : 20px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#111; margin-bottom:3px; border:1px solid #222; } .submenu li a:hover { color : gold; background:#222; border:1px solid #333; } </style> </head> <body bgcolor="black"> <div style="width:180px;margin-top:3px"> <div id="navigation"> <ul class="submenu"> <li><a href="http://naruto-uzumaki2.ucoz.ru/" title=""> <b>Главная страница</b></a> <li><a href="http://naruto-uzumaki2.ucoz.ru/forum/" title=""> <b>Форум и ролевая</b></a> <li><a href="http://naruto-uzumaki2.ucoz.ru/index/0-2" title=""> <b>Информация о сайте</b> <li><a href="http://naruto-uzumaki2.ucoz.ru/dir" title=""> <b>Наш ТОП- сайтов</b></a> <li><a href="http://naruto-uzumaki2.ucoz.ru/gb" title=""> <b>Гостевая книга</b></a> <li><a href="http://naruto-uzumaki2.ucoz.ru/index/0-3" title=""> <b>Связь с админом</b></a> <li><a href="http://naruto-uzumaki2.ucoz.ru/tests" title=""> <b>Тесты</b></a> <li><a href="http://naruto-uzumaki2.ucoz.ru/blog" title=""> <b>Блог</b></a> <li><a href="http://naruto-uzumaki2.ucoz.ru/index/druzja_sajta/0-63" title=""><b>Друзья сайта</b></a></ul></div> <div class="sidenav"> <div class="navhead selected"><span><img src="http://styling.org.ua/templates/images/comm_bad_.gif" border="0"> <b>Аниме онлайн</b></span></div> <div style="display: block;" class="subnav"> <ul class="submenu"> <li><a href="http://naruto-uzumaki2.ucoz.ru/load/9" title="">Наруто 1 сезон</a></li> <li><a href="http://naruto-uzumaki2.ucoz.ru/load/4" title="">Наруто 2 сезон</a></li> <li><a href="http://naruto-uzumaki2.ucoz.ru/load/10" title="">Наруто фильмы</a></li> <li><a href="http://naruto-uzumaki2.ucoz.ru/load/11" title="">Наруто приколы</a></li> <li><a href="http://naruto-uzumaki2.ucoz.ru/load/naruto/drugie_roliki_po_naruto/15" title="">Ролики по Наруто</a></li> <li><a href="http://naruto-uzumaki2.ucoz.ru/load/6" title="">Разные аниме</a></li> <li><a href="http://naruto-uzumaki2.ucoz.ru/load/6-1-0-113" title="">Блич</a></li> </ul> </div> <div class="navhead selected"><span><img src="http://styling.org.ua/templates/images/comm_bad_.gif" border="0"> <b>Онлайн игры</b></span></div> <div style="display: none;" class="subnav"> <ul class="submenu"> <li><a href="http://naruto-uzumaki2.ucoz.ru/stuff/action_arcade/1" title="">Аркады и экшин</a></li> <li><a href="http://naruto-uzumaki2.ucoz.ru/stuff/card_board/2" title="">Настольные</a></li> <li><a href="http://naruto-uzumaki2.ucoz.ru/stuff/puzzle/3" title="">Головоломки</a></li> <li><a href="http://naruto-uzumaki2.ucoz.ru/stuff/word/4" title="">Слова</a></li> <li><a href="http://naruto-uzumaki2.ucoz.ru/stuff/hidden_object/5" title="">Поиск предметов</a></li> <li><a href="http://naruto-uzumaki2.ucoz.ru/stuff/strategy/6" title="">Стратегии</a></li> <li><a href="http://naruto-uzumaki2.ucoz.ru/stuff/multiuser/8" title="">Многопользовательские</a></li> <li><a href="http://naruto-uzumaki2.ucoz.ru/stuff/other/7" title="">Другие</a></li> <li><a href="http://naruto-uzumaki2.ucoz.ru/stuff/naruto/9" title="">Наруто</a></li> </ul> </div> <div class="navhead selected"><span><img src="http://styling.org.ua/templates/images/comm_bad_.gif" border="0"> <b>Фотоальбомы</b> </span></div> <div style="display: none;" class="subnav"> <ul class="submenu"> <li><a href="http://naruto-uzumaki2.ucoz.ru/photo/akacuki/4" title="">Акацуки</a></li> <li><a href="http://naruto-uzumaki2.ucoz.ru/photo/raznye/5" title="">Разные</a></li> <li><a href="http://naruto-uzumaki2.ucoz.ru/photo/zlodei/35" title="">Злодеи</a></li> <li><a href="http://naruto-uzumaki2.ucoz.ru/photo/shinobi_konokhi/16" title="">Шиноби Конохи</a></li> <li><a href="http://naruto-uzumaki2.ucoz.ru/photo/shinobi_peska/29" title="">Шиноби Песка</a></li> <li><a href="http://naruto-uzumaki2.ucoz.ru/photo/kage/44" title="">Каге</a></li> </ul> </div> <div class="navhead selected"><span><img src="http://styling.org.ua/templates/images/comm_bad_.gif" border="0"> <b>Каталог статей</b></span></div> <div style="display: block;" class="subnav"> <ul class="submenu"> <li><a href="http://naruto-uzumaki2.ucoz.ru/publ/1" title="">Разные статьи</a></li> <li><a href="http://naruto-uzumaki2.ucoz.ru/publ/biografii/3" title="">Биографии</a></li> <li><a href="http://naruto-uzumaki2.ucoz.ru/publ/tekhniki/5" title="">Техники, чакра и прочее</a></li> <li><a href="http://naruto-uzumaki2.ucoz.ru/publ/fanfiki/2" title="">Фанфики</a></li> <li><a href="http://naruto-uzumaki2.ucoz.ru/publ/prizyvnye_zhivotnye/4" title="">Призывные животные</a></li> </ul> </div> <div class="navhead selected"><span><img src="http://styling.org.ua/templates/images/comm_bad_.gif" border="0"> <b>Разное</b></span></div> <div style="display: block;" class="subnav"> <ul class="submenu"> <li><a href="http://naruto-uzumaki2.ucoz.ru/index/bannerobmen/0-54" title="">Баннеробмен</a></li> <li><a href="http://naruto-uzumaki2.ucoz.ru/index/juzerbary/0-55" title="">Юзербары</a></li> <li><a href="http://naruto-uzumaki2.ucoz.ru/index/0-15" title="">Главный чат</a></li> <li><a href="http://naruto-uzumaki2.ucoz.ru/index/onlajn_perevodchik/0-58" title="">Онлайн переводчик</a></li> <li><a href="http://naruto-uzumaki2.ucoz.ru/index/pleer/0-59" title="">Плеер</a></li> <li><a href="http://naruto-uzumaki2.ucoz.ru/index/generator_smajlov/0-46" title="">Генератор смайлов</a></li> <li><a href="http://naruto-uzumaki2.ucoz.ru/index/0-21" title="">Онлайн фотошоп</a></li> <li><a href="http://naruto-uzumaki2.ucoz.ru/index/rejtingi_polzovatelej/0-60" title="">Рейтинги пользователей</a></li> <li><a href="http://naruto-uzumaki2.ucoz.ru/index/sekretar_sajta/0-61" title="">Секретарь сайта</a></li> <li><a href="http://naruto-uzumaki2.ucoz.ru/index/kachaem_video_za_tak/0-76" title="">Качаем видео - за так</a></li> </div>
-
Согласен Самый простой метод...
-
Ещё 1 пример выпадающего меню... <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Меню</title> <script language="JavaScript"> function clickHandler() { var targetId, srcElement, targetElement; srcElement = window.event.srcElement; if (srcElement.className == "Outline") { targetId = srcElement.id + "details"; targetElement = document.all(targetId); if (targetElement.style.display == "none") { targetElement.style.display = ""; } else { targetElement.style.display = "none"; } }} document.onclick = clickHandler; </script> </head> <body bgcolor=black text=white leftmargin=30% vlink=red link=blue> <BR> <table border=0 width=40% height=5> <tr> <td> <a id="Out0" class="Outline" style="cursor: hand; color: white; font-weight: bold; font-size: 15pt"> Раздел 1</a> <div id=Out0details style="display:None; position:relative; left:9;"> <a id="Out1" class="Outline" style="cursor: hand; color: blue; font-size: 14pt; text-decoration: none;"> Подраздел 1.1</a> <div id=Out1details style="display:None; position:relative; left:9;"> <a href="" target="_self" style="font-family: Courier; font-size: 13pt; text-decoration: none"> Подраздел 1.1.1</a><br> <a id="Out2" class="Outline" style="cursor: hand; color: blue; font-size: 14pt; text-decoration: none;"> Подраздел 1.2</a> <div id=Out2details style="display:None; position:relative; left:9;"> <a href="" target="_self" style="font-family: Courier; font-size: 13pt; text-decoration: none"> Подраздел 1.2.1</a></div></td></tr> </table> <table border=0 width=40% height=5> <tr> <td> <a id="Out3" class="Outline" style="cursor: hand; color: white; font-weight: bold; font-size: 15pt"> Раздел 2</a> <div id=Out3details style="display:None; position:relative; left:9;"> <a id="Out4" class="Outline" style="cursor: hand; color: blue; font-size: 14pt; text-decoration: none;"> Подраздел 2.1</a> <div id=Out4details style="display:None; position:relative; left:9;"> <a href="" target="_self" style="font-family: Courier; font-size: 13pt; text-decoration: none"> Подраздел 2.1.1</a><br> <a id="Out5" class="Outline" style="cursor: hand; color: blue; font-size: 14pt; text-decoration: none;"> Подраздел 2.2</a> <div id=Out5details style="display:None; position:relative; left:9;"> <a href="" target="_self" style="font-family: Courier; font-size: 13pt; text-decoration: none"> Подраздел 2.2.1</a></div></td> </tr> </table> <table border=0 width=40% height=5> <tr> <td> <a id="Out6" class="Outline" style="cursor: hand; color: white; font-weight: bold; font-size: 15pt"> Раздел 3</a> <div id=Out6details style="display:None; position:relative; left:9;"> <a id="Out7" class="Outline" style="cursor: hand; color: blue; font-size: 14pt; text-decoration: none;"> Подраздел 3.1</a> <div id=Out7details style="display:None; position:relative; left:9;"> <a href="" target="_self" style="font-family: Courier; font-size: 13pt; text-decoration: none"> Подраздел 3.1.1</a><br> <a id="Out8" class="Outline" style="cursor: hand; color: blue; font-size: 14pt; text-decoration: none;"> Подраздел 3.2</a> <div id=Out8details style="display:None; position:relative; left:9;"> <a href="" target="_self" style="font-family: Courier; font-size: 13pt; text-decoration: none"> Подраздел 3.2.1</a></div></td> </tr> </table> </body> </html>
-
А такое меню сойдет? <html> <head> <title>Меню</title> <script language="JavaScript"> function clickHandler() { var targetId, srcElement, targetElement; srcElement = window.event.srcElement; if (srcElement.className == "Outline") { targetId = srcElement.id + "details"; targetElement = document.all(targetId); if (targetElement.style.display == "none") { targetElement.style.display = ""; } else { targetElement.style.display = "none"; } }} document.onclick = clickHandler; </script> </head> <body bgcolor=black text=white leftmargin=30% vlink=red link=blue> <BR> <a id="Out0" class="Outline" style="cursor: hand; color: white; font-weight: bold; font-size: 15pt"> Раздел 1</a> <div id=Out0details style="display:None; position:relative; left:9;"> <a href="" target="_self" style="font-family: Courier; font-size: 13pt; text-decoration: none"> Подраздел 1.1</a><br> <a href="" target="_self" style="font-family: Courier; font-size: 13pt; text-decoration: none"> Подраздел 1.2</a><br> <a href="" target="_self" style="font-size: 13pt; font-family: Courier; text-decoration: none"> Подраздел 1.3</a><br> </div> <BR> <a id="Out1" class="Outline" style="cursor: hand; color: white; font-weight: bold; font-size: 15pt"> Раздел 2</a> <div id=Out1details style="display:None; position:relative; left:9;"> <a href="" target="_self" style="font-family: Courier; font-size: 13pt; text-decoration: none"> Подраздел 2.1</a><br> <a href="" target="_self" style="font-family: Courier; font-size: 13pt; text-decoration: none"> Подраздел 2.2</a><br> <a href="" target="_self" style="font-size: 13pt; font-family: Courier; text-decoration: none"> Подраздел 2.3</a><br> </div><BR> <a id="Out3" class="Outline" style="cursor: hand; color: white; font-weight: bold; font-size: 15pt"> Раздел 3</a> <div id=Out3details style="display:None; position:relative; left:9;"> <a href="" target="_self" style="font-family: Courier; font-size: 13pt; text-decoration: none"> Подраздел 3.1</a><br> <a href="" target="_self" style="font-family: Courier; font-size: 13pt; text-decoration: none"> Подраздел 3.2</a><br> <a href="" target="_self" style="font-size: 13pt; font-family: Courier; text-decoration: none"> Подраздел 3.3</a><br> </div><BR> </body> </html> Или совершенно другого формата нужно?