« Горизонтальное CSS меню для uCoz »

Описание материала:

Красивое темно-серое с синим оттенком горизонтальное CSS меню. В данном меню нет не одного скрипта, меню полностью создан из CSS стилей. Установка его очень просто.

Установка:

  • Скачиваем архив, заливаем папку images в корень своего сайта
  • Ставим данный код туда где хотим видеть меню:
    Код
    <div id="menu">
      <ul>
      <li><a href="#" target="_blank"><span>Главная</span></a></li>
      <li><a href="#" target="_blank"><span>Архив Файлы</span></a></li>
      <li><a href="#" target="_blank"><span>Наш Форум</span></a></li>
      <li><a href="#" target="_blank"><span>Каталог Статей</span></a></li>
      <li><a href="#" target="_blank"><span>Онлайн игры</span></a></li>
      <li><a href="#" target="_blank"><span>ТОП сайтов</span></a></li>
      <li><a href="#" target="_blank"><span>Администрация</span></a></li>  
      </ul>
    </div>

  • Заходим в Таблица стилей(CSS) и в самый низ ставим код:
    Код
    /* Горизонтальное CSS меню для uCoz */
    #menu{
      width:100%;
      height:60px;
      background:url(/demo_file/gblue_css_menu/menu_bg.png) repeat-x;
    }
    #menu ul{
      list-style:none;
      margin:0 auto;
      width:100%;
    }
    #menu li{
      list-style:none;
      display:block;
      float:left;
      height:60px;
      line-height:60px;
    }
    #menu li a{
      display:block;
      float:left;
      color:#a7a7a7;
      text-transform:uppercase;
      font-size:11px;
      font-weight:bold;
      line-height:60px;
      text-decoration:none;
      padding:0 25px;  
    }
    #menu li a:hover, #menu li a.current{
      color:#fff;
      background:url(/demo_file/gblue_css_menu/menu_h.png) no-repeat bottom;  
    }
    /* ------------------------- */

    Готова!


    Скачать ( Размер архива 38.2 Kb )

    По данной ссылке, Вы можете скачать или купить архив данного материала

    Установка материала

    Мы поможем установить данный материал к Вам на сайт


    Добавил: YaVi | Категория: Скрипты для uCoz | Просмотров: 961 | Загрузок: 20

    Теги к материалу: css, горизонтальное, ucoz, для, меню

    Поделиться в соц. сетях:

    К данному материалу нет комментариев, но Вы можете стать первым, оставив свой комментарий!

    Комментариев к материалу: 0
    avatar