Меню как на нашем сайте в <Body> - Меню для UCOZ - Все для UCOZ - Каталог файлов

Главная » Файлы » Все для UCOZ » Меню для UCOZ

Меню как на нашем сайте в <Body>

30.07.2012, 14:44

Чтоб добавить такую же менюшку к Вам на сайт нужно:

1) Скачать архив, распаковать и залить на Ваш сайт в папку
"http:Ваш_сайт/img/Menu_Body/"

Скачать архив можно кнопкой[Скачать с нашего сервера] немного ниже.

2) В CSS вставить следующий код:

/* Меню в Body */ 
 #nav {padding:0; margin:0; list-style:none; height:35px; background:#fff url(/) repeat-x; position:relative; z-index:200; font-family:arial, verdana, sans-serif;} 
#nav li.top {display:block; float:left;} 
#nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(/img/Menu_Body/six_2.gif);} 
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(/img/Menu_Body/six_2.gif) right top no-repeat;} 
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(/img/Menu_Body/six_2.gif) no-repeat right top;} 

blok

#nav li:hover a.top_link, 
#nav a.top_link:hover 
{color:#fff; background: url(/img/Menu_Body/six_2.gif) no-repeat;} 
#nav li:hover a.top_link span, 
#nav a.top_link:hover span 
{background:url(/img/Menu_Body/six_2.gif) no-repeat right top;} 
#nav li:hover a.top_link span.down, 
#nav a.top_link:hover span.down 
{background:url(/img/Menu_Body/six_2.gif) no-repeat right top; padding-bottom:3px;} 

#nav li.top2 {display:block; float:left;} 
#nav li a.top_link2 {display:block; float:left; height:35px; line-height:33px; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(/img/Menu_Body/six_1.gif);} 
#nav li a.top_link2 span {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(/img/Menu_Body/six_1.gif) right top no-repeat;} 
#nav li a.top_link2 span.down {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(/img/Menu_Body/six_1.gif) no-repeat right top;} 

#nav li:hover a.top_link, 
#nav a.top_link:hover 
{color:#fff; background: url(/img/Menu_Body/six_0.gif) no-repeat;} 
#nav li:hover a.top_link span, 
#nav a.top_link:hover span
{background:url(/img/Menu_Body/six_0.gif) no-repeat right top;} 
#nav li:hover a.top_link span.down, 
#nav a.top_link:hover span.down 
{background:url(/img/Menu_Body/six_0.gif) no-repeat right top; padding-bottom:3px;} 

#nav li:hover a.top_link2,
#nav a.top_link2:hover 
{color:#fff; background: url(/img/Menu_Body/six_0.gif) no-repeat;} 
#nav li:hover a.top_link2 span, 
#nav a.top_link2:hover span
{background:url(/img/Menu_Body/six_0.gif) no-repeat right top;} 
#nav li:hover a.top_link2 span.down, 
#nav a.top_link2:hover span.down 
{background:url(/img/Menu_Body/six_0.gif) no-repeat right top; padding-bottom:3px;} 

/* ------------- */

3) В нужном Вам месте вставляем:

<ul id="nav"> <li class="top2" style="text-align: right;"><a href="http://2easy.ucoz.ru/" class="top_link2"><span><b>Новое</b></span></a></li><li class="top" style="text-align: right;"><a href="http://2easy.ucoz.ru/news/detskie_diskoteki/1-0-2" class="top_link"><span><b>Детские дискотеки</b></span></a></li><li class="top" style="text-align: right;"><a href="http://2easy.ucoz.ru/news/disco_39_80_39_90/1-0-4" class="top_link"><span><b>Диско'80'90</b></span></a></li><li class="top" style="text-align: right;"><a href="http://2easy.ucoz.ru/news/detskie_diskoteki/1-0-2" class="top_link"><span>Дискотеки</span></a></li></ul>

Настройки:
- Вместо ссылок для нашего сайта ставите свои

- Вместо названий наших страниц "Новое" и т.д. ставите СВОИ!

Загрузить

Категория: Меню для UCOZ | Добавил: kimiga

Просмотров: 419 | Загрузок: 160

Всего комментариев: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]