» »

Очень красивое меню для системы ucoz


Очень красивое меню для системы ucoz

Меню для системы ucoz, выполнено в светлом дизайн, красиво будет смотреться на серо светлых шаблонах сайта. Можно в эту навигацию поставить небольшие иконки под каждый раздел что по дизайну будит совершенно по другому выглядеть.
Приступаем к установке:
Вставляем в блок вашего сайта:
Код
<!-- МЕНЮ -->  

<ul class="navs">  
<ul id="suckertree1">  
<li><a onclick="$('span.munu0').toggle('slow');" href="http://euro-soft.ucoz.ru/" style="color: black;"><img src="http://euro-soft.ucoz.ru/icons_site/homepmini.png" alt="" border="10"> Главная</a></li>  

<li><a onclick="$('span.munu1').toggle('slow');" href="javascript://" style="color: black;"><img src="http://soft-drom.ucoz.com/site_menu/soft.png" alt="" border="10"> Программы</a></li>  
<span class="munu1" style="display: none;">  
<li class="tm"><a href="http://euro-soft.ucoz.ru/load/soft/internet/3"> <b>Интернет</b></a></li>  
<li class="tm"><a href="http://euro-soft.ucoz.ru/load/soft/grafika/4"><strong> Графика</strong></a></li>  
<li class="tm"><a href="http://euro-soft.ucoz.ru/load/soft/obshhenie/5"> <b>Общение</b></a></li>  
<li class="tm"><a href="http://euro-soft.ucoz.ru/load/soft/cd_dvd/6"> <b>CD/DVD</b></a></li>  
<li class="tm"><a href="http://euro-soft.ucoz.ru/load/soft/ofisnye/7"> <strong>Офисные</strong></a></li>  
<li class="tm"><a href="http://euro-soft.ucoz.ru/load/soft/rabota_s_video/8"> <b>Работа с Видео</b></a></li>  
<li class="tm"><a href="http://euro-soft.ucoz.ru/load/soft/sistemnye/9"> <strong>Системные</strong></a></li>  
<li class="tm"><a href="http://euro-soft.ucoz.ru/load/soft/ukrashenija_dlja_windows/10"> <b>Украшения</b></a></li>  
<li class="tm"><a href="#"> <strong><i>Что-то ещё</i></strong></a></li>  
</span>  

<li><b><a onclick="$('span.munu2').toggle('slow');" href="javascript://" style="color: black;"><img src="http://euro-soft.ucoz.ru/icons_site/films.png" alt="" border="0" height="16" width="16"> Фильмы</a></b></li>  

<span class="munu2" style="display: none;">  
<li class="tm"><a href="http://euro-soft.ucoz.ru/load/films/komedija/12"> <b>Комедия</b></a></li>  
<li class="tm"><a href="http://euro-soft.ucoz.ru/load/films/boevik/13"> <b>Боевик</b></a></li>  
<li class="tm"><a href="http://euro-soft.ucoz.ru/load/films/triller/14"> <strong>Триллер</strong></a></li>  
<li class="tm"><a href="http://euro-soft.ucoz.ru/load/films/istoricheskij/15"> <strong>Исторический</strong></a></li>  
<li class="tm"><a href="http://euro-soft.ucoz.ru/load/films/fantastika/16"> <strong>Фантастика</strong></a></li>  
<li class="tm"><a href="http://euro-soft.ucoz.ru/load/films/detskij_semejnyj/17"> <strong>Детский/Семейный</strong></a></li>  
<li class="tm"><a href="http://euro-soft.ucoz.ru/load/films/prikljuchenija/18"> <strong>Приключения</strong></a></li>  
<li class="tm"><a href="http://euro-soft.ucoz.ru/load/films/melodrama/19"> <strong>Мелодрама</strong></a></li>  
<li class="tm"><a href="http://euro-soft.ucoz.ru/load/films/uzhasy/20"> <strong>Ужасы</strong></a></li>  
<li class="tm"><a href="http://euro-soft.ucoz.ru/load/films/dokumentalnyj/21"> <strong>Документальный</strong></a></li>  
<li class="tm"><a href="http://euro-soft.ucoz.ru/load/films/multfilm/22"> <strong>Мультфильм</strong></a></li>  
<li class="tm"><a href="http://euro-soft.ucoz.ru/load/films/skoro_v_kino/23"> <strong>Скоро в кино</strong></a></li>  
</span>  

<li><a onclick="$('span.munu3').toggle('slow');" href="javascript://" style="color: black;"><img src="http://soft-drom.ucoz.com/site_menu/music.png" alt="" border="10"> Музыка</a> </li>  
<span class="munu3" style="display: none;">  
<li class="tm"><a href="/"> <b> Главная Музыки</b></a></li>  
<li class="tm"><a href="/"> <strong> Rap</strong></a></li>  
<li class="tm"><a href="/"> <b> Hip-Hop</b></a></li>  
<li class="tm"><a href="/"> <strong> Клубняк</strong></a></li>  
<li class="tm"><a href="/"> <b><i>Добавить музыку</i></b></a></li>  

</span>  

<li><a onclick="$('span.munu12').toggle('slow');" href="/" style="color: black;"><img src="http://soft-drom.ucoz.com/site_menu/gold.png" alt="" border="30"> Gold ключи</a></li>  
<li><a onclick="$('span.munu7').toggle('slow');" href="javascript://" style="color: black;"><img src="http://soft-drom.ucoz.com/site_menu/topvirus.png" alt="" border="10"> Антивирусы</a></li>  
<span class="munu7" style="display: none;">  
<li class="tm"><a href="http://euro-soft.ucoz.ru/load/antivirusy/kljuchi_dlja_dr_web/25"> <strong>Ключи для Dr.Web</strong></a></li>  
<li class="tm"><a href="http://euro-soft.ucoz.ru/load/antivirusy/kljuchi_dlja_kasperskogo/26"> <strong>Ключи для Касперского</strong></a></li>  
<li class="tm"><a href="http://euro-soft.ucoz.ru/publ/kljuchi_dlja_nod32/1-1-0-12"> <b>Ключи для NOD 32</b></a></li>  
<li class="tm"><a href="http://euro-soft.ucoz.ru/load/antivirusy/obnovlenija_kasperskij/28"> <b>Обновления Касперский</b></a></li>  
<li class="tm"><a href="http://euro-soft.ucoz.ru/load/antivirusy/obnovlenija_nod_32/29"> <strong>Обновления NOD 32</strong></a></li>  

</span>  
<li><a onclick="$('span.munu0').toggle('slow');" href=" http://euro-soft.ucoz.ru/load/soft/kartinki_i_oboi/30 " style="color: black;"><img src="http://soft-drom.ucoz.com/site_menu/photoshop.png" alt="" border="30"> Картинки и обои</a></li>  
<li><a onclick="$('span.munu0').toggle('slow');" href="/" style="color: black;"><img src="http://soft-drom.ucoz.com/site_menu/java.sun.png" alt="" border="30"> Java софт</a></li>  
<li><a onclick="$('span.munu0').toggle('slow');" href="http://euro-soft.ucoz.ru/publ/novosti_vkontakte/5" style="color: black;"><img src="http://soft-drom.ucoz.com/site_menu/vkontakte.png" alt="" border="10"> Новости Вконтакте</a></li>  
</span>  

<li><a onclick="$('span.munu4').toggle('slow');" href="javascript://" style="color: black;"><img src="http://soft-drom.ucoz.com/site_menu/onlineguru.png" alt="" border="10"> Интересные статьи</a></li>  

<span class="munu4" style="display: none;">  
<li class="tm"><a href="http://euro-soft.ucoz.ru/"> Все статьи</a></li>  
<li class="tm"><a href="http://euro-soft.ucoz.ru/publ/mirovye_novosti/2"> Мировые новости</a></li>  
<li class="tm"><a href="http://euro-soft.ucoz.ru/publ/novye_tekhnologii/3"> Новые технологии</a></li>  
<li class="tm"><a href="http://euro-soft.ucoz.ru/publ/novosti_windows/4"> Новости Windows</a></li>  
<li class="tm"><a href="http://euro-soft.ucoz.ru/publ/novosti_vkontakte/5"> Новости вконтакте</a></li>  
</span>  
<li><a onclick="$('span.munu0').toggle('slow');" href="/gb/" style="color: black;"><img src="http://soft-drom.ucoz.com/site_menu/otziv.png" alt="" border="30"> Оставить отзыв</a></li>  
<li><a onclick="$('span.munu12').toggle('slow');" href="#" style="color: black;"><img src="http://soft-drom.ucoz.com/site_menu/forum.png" alt="" border="30"> Форум</a></li>  
<li><a onclick="$('span.munu6').toggle('slow');" href="javascript://" style="color: black;"><img src="http://soft-drom.ucoz.com/site_menu/oziv.png" alt="" border="10"> Наш сайт</a></li>  
<span class="munu6" style="display: none;">  
<li class="tm"><a href="ВАША ССЫЛКА" title="О сайте">О сайте</a></li>  
<li class="tm"><a href="ВАША ССЫЛКА" title="Реклама">Реклама на сайте</a></li>  
<li class="tm"><a href="ВАША ССЫЛКА"> Правила сайта</a></li>  

</span>  

<!-- \МЕНЮ -->
19.04.2012 Просмотров: 1228 Комментарий: (0)

Поделиться в социальных сетях

Материал разместил

Комментарий: 0
avatar