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


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



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



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

Меню раскладное

Меню раскладное Меню, раскладное
Раскладное меню светлого дизайна, с использованием минимум графики и без использования куков для памяти раскрытых разделов самого меню

  • Установка раскладного меню
    Скачиваем архив и заливаем папки в корень сайта.

    На все cтраницы сайта после <head>  вставляем скрипты функциональности меню, предварительно проставив ссылки и залив js файлы в корень своего сайта:
    Code
    <script type="text/javascript" src="/js/ddaccordion.js"></script>  
    <script type="text/javascript" src="/js/sdmenu.js"></script>


    В блок:
    Code
    <div class="glossymenu">  
      <a class="menuitem submenuheader">Rip сообщения</a>  
      <div class="submenu">  
      <ul>  
      <li><A href="http://ucozon.ru/">Страница сайта</A></li>  
      <li><A href="http://ucozon.ru/">Страница сайта</A></li>  
      <li><A href="http://ucozon.ru/">Страница сайта</A></li>  
      <li><A href="http://ucozon.ru/">Страница сайта</A></li>  
      <li><A href="http://ucozon.ru/">Страница сайта</A></li>  
      </ul>  
      </div>  
      <a class="menuitem submenuheader">Ваше сообщения</a>  
      <div class="submenu">  
      <ul>  
      <li><A href="http://ucozon.ru/">сообщения</A></li>  
      <li><A href="http://ucozon.ru/">сообщения</A></li>  
      <li><A href="http://ucozon.ru/">сообщения</A></li>  
      <li><A href="http://ucozon.ru/">сообщения</A></li>  
      <li><A href="http://ucozon.ru/">сообщения</A></li>  
      </ul>  
      </div>  
      <a class="menuitem submenuheader">Ваше сообщения</a>  
      <div class="submenu">  
      <ul>  
      <li><A href="http://ucozon.ru/">сообщения</A></li>  
      <li><A href="http://ucozon.ru/">сообщения</A></li>  
      <li><A href="http://ucozon.ru/">сообщения</A></li>  
      <li><A href="http://ucozon.ru/">Rip сообщения</A></li>  
      <li><A href="http://ucozon.ru/">1234567890</A></li>  
      </ul>  
      </div>


    В таблицу стилей CSS:
    Code
    .glossymenu{  
      margin: 5px 0;  
      padding: 0;  
      width: 185px; /*width of menu*/  
      border: 1px solid #5d5d5d;  
      border-bottom-width: 0;  
      }  

      .glossymenu a.menuitem{  
      background: url() #c5c5c5;  
      font: normal 10px "Visitor_Rus", "Visitor_Rus", Visitor_Rus, Visitor_Rus, Visitor_Rus;  
      color: #5d5d5d;  
      display: block;  
      position: relative; /*To help in the anchoring of the ".statusicon" icon image*/  
      width: auto;  
      padding: 4px 0;  
      padding-left: 10px;  
      text-decoration: none;  
      border-top: 0px solid #5d5d5d;  
      border-bottom: 1px solid #5d5d5d;  
      }  

      .glossymenu a.menuitem:visited, .glossymenu .menuitem:active{  
      color: #5d5d5d;  
      }  

      .glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/  
      position: absolute;  
      top: 5px;  
      right: 5px;  
      border: none;  
      }  

      .glossymenu a.menuitem:hover{  
      background-image: url() #c5c5c5;  
      }  

      .glossymenu div.submenu{ /*DIV that contains each sub menu*/  
      background-image: url() #c5c5c5;  
      }  

      .glossymenu div.submenu ul{ /*UL of each sub menu*/  
      list-style-type: none;  
      margin: 0;  
      padding: 0;  
      }  

      .glossymenu div.submenu ul li{  
      border-bottom: 1px solid #5d5d5d;  
      }  

      .glossymenu div.submenu ul li a{  
      display: block;  
      font: normal 10px "Visitor_Rus", "Visitor_Rus", Visitor_Rus, Visitor_Rus, Visitor_Rus;  
      color: #5d5d5d;  
      text-decoration: none;  
      padding: 2px 0;  
      padding-left: 10px;  
      }  

      .glossymenu div.submenu ul li a:hover{  
      background-image: url() #c5c5c5;  
      colorz: #999999;  
      }  

      .glossymenu{margin: 5px 0; padding: 0; width: 180px; /*width of menu*/ border: 1px solid #5d5d5d; border-bottom-width: 0; }  

      .glossymenu a.menuitem{background:url(/images/m3.png) #c5c5c5 ;font: normal 10px "Arial", "Arial", Arial, Arial, Arial;  
      color: #5d5d5d;  
      display: block;  
      position: relative; /*To help in the anchoring of the ".statusicon" icon image*/  
      width: auto;  
      padding: 4px 0;  
      padding-left: 10px;  
      text-decoration: none;  
      border-top: 0px solid #5d5d5d;  
      border-bottom: 1px solid #5d5d5d;  
      }  

      .glossymenu a.menuitem:visited, .glossymenu .menuitem:active{  
      color: #5d5d5d;  
      }  

      .glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/  
      position: absolute;  
      top: 5px;  
      right: 5px;  
      border: none;  
      }  

      .glossymenu a.menuitem:hover{  
      background: url(/images/m2.png) #c5c5c5;  
      text-shadow:0px 1px 0px #FFFFFF;  
      }  

      .glossymenu div.submenu{ /*DIV that contains each sub menu*/  
      background:#d5d5d5;  
      }  

      .glossymenu div.submenu ul{ /*UL of each sub menu*/  
      list-style-type: none;  
      margin: 0;  
      padding: 0;  
      }  

      .glossymenu div.submenu ul li{  
      border-bottom: 1px solid #5d5d5d;  
      }  

      .glossymenu div.submenu ul li a{  
      display: block;  
      font: normal 10px "Arial", "Arial", Arial, Arial, Arial;  
      background:url(/images/m1.png)#c5c5c5;  
      text-decoration: none;  
      padding: 2px 0;  
      padding-left: 15px;  
      }  

      .glossymenu div.submenu ul li a:hover{  
      background:url(/images/m1.png);background-position:0px -20px;  
      text-shadow:0px 1px 0px #ffffff;  
      }
  • Автор\Источник: не указан или не известен!

    Для того что бы скачать архив необходимо зайти на сайт как пользователь. Размер: 0,001 Мб
    Просмотров: 2465 | Комментарии: 3 | Рейтинг: 5.0/2 | |Категория: Скрипты блоки и шапки | Добавил: мир | Дата: 20.07.2011 | Скачали: 24 | Теги: Раскладное, меню
    Похожие новости на нашем сайте
    Коментарий к новости

    Всего комментариев: 3
    3 MrTiko   Дата: 25.07.2011  Время: 23:04   [№ 9666]
    ya takoie videl v ucozone pochti tot samii prosto izmenili kartinku pomoemu:)

    +1   Спам
    2 StraJ   Дата: 20.07.2011  Время: 22:20   [№ 9578]
    О я как раз подобное искал

    1 MrTiko   Дата: 20.07.2011  Время: 21:16   [№ 9577]
    takoe uje bilo ili ochen poxoje bilo..


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

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


    Поиск


    На форуме

    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