[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Форум » ***Всё для Ucoz*** » Меню для ucoz » Горизонтальное меню для ucoz (Горизонтальное чёрное меню для ucoz)
Горизонтальное меню для ucoz
GrozaZoolДата: Среда, 02.03.2011, 23:05 | Сообщение # 1

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

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

Очень красивое горизонтальное меню очень хорошо подойдет для темных дизайнов ucoz.
Установка:
Сначала скачиваем архив с картинками, там две картинки, заливаем их в корень сайта. (лучше если напрямую, а не в какую нибудь папку)
Далее идём в CSS и вставляем это в самый конец.
Не забудьте заменить ссылку на свой сайт.

Code

/* Menu_2 */   
.preload1 {background: url(ссылка на ваш сайт/six_0.gif);}   
.preload2 {background: url(ссылка на ваш сайт/six_1.gif);}   

#nav {padding:0; margin:0; list-style:none; height:35px; background:#fff url(ссылка на ваш сайт/six_0.gif) 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(ссылка на ваш сайт/six_0.gif);}   
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(ссылка на ваш сайт/six_0.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(ссылка на ваш сайт/six_0.gif) no-repeat right top;}   

#nav li:hover a.top_link,   
#nav a.top_link:hover   
{color:#fff; background: url(ссылка на ваш сайт/six_1.gif) no-repeat;}   
#nav li:hover a.top_link span,   
#nav a.top_link:hover span   
{background:url(ссылка на ваш сайт/six_1.gif) no-repeat right top;}   
#nav li:hover a.top_link span.down,   
#nav a.top_link:hover span.down   
{background:url(ссылка на ваш сайт/six_1.gif) no-repeat right top; padding-bottom:3px;}   
/* ------------- */

И последнее: вставляем это, где вы хотите видеть меню (Например под шапкой сайта).
Повторять код LI class="top"вы можете сколько угодно, только не переборщите, иначе кривой диз обеспечен .

Code
<UL id="nav">   
   <LI class="top"><A href="ваша ссылка" class="top_link"><SPAN><B>Главная страница</B></SPAN></A></LI>   
   <LI class="top"><A href="ваша ссылка" class="top_link"><SPAN><B>Новинки</B></SPAN></A></LI>   
   <LI class="top"><A href="ваша ссылка" class="top_link"><SPAN>Форум</SPAN></A></LI>   
</UL><P>


 
GrozaZoolДата: Четверг, 16.08.2012, 18:45 | Сообщение # 2

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

Сообщений: 141
Репутация: 12784
Статус: Offline
ссылка на картинки были удалены... они вели на вирусный сайт а исходников у меня нет... подставьте что нибудь сами, если вы смыслите в штмл..

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



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