Jump to content

yufka

Newbie
  • Posts

    4
  • Joined

  • Last visited

Everything posted by yufka

  1. Это вам нужно или нет? <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>
  2. Согласен Самый простой метод...
  3. Ещё 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>
  4. А такое меню сойдет? <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> Или совершенно другого формата нужно?
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy