Время: 17:34
Вы вошли как Гость | Группа "Гости"Приветствую Вас Гость | RSS
Меню сайта
Популярное
Movavi Video Convert...
Antares Autotune 5.0...
Базис мебельщик 7.0 ...
SONY Vegas Pro 12.0 ...
Статистика


Главная Файлы Все для Ucoz Скрипты для Ucoz



Горизонтальное меню

Горизонтальное меню


Скрипты ucoz - Горизонтальное меню, подойдет для темных дизайнов например тематики CS

Установка:
1. Качаем архив, закидываем картинки в папку images
2. Копируем код скрипта ucoz - и вставляем между <head> и </head>

Code
<STYLE type="text/css">  
/* --------------------------  
AUTHOR : ST1M  
URL : http://www.nncity.pp.ru  
Copyrights by ST1M  
----------------------------*/  
*{  
margin:0;  
padding:0;  
}  
body{  
background:#fff;  
color:#666;  
font:12px/18px Tahoma, Arial, Helvetica, sans-serif;  
}  
#menu{  
/* margin:0 auto;*/  
width:700px;  
height:59px;  
background:url(/images/menu_034_bg.jpg) repeat-x;  
}  
#menu ul{  
list-style:none;  
margin:0 auto;  
width:500px;  
}  
#menu li{  
list-style:none;  
display:block;  
float:left;  
height:59px;  
line-height:59px;  
}  
#menu li a{  
display:block;  
float:left;  
color:#a7a7a7;  
text-transform:uppercase;  
font-size:11px;  
font-weight:bold;  
line-height:59px;  
text-decoration:none;  
padding:0 20px;  
}  
#menu li a:hover{  
color:#fff;  
background:url(/images/menu_034_h.jpg) no-repeat bottom;  
}  
#menu li a.current{  
display:block;  
float:left;  
background:url(/images/menu_034_h.jpg) no-repeat bottom;  
color:#fff;  
text-transform:uppercase;  
font-size:11px;  
font-weight:bold;  
line-height:59px;  
text-decoration:none;  
padding:0 20px;  
}  
#menu li a:hover.current{  
color:#fff;  
}</STYLE><P>

3. Вставляем код скрипта ucoz туда где хотим видеть меню
Code
<div id="menu">  
<ul>  
<li><a href="ссылка" class="current">Название</a></li>  
<li><a href="ссылка">Название</a></li>  
<li><a href="ссылка">Название</a></li>  
<li><a href="ссылка">Название</a></li>  
<li><a href="ссылка">Название</a></li>  
</ul>  
</div>

Источник: http://www.ucoooz.ru/

Категория: Скрипты для Ucoz
Просмотров: 2300 | Дата: 30.09.2010 | Комментарии: 1 | Рейтинг: 2.8/5

Похожие материалы:
Поделись ссылкой

  • - ссылка
  • - BBCode
  • - HTML
  • Всего комментариев: 1
    1  
    cool cool cool eta klam happy

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

    Опрос
    Из какой поисковой системы вы к нам попали?
    Всего голосовало: 4041