Форум iSofter
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Форум » ***Всё для Ucoz*** » Меню для ucoz » Очень красивое красное выпадающее меню
Очень красивое красное выпадающее меню
GrozaZoolДата: Четверг, 10.02.2011, 18:13 | Сообщение # 1

Главный админ

Сообщений: 142
Репутация: 12784
Статус: Offline

Очень красивое красное меню для ucoz - отличное решения для ярких дизайнов.

Code

<!--LOLO-->    
<div class="glossymenu">    
<a class="menuitem" href="/"><img src="http://arsamania.com/right.gif" border=0 alt=""> Главная</a>    
<a class="menuitem submenuheader" href="/"><img src="http://arsamania.com/down.gif" border=0 alt=""> Материалы</a> <div class="submenu"> <ul> <li><a href="http://psp-dom.ru/">Rip by psp-dom.ru</a></li> <li><a href="/stuff">Блоги</a></li> </ul> </div> <a class="menuitem submenuheader" href="/"><img src="http://arsamania.com/down.gif" border=0 alt=""> Клуб</a> <div class="submenu"> <ul> <li><a href="/index/0-15">История Арсенала</a></li> <li><a href="/index/0-56">Логотип клуба</a></li> <li><a href="/index/0-16">Достижения клуба</a></li> <li><a href="/index/0-88">Рекорды клуба</a></li> <li><a href="/index/0-55">Легенды Арсенала</a></li> <li><a href="/index/0-176">Все менеджеры Арсенала</a></li> <li><a href="/index/0-4">Контакты клуба</a></li> </ul> </div> <a class="menuitem submenuheader" href="/"><img src="http://arsamania.com/down.gif" border=0 alt=""> Арсенал</a> <div class="submenu"> <ul> <li><a href="/index/0-5">Состав Арсенала</a></li> <li><a href="/index/0-12">Резерв Арсенала</a></li> <li><a href="/index/0-7">Тренерский штаб</a></li> <li><a href="/index/0-6">Руководство клуба</a></li> <li><a href="/index/0-74">Форма Арсенала</a></li> </ul> </div> <a class="menuitem submenuheader" href="/"><img src="http://arsamania.com/down.gif" border=0 alt=""> Сезон 2009-2010</a> <div class="submenu"> <ul> <li><a href="/index/0-162">Календарь игр</a></li> <li><a href="/index/0-163">Турнирная таблица</a></li> </ul> </div> <a class="menuitem submenuheader" href="/"><img src="http://arsamania.com/down.gif" border=0 alt=""> Стадион</a> <div class="submenu"> <ul> <li><a href="/index/0-168">Эмирейтс</a></li> <li><a href="/index/0-169">Хайбери</a></li> </ul> </div> <a class="menuitem submenuheader" href="/"><img src="http://arsamania.com/down.gif" border=0 alt=""> Мультимедиа</a> <div class="submenu"> <ul> <li><a href="/index/0-166">Фото-галерея</a></li> <li><a href="/index/0-167">Видео-галерея</a></li> <li><a href="/index/0-153">Игры сайта</a></li> <li><a href="/index/0-164">Скринсейверы</a></li> </ul> </div> <a class="menuitem submenuheader" href="/"><img src="http://arsamania.com/down.gif" border=0 alt=""> Общение</a> <div class="submenu"> <ul> <li><a href="/forum/0-0-0-36">Правила сайта</a></li> <li><a href="/gb">Конференция</a></li> <li><a href="/index/0-3">Связь с Администрацией</a></li> <li><a href="/index/0-174">Наши баннеры</a></li> <li><a href="/index/0-175">Наши партнеры</a></li> </ul> </div> <a class="menuitem" href="/forum" target="_blank"><img src="http://arsamania.com/right.gif" border=0 alt=""> Форум</a> </div>    

<style>    
.glossymenu{margin: 5px 0;padding: 0;width: 191px; /*ширина меню*/    
border: 0px solid #9A9A9A;border-bottom-width: 0;}    

.glossymenu a.menuitem{background: black url('http://arsamania.com//images/carenA.gif')    
repeat-x bottom left;font: bold 12px Tahoma;color:    
white;display: block;position: relative; width: auto;padding: 4px    
0;padding-left: 10px;text-decoration: none;}    
.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{color: white;}    
.glossymenu a.menuitem .statusicon{ position: absolute;top: 5px;right: 5px;border: none;}    
.glossymenu a.menuitem:hover{background-image: url('http://arsamania.com//images/carenB.gif');}    
.glossymenu div.submenu{ background: cb4a4a;}    
.glossymenu div.submenu ul{ list-style-type: none;margin: 0;padding: 0;}    
.glossymenu div.submenu ul li{border-bottom: 1px solid black;}    
.glossymenu div.submenu ul li a{display: block;font: normal 13px    
Tahoma; color: black;text-decoration: none;padding:    
2px 0;padding-left: 10px;}    
.glossymenu div.submenu ul li a:hover{background: #DFDCCB;colorz: white;}    
</style>    
<!--/LOLO-->


 
Форум » ***Всё для Ucoz*** » Меню для ucoz » Очень красивое красное выпадающее меню
Страница 1 из 11
Поиск:



Яндекс.Метрика
Copyright © 2010-2016г