Fakir-amXServ.ru

Раздвижное меню

FAKIR — Sun, 11 Nov 2012 05:02:29 GMT

Раздвижное меню на Ucoz
Установка:
Залить папку menu в корень сайта.
В конструкторе создать блок и вставить код:

Code

     Категория

     Название
     Название
     Название

     Категория

     Категория

Новое меню

MeNameLarchik — Mon, 14 Nov 2011 00:13:56 GMT

Описание:
Новое меню на сайт по типу Мега Информера. Мой первый скрипт. Обо всех багах или ошибках пишем в этой теме)
Установка:
В style1.css ставим:

Code

.mc_menu2 {height:30px;width: 270px;text-align: left; margin-top:1px;}
  .mc_menu2 a:link, .mc_menu2 a:visited {text-shadow: black -1px -1px 1px;color:#orange;padding-left:20px;line-height:30px;display:block;font-weight:normal;background: #222222;border-top: 1px solid #363636;border-right: 1px solid #212121;border-left: 1px solid #212121;border-bottom: 1px solid #212121;text-align: left; margin-top:1px;}
  .mc_menu2 a:hover {color:#ffffff;text-shadow:0 0 5px ;padding-left:20px;line-height:30px;display:block;font-weight:normal;background: #282828;text-align: left;border-left: 2px solid #lime; margin-top:1px;}

Создаем новый блок в конструкторе и во вкладке "html" ставим:

Code

  Название
    Название
    Название
    Название
    Название
    Название

    Название

    Название

Картинки заливаем в /images/

Меню v1

MeNameLarchik — Sun, 15 May 2011 07:02:17 GMT

Новое меню на Dominion при наведении на ссылку кнопка подсвечивается!
Установка:
Создаем блок в конструкторе и ставим код:

Code

Главная страница

Каталог файлов

Каталог статей

Блог

Форум

Фотоальбомы

Гостевая книга

Обратная связь

В mainstyles.css в самый низ ставим:

Code

/* Menus */
  ul.uz, ul.uMenuRoot {list-style: none; margin: 0 0 0 0; padding-left: 0px;}
  li.menus {margin: 0; padding: 0 0 0 13px; background: url('/.s/t/878/8.gif') no-repeat 0px 3px; margin-bottom: .6em;}
  /* ----- */
  /* Site Menus */
  .uMenuH li {float:left;padding:0 5px;}
  .uMenuV .uMenuItem {font-weight:normal;font-size: 10px; text-transform:uppercase;text-shadow: 0px 1px 0px #000000;}
  .uMenuV li a:link {text-decoration:none; color:#dcdcdc;}
  .uMenuV li a:active {text-decoration:none; color:#dcdcdc}
  .uMenuV li a:visited {text-decoration:none; color:#dcdcdc}
  .uMenuV li a:hover {text-decoration:none; color:#FFFFFF}
  .uMenuV .uMenuItemA {font-weight:normal;font-size: 12px; text-transform:uppercase;text-shadow: 0px 1px 0px #000000;}
  .uMenuV a.uMenuItemA:link {text-decoration:none; color:#dcdcdc;}
  .uMenuV a.uMenuItemA:visited {text-decoration:none; color:#dcdcdc}
  .uMenuV a.uMenuItemA:hover {text-decoration:none; color:#FFFFFF}
  .uMenuV .uMenuArrow {position:absolute;width:10px;height:10px;right:0;top:3px;background:url('/.s/img/wd/1/ar1.gif') no-repeat 0 0;}
  .uMenuV li {margin: 0; padding: 7px 0 0 13px; background: url('/images/vertical-nav-bg.png') no-repeat; margin-bottom: 2px; height: 21px; width: 250px;align:center; text-align: left;cursor:pointer;}
  .uMenuV li:hover {background-position: 0px -28px;}
  /* --------- */

Заливаем картинку в /images/

Меню на jquery и css

FAKIR — Mon, 18 Apr 2011 19:01:53 GMT

Вывод меню сайта в вертикальном скроллинге, при наведении мыши вверх или вниз меню прокручивается.
Установка:
Создаем информер Счетчики материалов в шаблон вставляем код:

Создаем новый блок в конструкторе в него вставляем код:

[Table]$MYINF_XX$ меняем на свой созданный информер[/Table]
В style1.css в низ ставим:

Code

div.sc_menu_wrapper {
      position: relative;
      height: 200px;
      margin-top: 5px;
      overflow: auto;
   width: 256px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      text-align: center;
      color: #212121;
      border: 1px #212121;
      background: #212121;
   }
   div.sc_menu {
      padding: 5px 0;
   }
   .sc_menu a {
      display: block;
      margin-bottom: 5px;
      border: 3px rgb(79, 79, 79) solid;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      color: #fff;
      background: rgb(79, 79, 79);
   }
   .sc_menu a:hover {
      border-color: rgb(130, 130, 130);
      border-style: solid;
   }
   .sc_menu img {
      display: block;
      border: none;
   }
   .sc_menu_wrapper .loading {
      position: absolute;
      top: 10px;
      left: 0px;
      margin: 0 auto;
      padding: 10px;
      width: 200px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      text-align: center;
      color: #fff;
      border: 1px solid rgb(79, 79, 79);
      background: #252525;
   }
   #back {
      margin-left: 10px;
      color: gray;
      font-size: 18px;
      text-decoration: none;
   }
   #back:hover {
      text-decoration: underline;
   }

Аккордеон меню

FAKIR — Mon, 18 Apr 2011 18:53:37 GMT

Установка:
В конструкторе создаем блок и ставим в него:

В CSS ставим:

Code

#accordion .item {
              width: 268px;
              height: 30px;
              overflow: hidden;
              -webkit-transition: height ease-in-out 500ms;
              border: 1px solid #000;
              border-radius: 5px;
              -webkit-border-radius: 5px;
              margin-bottom: 2px;
          }
          #accordion h3 {
              display: block;
              height: 20px;
              line-height: 20px;
              margin: 0px 0px 5px 0px;
              background: #000;
              padding: 5px;
              color: #ccc;
              text-decoration: none;
              font-size: 1.2em;
          }
          #accordion p {
              height: 150px;
              padding: 5px;
          }
          #accordion div:hover {
              height: 150px;
              background: #232323;
          }
          #accordion div:hover h3 {
              border-bottom: 1px solid #ff0000;
              font-weight: bold;
          }

[am]- width: 268px; - Ширина закладок
- height: 150px; - Высота выпадающей панели[/am]

Fakir-amXServ.ru

Раздвижное меню

Новое меню

Меню v1

Меню на jquery и css

Аккордеон меню

Информер

Информер 2

Информер 3

Информер 4