Приветствую Вас Прохожий | RSS Суббота, 10.12.2016, 07:55
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ UCOZ ШАБЛОНЫ UCOZ ФОТОШОП UCOZ КАТАЛОГ СТАТЕЙ ВЕБМАСТЕРУ UCOZ ВИДЕО ФОТОШОПА ДОПОЛНЕНИЕ САЙТА РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА


Мини-чат
Все вопросы задаем в форуме,
здесь они игнорируются!



Статистика
Онлайн всего: 4
Гостей: 4
Пользователей: 0



Главная » Файлы » Скрипты для uCoz » Скрипты блоки и шапки

Вертикальное CSS меню №7

Вертикальное CSS меню №7
Вертикальное CSS меню №7
Простое оригинальное меню работающее по принципу hover стиля
Легко грузится и не нагружает html страницы сайта ucozon.ru .
Живой пример меню
Установка:
Этот стиль меню вставляем в свои стиль сайта
Code
body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin: 0;
  font-size: 80%;
  font-weight: bold;
  background: #F3FAFF;
  }
h1 {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:16px;
  font-weight:bold;
  margin:20px 15px;
  padding:0;
  }

hr {
  border:none;
  border-top:1px solid #CCCCCC;
  height:1px;
  margin-bottom:25px;
  }

ul {
  list-style: none;
  margin: 0;
  padding: 0;
  }

#menu3321 {
  width: 200px;
  border-style: solid solid none solid;
  border-color: #677D92;
  border-size: 1px;
  border-width: 1px;
  margin: 10px;
  }

#menu3321 li a {
  height: 32px;
  voice-family: "\"}\"";
  voice-family: inherit;
  height: 24px;
  text-decoration: none;
  }

#menu3321 li a:link, #menu3321 li a:visited {
  color: #fff;
  display: block;
  background: url(images/menu3321.gif);
  padding: 8px 0 0 10px;
  }

#menu3321 li a:hover, #menu3321 li #current {
  color: #283A50;
  background: url(images/menu3321.gif) 0 -32px;
  padding: 8px 0 0 10px;
  }

#menu3321 li a:active {
  color: #283A50;
  background: url(images/menu3321.gif) 0 -64px;
  padding: 8px 0 0 10px;
  }

Само меню изменяем ссылки на свой ил вставляем в свое меню

Code
<div id="menu3321">
  <ul>
  <li><a href="http://ucozon.ru/"><span>Главная</span></a></li>
  <li><a href="http://ucozon.ru/"><span>Поиск</span></a></li>
  <li><a href="http://ucozon.ru/"><span>Регистрация</span></a></li>
  <li><a href="http://ucozon.ru/"><span>Карта сайта</span></a></li>
  <li><a href="http://ucozon.ru/"><span>О сайте</span></a></li>
  </ul>
</div>
Автор\Источник: ucozon.ru

Для того что бы скачать архив необходимо зайти на сайт как пользователь. Размер: 0,014 Мб
Просмотров: 2434 | Рейтинг: 5.0/3 | |Категория: Скрипты блоки и шапки | Добавил: mdbaner | Дата: 03.11.2010 | Скачали: 0 | Теги: меню, вертикальное, css
Похожие новости на нашем сайте
Коментарий к новости

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

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

Форма входа
Логин:
Пароль:


Поиск


На форуме

1 Файловик. Уникальные те...

0

2 Куплю сайты в индексе Я...

1

3 Куплю сайты с ТИЦ/PR (п...

9

4 Предлагаю услуги для ан...

0

5 Предлагаю услуги по про...

0

6 Комплексный прогон сайт...

51

7 Сайт онлайн фильмов на ...

1

8 Проблема с таблицей

9

9 Отредактировать фото

2

10 Уже все перепробовал )

1


Подробней о форуме


Комментарии



Copyright UcozOn.ru™ © 2008-2016


Кнопка 88х31 сайта ucozon.ru