Скрипт раздвижного меню - 11 Октября 2012 - Игровой портал Казахстана

Меню
Навигация Наши сервисы Counter-Strike 1.6 Counter-Strike Source Система Ucoz Все для Photoshop Программы/Софт
Мини-чат
Опрос
Откуда вы к нам попали?
Всего ответов: 25
Последние коменты






Случайные файлы
weaponmenu
[28.08.2011]
Плагины


Patch v.25
[22.01.2012]
Патчи


Cut the right
[28.08.2011]
Плагины


TeamSpeak 3
[24.08.2011]
Разное


Smile lol
[28.08.2011]
Лого и иконки


sXe Injected 11.8 NEW FIX5
[28.08.2011]
Анти-читы


TeamViewer СКАЧАТЬ БЕСПЛАТНО РУССКУЮ ВЕРСИЮ
[08.01.2012]
Прочее для GAME


TeamSpek русификатор
[25.08.2011]
Разное


[Knife Сервер] by 7up.cfg
[15.12.2011]
Готовые сервера


Statsx_shell
[28.08.2011]
Плагины


о_О теги
cs Counter-Strike Quake VAC Server HLTV Linux teamspeak TS yahoo cs maps de_night zadr de_dust2_2x2 new oomyfanat SK-Gaming Dan!k :D knf pack knife bbs Bosya HeadSHoooT kz Legion rk Team Jacob** no cheat Dan! DeN Cs 1.6 atom-media Method hns floppydown http://www.youtube.com/watch?v=juyZ patch cup esea logos markeloff logo sexy ) f0rest plugins StatsX descspace cfg by Jacob Jacob cfg cfg gamer_ctq compLexity BETA cs source Gore mousesports CW mix server steam anti cheat Dan!k/K/ head JABBAWOCKEEZ sXe Injected na'vi American ESL steam skin dota girl game team HLSW 1.4 kz team girls Tenax 20 лет HidenSeek Duel Fraps Happy New Year rus fraps Adobe Photoshop Photoshop bbsrk ucoz.net CS3 Game new cs Shift steelserias knf pub Knife server Moscow Five Female nice knf server Strenx models Alan Wake ogogo Remedy TeamWiever TM DE_DUST1X ROCCAR savu S.T.A.L.K.E.R
Вход на сайт
Главная » 2012 » Октябрь » 11 » Скрипт раздвижного меню

Скрипт раздвижного меню
Добавил: Aninew · Просмотров: 368
Спасибо +

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

Code
.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}


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

Code
<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" 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

                                                                    



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

Информация
Чтобы просматривать наш сайт
Мы советуем вам использовать браузер:



Мы желаем вам найти то что искали.
Часы
Загрузка ...
Лучшие из лучших
1 Danik
Администраторы
Релизов: 25
Форум: 19
2 ram1d
Администраторы
Релизов: 17
Форум: 2
3 Freestyler
Администраторы
Релизов: 4
Форум: 3
4 SteelSerias
Модераторы
Релизов: 4
Форум: 1
5 On1X
Друзья
Релизов: 1
Форум: 0
Интересное в сети
Рекламное место
Свободное рекламное место 150х200

Рекламное место свободно Обращайтесь к Dan!k
кто онлайн
Всего чел. на сайте:
Новых за месяц: 0
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0
Счетчики
Онлайн лист
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Cегодня нас посетили
Graffitistudio.ru
Graffiti Decorations(R) Studio (TM) Site Promoter

Автор проекта DAN!K/K/ ® Все права не нарушены
BBSRK.UCOZ.NET © 2011-2012 Хостинг от uCoz