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


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



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



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

Меню вертикальное для сайта, красное и синие простое с CSS стилем hover

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

В стиле все расписано для изменения шрифта цвета и всего остального все

Красный цвет меню

Code
<style type="text/css">
a.logo1:link, a.logo1:visited {
  display : block;
  background : url(http://ucozon.ru/SCRIN5/sapky/menusca/logo1.jpg) no-repeat; /*картинка*/
  font-size : 20px; /*размер шрифта*/
  font-weight : bold; /*тип шрифта*/
  text-decoration : none;  
  padding : 2px 0px 2px 0px;
  color : #CCC; /*цвет шрифта актив*/
  width : 180px; /*ширина кнопки*/
  height : 26px; /*высота кнопки с припуском*/
  text-indent : 20px; /*смещение шрифта по горизонтали*/
  background-color : #CCCCCC; /*цвет фона под меню*/
}
a.logo1:hover {
  background-position: 0px -30px;
  text-decoration: none;
  color: #fff;
}

a.logo1#active_menu {
  color:#fff;
  font-weight: bold;
}

a.logo1#active_menu:hover {
  list-style: none;
  color:#fff;
}

</style>  

<a href="http://ucozon.ru" class="logo1">МЕНЮ ЛИНК 1</a>
<a href="http://ucozon.ru" class="logo1">МЕНЮ ЛИНК 2</a>
<a href="http://ucozon.ru" class="logo1">МЕНЮ ЛИНК 3</a>
<a href="http://ucozon.ru" class="logo1">МЕНЮ ЛИНК 4</a>
<a href="http://ucozon.ru" class="logo1">МЕНЮ ЛИНК 5</a>
<a href="http://ucozon.ru" class="logo1">МЕНЮ ЛИНК 6</a>
<a href="http://ucozon.ru" class="logo1">МЕНЮ ЛИНК 7</a>
<a href="http://ucozon.ru" class="logo1">МЕНЮ ЛИНК 9</a>

Синий цвет меню

Code
<style type="text/css" media="all">
a.logo2:link, a.logo2:visited {
  display : block;
  background: url(http://ucozon.ru/SCRIN5/sapky/menusca/logo2.jpg) no-repeat; /*картинка*/
  font-size : 14px; /*размер шрифта*/
  font-weight : normal; /*тип шрифта*/
  padding : 2px 0px 2px 0px;
  color : #CCC; /*цвет шрифта актив*/
  width : 180px; /*ширина кнопки*/
  text-decoration :none;
  height : 26px; /*высота кнопки с припуском*/
  text-indent : 40px; /*смещение шрифта по горизонтали*/
  background-color : #FF0000; /*цвет фона под меню*/
}
a.logo2:hover {
  background-position: 0px -30px;
  text-decoration: none;
  color: #fff;
}

a.logo2#active_menu {
  color:#fff;
  font-weight: bold;
}

a.logo2#active_menu:hover {
  color:#fff;
}
</style>
  <a href="http://ucozon.ru" class="logo2">МЕНЮ ЛИНК 1</a>
<a href="http://ucozon.ru" class="logo2">МЕНЮ ЛИНК 2</a>
<a href="http://ucozon.ru" class="logo2">МЕНЮ ЛИНК 3</a>
<a href="http://ucozon.ru" class="logo2">МЕНЮ ЛИНК 4</a>
<a href="http://ucozon.ru" class="logo2">МЕНЮ ЛИНК 5</a>
<a href="http://ucozon.ru" class="logo2">МЕНЮ ЛИНК 6</a>
<a href="http://ucozon.ru" class="logo2">МЕНЮ ЛИНК 7</a>
<a href="http://ucozon.ru" class="logo2">МЕНЮ ЛИНК 9</a>

Вот чуток порисовал кнопки верстка не очень просто стиль
автор mdbaner
источник сайта автора указывать ucozon.ru обязательно !
Автор\Источник: ucozon.ru

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

Всего комментариев: 3
3 ALEKC6   Дата: 24.06.2012  Время: 01:49   [№ 13332]
Менюха красивая, только печаль одна: нельзя поменять бэкграунд картинку, она в стиле прописана)))

Ответ: а что вам мешает скачать стиль и изменить его самостоятельно?

2 avtoigor   Дата: 02.11.2010  Время: 22:19   [№ 4906]
Плохо что работает только в explorer а в мазиле и опере нет sad

1 123e   Дата: 02.09.2010  Время: 17:14   [№ 4313]
класная менюха biggrin


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

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


Поиск


На форуме

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