• Вы вошли как Гость | Пятница 18.10.2019 20:33 | Группа  "Гости"
  • Фильмы предоставляются исключительно в высоком качестве в формате DivX.Для этого нужен дополнительный кодек, информацию о котором Вы можете найти прямо на сайте с Divx фильмами. Просмотр онлайн фильмов, размещенных на сайте доставит Вам массу удовольствия!Также, просим не забывать, что кино онлайн предоставлено исключительно для ознакомительного просмотра, и по закону авторского права должны купить DVD диск.
    Если фильм не показывает, Скачайте и установитеDivX Web Player!Не забудьте перезапустить браузер!

    Flash Фильм CAMRip DivX ЧАТ-CHAT
    Форма Входа
    Быстрый поиск


    Flash Фильмы
    Просмотров: 315


    Просмотров: 589


    Просмотров: 671


    Просмотров: 262


    Мини-чат

    Комментарии
    ed127
    Репутация: 10
    Пол: Мужчина
    Комментариев: 25
    Крокодил
    Репутация: 2
    Пол: Мужчина
    Комментариев: 7
    wi639
    Репутация: 0
    Пол: Мужчина
    Комментариев: 6
    tornado
    Репутация: 0
    Пол: Мужчина
    Комментариев: 5
    amazonka
    Репутация: 0
    Пол: Женщина
    Комментариев: 5

    Оптимизация

    Наш сайт оптимизирован под интернет-браузер Firefox, здесь можно скачать самый свежий Firefox.

    warp37

    Профиль
    Сообщения:
    Гость

    Группа:
    Гости
    Время:20:33

    Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!



    Главная | Регистрация | Вход
    Синее глянцевое меню аккордеон - Скрипты - Избранные - Скрипты - Скрипты Ucoz - Онлайн фильмы

    Главная » Файлы » Скрипты » Скрипты - Избранные

    Синее глянцевое меню аккордеон
    24.05.2011, 06:40






    Очень не плохое вертикальное меню для сайта.
    Пример вы можете увидеть у меня на сайте. «Главное меню.»

    Установка: В начале скачаем архив, в нем я для вашего удобство, выложил 4 картинки
    и основной файл ddaccordion.js.

    Цвет картинки панелей легко изменить под свой цвет шаблона.

    Между тегами head и / head Вставляем Код:

    Code

    <script type="text/javascript" src=" Ваш путь к файлу- jquery.min.js"></script>

    <script type="text/javascript" src=" Ваш путь к файлу- ddaccordion.js"></script>

    <script type="text/javascript">

    ddaccordion.init({
      headerclass: "submenuheader", //Shared CSS class name of headers group
      contentclass: "submenu", //Shared CSS class name of contents group
      revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
      mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
      collapseprev: true, //Collapse previous content (so only one open at any time)? true/false  
      defaultexpanded: [], //index of content(s) open by default [index1, index2, etc] [] denotes no content
      onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
      animatedefault: false, //Should contents open by default be animated into view?
      persiststate: true, //persist state of opened contents within browser session?
      toggleclass: ["", ""], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
      togglehtml: ["suffix", "<img src='plus.gif' class='statusicon' />", "<img src='minus.gif' class='statusicon' />"], //Additional HTML added to the header when it's collapsed and expanded, respectively ["position", "html1", "html2"] (see docs)
      animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
      oninit:function(headers, expandedindices){ //custom code to run when headers have initalized
      //do nothing
      },
      onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
      //do nothing
      }
    })

    </script>

    <style type="text/css">

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

    .glossymenu a.menuitem{
    background: black url(glossyback.gif) repeat-x bottom left;
    font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
    color: white;
    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;
    }

    .glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
    color: white;
    }

    .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(glossyback2.gif);
    }

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

    .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 blue;
    }

    .glossymenu div.submenu ul li a{
    display: block;
    font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
    color: black;
    text-decoration: none;
    padding: 2px 0;
    padding-left: 10px;
    }

    .glossymenu div.submenu ul li a:hover{
    background: #DFDCCB;
    colorz: white;
    }

    </style>

    Далее создаём новый блок, «через конструктор» и загружаем в него наше файл меню.

    Code

    <div class="glossymenu">
    <a class="menuitem" href="http:Ваша ссылка">Название материала</a>
    <a class="menuitem submenuheader" href="http:Ваша ссылка" >Название материала</a>
    <div class="submenu">
      <ul>
      <li><a href="Ваша ссылка">Название материала</a></li>
      <li><a href="Ваша ссылка">Название материала</a></li>
      <li><a href="Ваша ссылка">Название материала</a></li>
      <li><a href="Ваша ссылка">Название материала</a></li>
      <li><a href="Ваша ссылка">Название материала</a></li>
      </ul>
    </div>
    <a class="menuitem" href="Ваша ссылка">Название материала</a>
    <a class="menuitem" href="Ваша ссылка">Название материала</a>
    <a class="menuitem submenuheader" href="Ваша ссылка">Название материала</a>
    <div class="submenu">
      <ul>
      <li><a href="Ваша ссылка">CSS Gallery</a></li>
      <li><a href="Ваша ссылка">Menu Gallery</a></li>
      <li><a href="Ваша ссылка">Web Design News</a></li>
      <li><a href="Ваша ссылка">CSS Examples</a></li>
      <li><a href="Ваша ссылка">CSS Compressor</a></li>
      </ul>
      <img src="http://fog.3dn.ru/DlaSaita/Menu-Vertikal/12.gif" style="margin: 10px 5px" />
    </div>
    <a class="menuitem" href="Ваша ссылка" style="border-bottom-width: 0">Название материала</a>  
    </div>

    Или же можно создать информер любой, "новости или статьи" Каму как удобно.
    Количество материалов 1 окон 1 . создаем и загружаем туда наше меню.
    Вот и все. Удачи.

    Материал подготовил Bizon



    Категория: Скрипты - Избранные | Добавил: ed127 | Теги: синее, глянцевое, аккордеон, меню
    Просмотров: 347 | Загрузок: 2 | Рейтинг: 0.0/0

    Поделись ссылкой

  • -ссылка
  • -BBCode
  • -HTML

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

     


    Поиск
    Наш опрос
    Какие фильмы вам нравится смотреть?
    1. Фантастика
    2. Комедии
    3. Приключения
    4. Боевики
    5. Ужасы
    6. Драмы
    7. Криминал
    8. Мелодрамы
    9. Мистика
    10. Мультфильмы
    11. Детективы
    12. Триллеры
    Всего ответов: 25
    HD - TV

    Первый

    HD
    TV

    Для просмотра (TV) Необходимо установить браузер Mozilla FireFox
    Скрипты Ucoz
    Скрипты для Ucoz
    Стол заказов
    Книга жалоб


    Гуляем
    Праздники России


  • ГБО-Автоклуб 8

  • Друзья сайта
    Фильмы OWI.3dn.ru
    alfa-trans.3dn.ru
    FOG
    Новости
    Статистика
    Статистика доступна только зарегистрированным пользователям!
    Регистрация


    Бесплатный хостинг uCoz
    www.ed127.3dn.ru
    Загрузка...