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


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



Статистика
Онлайн всего: 19
Гостей: 17
Пользователей: 2
MaDaRa, LESIYI



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

Пять вертикальных CSS меню

Пять вертикальных CSS меню
Простое оригинальное меню работающее по принципу hover стиля
Легко грузится и не нагружает html страницы сайта ucozon.ru . Для запаса заготовлены 5 видов цвета кнопок для меню, просто заменяем картинку или убираем цифру и заливаем на сайт в корень.
Живой пример меню
Установка:
Этот стиль меню вставляем в свои стиль сайта и редактируем под свои цвет путем замены картинки кнопки
Code

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

#vert_menu {
  font-weight: bold;
  font-family: Verdana, Helvetica, sans-serif;
  text-decoration: none;  
  font-size: 80%;
  width: 202px;
  }

#vert_menu li {
  height: 37px;
  }

#vert_menu li a:link, #vert_menu li a:visited {
  text-decoration: none;  
  color: #abc6ff;
  display: block;
  background: url(images/vert_menu.png) 0 0 no-repeat;
  padding: 10px 0 10px 10px;
  }

#vert_menu li a:hover, #vert_menu li #current {
  color: #FFF;
  background: url(images/vert_menu.png) 0 -37px no-repeat;
  padding: 10px 0 10px 15px;
  }

images/vert_menu.png изменяем на картинку выбранного цвета





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

Code
<ul id="vert_menu">
  <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>
Автор\Источник: ucozon.ru

Для того что бы скачать архив необходимо зайти на сайт как пользователь. Размер: 0.017 Мб
Просмотров: 3238 | Комментарии: 4 | Рейтинг: 4.8/13 | |Категория: Скрипты блоки и шапки | Добавил: mdbaner | Дата: 02.11.2010 | Скачали: 8 | Теги: css, пять, вертикальных, меню
Похожие новости на нашем сайте
Коментарий к новости

Всего комментариев: 4
4 sadomaza   Дата: 08.04.2011  Время: 09:36   [№ 7564]
Скажите кто то пожалуйста, как с этого меню сделать горизонтальное?

+1   Спам
3 Филипп   Дата: 03.11.2010  Время: 11:29   [№ 4912]
Красиво и удобно smile

+2   Спам
2 Кирилл   Дата: 02.11.2010  Время: 21:59   [№ 4905]
Коричневое порадовало)

-2   Спам
1 Un1x   Дата: 02.11.2010  Время: 21:33   [№ 4904]
нееее не интерстно извеняй


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

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


Поиск


На форуме

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