Понедельник, 16.06.2025, 00:25
Приветствую Вас Гость | RSS
Меню сайта
Категории раздела
Для раскрутки сайта [0] Для мобилы [6]
Для контакта [15] Для компьютера [60]
Фильмы [8] Новинки [5]
Сериалы [4] Музыка [4]
Игры [3] Кинотеатр [1]
Кинотеатр
Анти-вирусники [1] Графика, 3D графика [2]
Шаблоны [2] Скрипты [198]
онлайн переводчик [1] Иконки групп [1]
Кинотеатр [3] счетчиков тИЦ и PR [2]
Flesh игры [1] Наш чат [1]
Шапки для uCoz [5] Заработок в интернете [5]
Еще Юзербары [1] Мувика [7]
Наш опрос
Откуда вы пришли на наш сайт?
javascript:; javascript:;
Всего ответов: 168

Статистика

Онлайн всего: 6
Гостей: 6
Пользователей: 0
Главная » Файлы » Скрипты

Горизонтальное меню
15.11.2011, 20:49
Горизонтальное меню


Скрипты 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>
Категория: Скрипты | Добавил: admin
Просмотров: 390 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Вход на сайт
Поиск
Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz