Скрипты и шаблоны для uCoz - 3aKa4Ka
Каталог файлов | Иконки групп | Видео уроки | Статьи | PSD исходники | SEO софт/программы | SEO новости
Скрипты для uCoz Шаблоны для uCoz
Меню сайта
Новое на форуме ↓
Новые комментарии
Кто на сайте
Онлайн всего: 2
Гостей: 2
Пользователей: 0

Сайт сегодня посетили:

Черное, красивое выпадающее меню

Главная » Скрипты для uCoz » Черное, красивое выпадающее меню
Черное, красивое выпадающее меню для uCoz

Красивое черное меню с желтыми ссылками при наведении. Выглядит очень красиво. Меню написано на 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>

Настраиваете под себя и все готово.
Просмотров: 1559 | Комментариев: 1 | Опубликовал: DizeL | Дата: 17.01.2011

 08.01.2010   

 

 Вид материала!!! NE... 

 20.09.2009   

 

 Черный мини чат 

 13.09.2010   

 

 Как скачать с Letit... 

 07.11.2009   

 

 Добавления материал... 

 05.11.2009   

 

 Репутация и награды... 


Всего комментариев: 1
 
  0 1 Норм 22.04.2011 14:59:26 Норм Цитировать | Редактировать | Удалить
 

3aKa4Ka.at.ua - портал веб мастеров

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
© 3aka4ka.at.ua 2008 - 2024г. Все материалы размещенные на сайте принадлежат их владельцам и предоставляются исключительно в ознакомительных целях. Администрация ответственности за содержание материала не несет и убытки не возмещает.