Приветствую Вас Прохожий | RSS

Суббота, 23.11.2024, 17:59

Меню сайта

Гостевая сайта

РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА

Категории раздела

Скрипты блоки и шапки [337]

Скрипты Вид новостей [366]

Скрипты php для ucoz [47]

Скрипты для форума [186]

Скрипты информеры [118]

Скрипты Разное [1105]

Мини-чат

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

Блок спам рекламы

Сайт села Екатерининско* .

Фильмы, сериалы торрент .

НОВИНКИ 2019 В FULLHD 4* .

Лучшее Хип-Хоп радио St* .

ФИЛЬМЫ ОНЛАЙН В HD! .

Облачный майнинг HF18BD* .

Сайт за 6000 wmr .

http://ucozon.ru/forum/* .

Lineagw 2: Revolution .

Фильмы на планшет торре* .

Добавлять могут только пользователи зарегистрированные 15 суток.

Статистика

Онлайн всего: 40

Гостей: 40

Пользователей: 0

Кто нас сегодня посетил
Статистика посетителей
Подписка на новости
День рождения

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

Вертикальное меню для сайта разных цветов

Простая вертикальная менюшка для сайта как ucoz так и для других сайтов подходит, уникально своим размером и цветности кнопки, работает без под меню, просто кнопочки удобные и хорошо заметные.

Пример меню горизонтального в разном соцветие и оттенков для белых фонов сайта.

Первый код вставляем в таблицу стилей, так как это сам стиль кнопки меню, а второй код идет само меню естественно отредактированный под ваши нужды

Смотрим пример фона и выбираем свое меню

Code

ul#menu {list-style-type:none; margin:0; padding:0;}
  ul#menu li a{
  color:#909090;
  background: url(http://ucozon.ru/SCRIN7/2/menu3213/menu/vert_menu2.png) no-repeat 0 0;
  text-decoration:none;
  width: 200px;
  height: 55px;
  display:block;
  border:none;
  text-shadow: #ddd 2px 2px 0;
  }

  ul#menu li a:hover{
  background-position: 50% 100%;
  width: 200px;
  height: 55px;
  display:block;
  color:#fff;
  text-shadow: #000 2px 2px 0;
  }

  ul#menu li a span{
  font-family:sans-serif;
  font-size:18px;
  padding:17px 0 0 20px;
  display:block;
  }

Код, вставляемый в блок один контейнера

Code

<ul id="menu">
 <li><a href="#">Карта сайта</a></li>
 <li><a href="#">Cайт ucozon.ru</a></li>
</ul>

Code

ul#menu3 {list-style-type:none; margin:0; padding:0;}
  ul#menu3 li a{
  color:#909090;
  background: url(http://ucozon.ru/SCRIN7/2/menu3213/menu/vert_menu3.png) no-repeat 0 0;
  text-decoration:none;
  width: 200px;
  height: 55px;
  display:block;
  border:none;
  text-shadow: #ddd 2px 2px 0;
  }

  ul#menu3 li a:hover{
  background-position: 50% 100%;
  width: 200px;
  height: 55px;
  display:block;
  color:#fff;
  text-shadow: #000 2px 2px 0;
  }

  ul#menu3 li a span{
  font-family:sans-serif;
  font-size:18px;
  padding:17px 0 0 20px;
  display:block;
  }

Код, вставляемый в блок два контейнера

Code

<ul id="menu3">
 <li><a href="#">Карта сайта</a></li>
 <li><a href="#">Cайт ucozon.ru</a></li>
</ul>

Code

ul#menu4 {list-style-type:none; margin:0; padding:0;}
  ul#menu4 li a{
  color:#909090;
  background: url(http://ucozon.ru/SCRIN7/2/menu3213/menu/vert_menu4.png) no-repeat 0 0;
  text-decoration:none;
  width: 200px;
  height: 55px;
  display:block;
  border:none;
  text-shadow: #ddd 2px 2px 0;
  }

  ul#menu4 li a:hover{
  background-position: 50% 100%;
  width: 200px;
  height: 55px;
  display:block;
  color:#fff;
  text-shadow: #000 2px 2px 0;
  }

  ul#menu4 li a span{
  font-family:sans-serif;
  font-size:18px;
  padding:17px 0 0 20px;
  display:block;
  }

Код, вставляемый в блок два контейнера

Code

<ul id="menu4">
 <li><a href="#">Карта сайта</a></li>
 <li><a href="#">Cайт ucozon.ru</a></li>
</ul>

Code

ul#menu5 {list-style-type:none; margin:0; padding:0;}
  ul#menu5 li a{
  color:#909090;
  background: url(http://ucozon.ru/SCRIN7/2/menu3213/menu/vert_menu5.png) no-repeat 0 0;
  text-decoration:none;
  width: 200px;
  height: 55px;
  display:block;
  border:none;
  text-shadow: #ddd 2px 2px 0;
  }

  ul#menu5 li a:hover{
  background-position: 50% 100%;
  width: 200px;
  height: 55px;
  display:block;
  color:#fff;
  text-shadow: #000 2px 2px 0;
  }

  ul#menu5 li a span{
  font-family:sans-serif;
  font-size:18px;
  padding:17px 0 0 20px;
  display:block;
  }

Код, вставляемый в блок четыре контейнера

Code

<ul id="menu5">
 <li><a href="#">Карта сайта</a></li>
 <li><a href="#">Cайт ucozon.ru</a></li>
</ul>

Code

ul#menu6 {list-style-type:none; margin:0; padding:0;}
  ul#menu6 li a{
  color:#909090;
  background: url(http://ucozon.ru/SCRIN7/2/menu3213/menu/vert_menu6.png) no-repeat 0 0;
  text-decoration:none;
  width: 200px;
  height: 55px;
  display:block;
  border:none;
  text-shadow: #ddd 2px 2px 0;
  }

  ul#menu6 li a:hover{
  background-position: 50% 100%;
  width: 200px;
  height: 55px;
  display:block;
  color:#fff;
  text-shadow: #000 2px 2px 0;
  }

  ul#menu6 li a span{
  font-family:sans-serif;
  font-size:18px;
  padding:17px 0 0 20px;
  display:block;
  }

Код,

Code

<ul id="menu6">
 <li><a href="#">Карта сайта</a></li>
 <li><a href="#">Cайт ucozon.ru</a></li>
</ul>

Code

ul#menu7 {list-style-type:none; margin:0; padding:0;}
  ul#menu7 li a{
  color:#909090;
  background: url(http://ucozon.ru/SCRIN7/2/menu3213/menu/vert_menu7.png) no-repeat 0 0;
  text-decoration:none;
  width: 200px;
  height: 55px;
  display:block;
  border:none;
  text-shadow: #ddd 2px 2px 0;
  }

  ul#menu7 li a:hover{
  background-position: 50% 100%;
  width: 200px;
  height: 55px;
  display:block;
  color:#fff;
  text-shadow: #000 2px 2px 0;
  }

  ul#menu7 li a span{
  font-family:sans-serif;
  font-size:18px;
  padding:17px 0 0 20px;
  display:block;
  }

Код, контейнер

Code

<ul id="menu7">
 <li><a href="#">Карта сайта</a></li>
 <li><a href="#">Cайт ucozon.ru</a></li>
</ul>

Code

ul#menu8 {list-style-type:none; margin:0; padding:0;}
  ul#menu8 li a{
  color:#909090;
  background: url(http://ucozon.ru/SCRIN7/2/menu3213/menu/vert_menu8.png) no-repeat 0 0;
  text-decoration:none;
  width: 200px;
  height: 55px;
  display:block;
  border:none;
  text-shadow: #ddd 2px 2px 0;
  }

  ul#menu8 li a:hover{
  background-position: 50% 100%;
  width: 200px;
  height: 55px;
  display:block;
  color:#fff;
  text-shadow: #000 2px 2px 0;
  }

  ul#menu8 li a span{
  font-family:sans-serif;
  font-size:18px;
  padding:17px 0 0 20px;
  display:block;
  }

Код, вставляемый в блок восем контейнера

Code

<ul id="menu8">
 <li><a href="#">Карта сайта</a></li>
 <li><a href="#">Cайт ucozon.ru</a></li>
</ul>

Code

ul#menu9 {list-style-type:none; margin:0; padding:0;}
  ul#menu9 li a{
  color:#909090;
  background: url(http://ucozon.ru/SCRIN7/2/menu3213/menu/vert_menu9.png) no-repeat 0 0;
  text-decoration:none;
  width: 200px;
  height: 55px;
  display:block;
  border:none;
  text-shadow: #ddd 2px 2px 0;
  }

  ul#menu9 li a:hover{
  background-position: 50% 100%;
  width: 200px;
  height: 55px;
  display:block;
  color:#fff;
  text-shadow: #000 2px 2px 0;
  }

  ul#menu9 li a span{
  font-family:sans-serif;
  font-size:18px;
  padding:17px 0 0 20px;
  display:block;
  }

Код,

Code

<ul id="menu9">
 <li><a href="#">Карта сайта</a></li>
 <li><a href="#">Cайт ucozon.ru</a></li>
</ul>

Code

ul#menu10 {list-style-type:none; margin:0; padding:0;}
  ul#menu10 li a{
  color:#909090;
  background: url(http://ucozon.ru/SCRIN7/2/menu3213/menu/vert_menu10.png) no-repeat 0 0;
  text-decoration:none;
  width: 200px;
  height: 55px;
  display:block;
  border:none;
  text-shadow: #ddd 2px 2px 0;
  }

  ul#menu10 li a:hover{
  background-position: 50% 100%;
  width: 200px;
  height: 55px;
  display:block;
  color:#fff;
  text-shadow: #000 2px 2px 0;
  }

  ul#menu10 li a span{
  font-family:sans-serif;
  font-size:18px;
  padding:17px 0 0 20px;
  display:block;
  }

Код, вставляемый в блок десятый контейнера

Code

<ul id="menu10">
 <li><a href="#">Карта сайта</a></li>
 <li><a href="#">Cайт ucozon.ru</a></li>
</ul>

Автор\Источник: ucozon.ru
Для того что бы скачать архив необходимо зайти на сайт как пользователь. Размер: 9.0 Kb