Главная » 2011 » Январь » 13 » Вертикальное серое меню (Скрипты для ucoz)
13.01.2011, 18:13

Вертикальное серое меню



Простое вертикальное серое меню для вашего сайта.

1) Скачиваем архив и загружаем папку img в корень сайта.

2) В нужное место шаблона вставляем этот код:

Code
<div class="v_menu_top"></div>
<ul class="v_menu">
<li><a href="/">Главная</a></li>
<li><a href="/forum">Форум</a></li>
<li><a href="/publ">Статьи</a></li>
<li><a href="/news">Новости</a></li>
<li><a href="/dir">Топ сайтов</a></li>
<li><a href="/blog">Мониторинг</a></li>
<li><a href="/load">Каталог файлов</a></li>
<li><a href="http://deadpubl.3dn.ru/"><font color="#1E90FF">Rip by 212th</font></a></li>
<div class="v_menu_bottom"></div>

3) В CSS, в любое место вставляем это:

Code
.v_menu_top {
  background-image: url(/img/menu_t.png);
  height: 4px;
  width: 196px;
}

.v_menu_bottom {
  background-image: url(/img/menu_b.png);
  height: 5px;
  width: 196px;
}

.v_menu {margin: 0; padding: 0; list-style: none;}
.v_menu a {
  background-image: url(/img/menu_a.png);
  display: block;
  width: 196px;
  overflow: hidden;
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 22px;
  color: #5f5f5f;
  text-decoration: none;
  text-indent: 17px;
}

.v_menu a:hover {
  background-image: url(/img/menu_h.png);
  font-weight: bold;
  color: #00aeff;
}
Материал взят с сайта infoscript.ru
Теги: Скачать Вертикальное серое меню
Скачать "Вертикальное серое меню"
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: 212th
Категория: Скрипты uCoz | Просмотров: 4140 | Добавил: antisept | Рейтинг: 3.0/2 |
Теги: вертикальное, серое, меню
Пока комментариев нет. Ты можешь быть первым!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]