Приветствую Вас, Потерянный Вторник, 21.08.2018, 21:19
RSS

[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Ucoz зона » Другие скрипты для Ucoz » Новое красивое горизонтальное меню
Новое красивое горизонтальное меню

SkylineДата: Пятница, 14.01.2011, 23:40 | Сообщение # 1
Главный Администратор
Группа: Администраторы
Сообщений: 147
Репутация: 12
Статус: Offline

Пишем в низ таблицы стилей css:

Quote
.exmenu li {margin-right:0px !important;border:none !important;}
.exmenu div {width:auto; background:#fff !important; -moz-box-shadow:1px 1px 5px #000; -webkit-box-shadow:1px 1px 5px #000; box-shadow:1px 1px 5px #000; padding:3px;}
.exmenu a {border-right:1px solid #444443;line-height:42px;text-align:left;width:auto;color:#ff7800; text-shadow:0px 1px 0px #000000;padding:0px 15px 0px 15px;display:block;background:url('http://ws-game.ru/site_design/head/nav_menu.png') repeat-x; background-position:100% 0px;}
.exmenu a:hover {background-position:100% -42px; color:#ffffff; text-shadow:0px 1px 0px #000000;}
.exmenu .hover a {border-right:1px solid #444443;background:url('http://ws-game.ru/site_design/head/nav_menu.png') repeat-x; background-position:100% -41px; color:#ff7800; text-shadow:0px 0px 2px #000000;}
.exmenu div li {margin-right:0 !important;}
.exmenu div {top:25px !important; opacity: 0.95;}
.exmenu div a {background:#fff !important; color:#ffffff !important; border:1px solid #fff; padding:0px 10px 0px 5px !important; line-height:20px !important; min-width:150px;}
.exmenu div a:hover {background:#ececec !important; color:#ffffff !important; border:1px solid #c5c5c5;}

Ставим в место где хотим видеть меню:

Code
<TABLE cellpadding="0" cellspacing="0" border="0" width="100%" height="42" style="background:url('http://ws-game.ru/site_design/head/nav.png');">   
   <TBODY><TR>   
<td style="font-size: 11px;" align="center">   
<ul id="nav" class="exmenu">   
<li><a href="/"><font color=#018fe1><b>Главная</b></font></a></li>   
<li><a href="/load/"><font color=#018fe1><b>Файловый архив</b></font></a></li>   
<li><a href="/news/"><font color=#018fe1><b>Новости</b></font></a></li>   
<li><a href="/forum/"><font color=#018fe1><b>Форум</b></font></a></li>   
<li><a href="/board/"><font color=#018fe1><b>Фильмы онлайн</b></font></a></li>   
<li><a href="/blog/"><font color=#018fe1><b>Музыка онлайн</b></font></a></li>   
<li><a href="http://ws-game.ru/forum/222-892-1"><font color=#018fe1><b>Баннерообмен</b></font></a></li>   
<li><a href="http://ws-game.ru/forum/222-896-1"><font color=#018fe1><b>Реклама на Ws-Game</b></font></a></li>   
<li><a href=""javascript://" onclick="openLayerB('InfoAdmins',0,'/xml/InfoAdmins.xml','Информация об Администраторе',250,80,'1','','',0,'justify'); return false;""><font color=#ff0014><b>Администрация</b></font></a></li>   
</ul></td>



 
Форум » Ucoz зона » Другие скрипты для Ucoz » Новое красивое горизонтальное меню
  • Страница 1 из 1
  • 1
Поиск:

Создать бесплатный сайт с uCoz
Copyright MyCorp © 2018