Меню вертикальное для сайта, красное и синие простое с CSS с - Форум - приятного общения

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

чатчат Общалочка

новости Случайные новости

Название: Laurent Wolf feat. Andrew Roac...
Категория: Клипы
Название: Великолепная 200-ка. Танцеваль...
Категория: Музыка
Название: Sony Vegas Pro 9.0.1133d Rus. ...
Категория: Софт
Название: TV Player Classic 6.52.0 Rus -...
Категория: Софт
Название: SitesChecker v.1.3 Rus скачать...
Категория: Софт

Видео онлайн Видео онлайн

Смотреть онлайн Очень страшное кино 4 смотреть... / Комедии
Смотреть онлайн Звездные врата: Континуум смот... / Фантастика
Смотреть онлайн Раздвоенный язык / Интересное/Жесть
Смотреть онлайн Издеваются над котом / Приколы
Смотреть онлайн Naruto Shippuuden 147 (русская... / Аниме

Иконка Пустой блок

Страница 1 из 11
Форум » Вебмастерам » Скрипты для Ucoz » Меню вертикальное для сайта, красное и синие простое с CSS с
Меню вертикальное для сайта, красное и синие простое с CSS с
МедведищеДата: Среда, 11.08.2010, 14:43 | Сообщение # 1
Рядовой
Группа: Журналисты
Сообщений: 10
Репутация: 2
Статус: :-(
Скрин:

Краткое описание:Меню вертикальное для сайта, красное и синие простое с 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>

источник ucozon.ru

 
Форум » Вебмастерам » Скрипты для Ucoz » Меню вертикальное для сайта, красное и синие простое с CSS с
Страница 1 из 11
Поиск:


Статистика форума

Информер последних зарегистрированных или любой другой


  • VIP | Пользователи | Администраторы | Главный модератор | Модераторы