Красивое черное меню с желтыми ссылками при наведении. Выглядит очень красиво. Меню написано на HTML и CSS + JS(Плавно выпадающее).
Установка проста. Подойдет для сайтов о CS с черным дизайном.
Установка на сайт ucoz: Это вставляем в самый низ в CSS своего сайта:
Code
.mc_menu2 {height:22px;width: 190px;font: normal 10px Arial, Helvetica, sans-serif;text-align: left; margin-top:1px;}
.mc_menu2 a:link, .mc_menu2 a:visited {color:#707070;padding-left:5px;line-height:22px;display:block;font-weight:normal;background: #101010 url('http://rucoz.com/img/link2_off.png') no-repeat left center;border-top: 1px solid #101010;border-right: 1px solid #101010;border-left: 1px solid #101010;border-bottom: 1px solid #101010;text-align: left; margin-top:1px;}
.mc_menu2 a:hover {color:#ffffff;text-shadow:0 0 5px ;padding-left:5px;line-height:22px;display:block;font-weight:normal;background: #101010 url('http://rucoz.com/img/link2_on.png') no-repeat left center;text-align: left; margin-top:1px;}
.mc_menu {height:18px;width: 190px;font: normal 10px Arial, Helvetica, sans-serif;text-align: left;}
.mc_menu a:link, .mc_menu a:visited {color:#707070;padding-left:14px;line-height:18px;display:block;font-weight:normal;background: #101010 url('http://rucoz.com/img/link_off2.png) no-repeat left center;border-right: 1px solid #101010;border-bottom: 1px solid #101010;border-left: 1px solid #101010;text-align: left;}
.mc_menu a:hover {color:#ffffff;text-shadow:0 0 5px ;padding-left:14px;line-height:18px;display:block;font-weight:normal;border-bottom: 1px solid #debc1d;background: #101010 url('http://rucoz.com/img/linkon2.png') no-repeat left center;text-align: left;}
.mc_menurek {height:18px;width: 180px;font: normal 10px Arial, Helvetica, sans-serif;text-align: left;}
.mc_menurek a:link, .mc_menurek a:visited {color:#debc1d;padding-left:14px;line-height:18px;display:block;font-weight:normal;background: #252525 url('http://rucoz.com/img/link_off2.png') no-repeat left center;border-right: 1px solid #666666;border-bottom: 1px solid #666666;border-top: 1px solid #666666;border-left: 1px solid #666666;text-align: left;}
.mc_menurek a:hover {color:#ff0000;padding-left:14px;line-height:18px;display:block;font-weight:normal;border-bottom: 1px solid #ff0000;background: #252525 url('/menu_by_hi7/link_onrek.png') no-repeat left center;text-align: left;}
Code
<span class="mc_menu2">
<a onclick="$('#mc_menu1').slideToggle(400);" href="javascript://">Навигация</a>
</span>
<div id="mc_menu1" style="display: none;">
<span class="mc_menu">
<a href="http://rucoz.com"> Главная страница</a>
<a href="http://rucoz.com/load/"> Файловый архив</a>
<a href="http://rucoz.com/gb/"> Гостевая книга</a>
<a href="/dir/">
<span style="color: rgb(1, 143, 225);"> ТОП сайтов</span>
</a>
<a href="/news/"> Новости</a>
<a href="/forum/"> Форум</a>
<a href="/publ/"> Статьи</a>
<a href="/index/0-2">
<span style="color: rgb(244, 196, 48);"> Состав 1.2</span>
</a>
<a href="/index/sostav_komandy_1_4/0-6">
<span style="color: rgb(244, 196, 48);"> Состав 1.4</span>
</a>
<a href="/index/servera/0-4">
<span style="color: rgb(153, 102, 204);"> Сервера</span>
</a>
<a href="/forum/26"> Баннерообмен</a>
<a href="/forum/26"> Реклама на сайте</a>
<a href="/forum/53"> Набор персонала</a>
</span>
</div>
<span class="mc_menu2">
<a onclick="$('#mc_menu4').slideToggle(400);" href="javascript://">uCoz</a>
</span>
<div id="mc_menu4" style="display: block;">
<span class="mc_menu">
<a href="http://rucoz.com/load/vse_dlya_ucoz/shablony_dlya_ucoz/15"> Шаблоны</a>
<a href="http://rucoz.com/news/skripty_dlja_ucoz/1-0-2"> Скрипты</a>
<a href="/load/vse_dlja_ucoz/ikonki_grupp/9"> Иконки групп</a>
<a href="/load/vse_dlja_ucoz/ikonki_dlja_foruma/8"> Иконки форума</a>
<a href="http://allstarz.3dn.ru/load/vse_dlja_ucoz/shapki/11"> Шапки</a>
</span>
</div>
<span class="mc_menu2">
<a onclick="$('#mc_menu2').slideToggle(800);" href="javascript://">Помощь</a>
</span>
<div id="mc_menu2" style="display: none;">
<span class="mc_menu">
Counter strike
<a href="/load/vse_dlja_cs/mody/13">Моды</a>
<a href="/load/vse_dlja_cs/patchi/14">Патчи</a>
<a href="/load/vse_dlja_cs/karty/15">Карты</a>
<a href="/load/vse_dlja_cs/programmy/16">Программы</a>
<a href="/load/vse_dlja_cs/gotovye_servera/23">Готовые сервера</a>
<a href="http://allstarz.3dn.ru/forum/44">Помощь</a>
Call of Duty
<a href="/load/vse_dlja_call_of_duty/mody/2"> Моды</a>
<a href="/load/vse_dlja_call_of_duty/patchi/3"> Патчи</a>
<a href="/load/vse_dlja_call_of_duty/karty/4"> Карты</a>
<a href="/load/vse_dlja_call_of_duty/programmy/5"> Программы</a>
Photoshop
<a href="/load/vse_dlja_photoshop/kisti/18"> Кисти</a>
<a href="/load/vse_dlja_photoshop/shrifty/19"> Шрифты</a>
<a href="/load/vse_dlja_photoshop/plaginy/20"> Плагины</a>
<a href="/forum/58"> Готовые PSD</a>
<a href="/forum/57"> Видео-уроки</a>
<a href="/forum/59"> Оценивание работ</a>
<a href="/forum/21"> Изготовление шапок</a>
<a href="/forum/22"> Изготовление аватаров</a>
<a href="/forum/23"> Изготовление баннеров</a>
<a href="/forum/24"> Установка дизайна</a>
</span>
Настраиваете под себя и все готово.