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


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



Статистика
Онлайн всего: 17
Гостей: 16
Пользователей: 1
LESIYI



Главная » Файлы » Скрипты для 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="#"><span>Карта сайта</span></a></li>  
      <li><a href="#"><span>Cайт ucozon.ru</span></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="#"><span>Карта сайта</span></a></li>  
      <li><a href="#"><span>Cайт ucozon.ru</span></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="#"><span>Карта сайта</span></a></li>  
      <li><a href="#"><span>Cайт ucozon.ru</span></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="#"><span>Карта сайта</span></a></li>  
      <li><a href="#"><span>Cайт ucozon.ru</span></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="#"><span>Карта сайта</span></a></li>  
      <li><a href="#"><span>Cайт ucozon.ru</span></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="#"><span>Карта сайта</span></a></li>  
      <li><a href="#"><span>Cайт ucozon.ru</span></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="#"><span>Карта сайта</span></a></li>  
      <li><a href="#"><span>Cайт ucozon.ru</span></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="#"><span>Карта сайта</span></a></li>  
      <li><a href="#"><span>Cайт ucozon.ru</span></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="#"><span>Карта сайта</span></a></li>  
      <li><a href="#"><span>Cайт ucozon.ru</span></a></li>  
    </ul>
  • Автор\Источник: ucozon.ru

    Для того что бы скачать архив необходимо зайти на сайт как пользователь. Размер: 9.0Kb
    Просмотров: 6055 | Комментарии: 6 | Рейтинг: 5.0/3 | |Категория: Скрипты блоки и шапки | Добавил: мир | Дата: 07.07.2011 | Скачали: 15 | Теги: вертикальное, разных, цветов, сайта, меню
    Похожие новости на нашем сайте
    Коментарий к новости

    Всего комментариев: 6
    6 Smile   Дата: 07.07.2011  Время: 16:52   [№ 9401]
    Классное меню, я как знал что мир сделал)
    (автора не смотрел)

    3 MrTiko   Дата: 07.07.2011  Время: 13:57   [№ 9398]
    chto nepravlino delal ? pervii kod v css a vtoroi v blok ne tak??

    4 мир   Дата: 07.07.2011  Время: 14:48   1 [№ 9399]
    все так , бывает тормозит обновления кэша в CSS подождите немного или обновите страницу несколько раз.

    5 MrTiko   Дата: 07.07.2011  Время: 15:17   2 [№ 9400]
    ladno spasibo )))

    1 MrTiko   Дата: 07.07.2011  Время: 13:36   [№ 9395]
    u menia ne rabotaet ((

    2 mdbaner   Дата: 07.07.2011  Время: 13:53   1 [№ 9396]
    значить не правильно установили, вижу на примере живом все пашет.


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

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


    Поиск


    На форуме

    1 Куплю сайты с ТИЦ/PR (п...

    9

    2 Предлагаю услуги для ан...

    0

    3 Предлагаю услуги по про...

    0

    4 Комплексный прогон сайт...

    51

    5 Сайт онлайн фильмов на ...

    1

    6 Проблема с таблицей

    9

    7 Отредактировать фото

    2

    8 Уже все перепробовал )

    1

    9 Скрипт "Нравится&q...

    3

    10 Меню для сайта

    3


    Подробней о форуме


    Комментарии



    Copyright UcozOn.ru™ © 2008-2016


    Кнопка 88х31 сайта ucozon.ru