Понедельник, 2024 Декабрь 23, 21:19:04
5mw.ru
Приветствую Вас Гость | RSS
Главная Регистрация Вход
Меню сайта
заходите аналог или тут

Разделы новостей
Раздача ICQ VIP [25]
7мизначки даром. =)
Видео [3618]
(прочее)
[Софт] [12911]
Программы и приложения для системы.
Музыка [12327]
Музыка всех направлений, шансон, транс, авто, клуб, драм и прочее )))
NEW Игры [6144]
Игры самые новые и популярные попадают именно в этот раздел!
Интересное [14947]
Интересные новости в Интернете статьи и новости эксклюзивные.
[Фото / Картинки] [703]
Наша галерея фото.
Приколы [111]
(разное)
Авто [103]
Тюнинг, аэрография, Железо, Тачки
Спорт [220]
Спортивные новости и всё что касается спорта)
Hi-Tech [121]
новости последних технологий xD
Общее [45]
Всё обо всём обзоры!
ЛюбоФФ) [118]
Любовь, интимное и глубокое чувство, устремлённость на другую личность, человеческую общность или идею. Л. необходимо включает в себя порыв и волю к постоянству, оформляющиеся в этическом требовании верности.
Мобильные технологии. [3986]
Мобилка
Клипы [227]
Видео клипы новинки и не только)
ДРАЙВЕРА [278]
Драйвера ну сами понимаете всегда нужны вот так у нас все последние из Интернета собраны)
Новости [254]
Самые последние новости.

Наш чат

Наш опрос
СКОЛЬКО ТЕБЕ ЛЕТ ???
Всего ответов: 104

 
 
Главная » 2012 » Октябрь » 11 » Скрипт раздвижного меню

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

Описание:
Скрипт раздвижного меню
Установка:
В 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
Просмотров: 377 | Добавил: Aninew | Теги: | Рейтинг: 0.0/0 |
Всего комментариев: 0
 
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
 
 

 

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

 

 
 
 
 

Самые горячие темы форума обсуждаем!!! И вы присоединяйтесь к нам!

 

Самые интересные новости на нашем портале.
Читайте бесплатно на 5 M W
 
 

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

 
На нашем любимом сайте http://5mw.ru находиться уже более 1851.94 Mb новостей, файлов, музыки, фотографий, статей, отзывов и огромный форум с каждым днём это число увеличивается! Мы благодарим вас за посещения нашего сайта http://www.5mw.ru и рады что вы выбрали именно нас! У нас всегда много интересной информации и различные конкурсы в виде раздачи icq номерков и только на нашем сайте http://www.5mw.ru !

Замете это совершенно уникальный сайт! Новости собираются из самых качественных источников и всегда самые свежие и на сайте появляются моментально! Так же прошу вас заметить столь важный момент, мы против ВИРУСОВ в Интернете у нас нет никаких вредоносных программ подставных, рекламы которая навредит вашему компьютеру, есть совсем не много рекламы проверенных партнеров таких как google.com и д.р Так же наш сайт обладает огромной галереей фотографий: Девушки, авто, НЮ и других направлений много фотографий формата HQ (большого формата) посещайте наш увлекательный сайт мы всегда будем вас держать в курсе всех событий Интернета!!! не забывайте регистрироваться! Добавляйте в избранные! Получайте призы и подарки от нашего проекта! 5mw.ru всегда рады гостям и постоянным пользователям!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
 
 

Форма входа

Календарь новостей
«  Октябрь 2012  »
ПнВтСрЧтПтСбВс
1234567
891011121314
15161718192021
22232425262728
293031

Поиск

Друзья сайта

  • Наши партнеры
  • Рекомендуем посетить: заходим! :)
    Отмена проверки HDD при запуске ПК
    Музыка vkontakte.ru
    Включение и отключение режима гибернации в Windows Vista
    Забыть гражданскую
    Как правильно записать диск с Windows XP SP3 RUS. Вопросик? Ответ!
    Статусы «В Контакте» l О мужчинах
    10 доводов в пользу секса
    Просмотр закрытых страниц Вконтакте
    Бесплатный хостинг www.SiteCity.Ru предназначен по большей части для новичков
    Какие документы необходимы для подачи заявления в ЗАГС
    Как выбрать теплицу для участка?
    Сайт понижен в выдаче за переоптимизацию текстов
    Как выбрать наручные часы
    Взял кредит под залог автомобиля
    Такси – как выбрать?
    Программа для печати визиток: как выбрать лучшую
    Сварка труб пнд советы своими руками
    КАК ВЫБРАТЬ ПОДВЕСНОЙ ЛОДОЧНЫЙ МОТОР
    Вечные ссылки как говорит SAPE
    Как сравнивать цены на строительство домов у застройщиков?

    Случайное фото!

    БЕСПЛАТНЫЙ КАТАЛОГ
    NEWS "Добавь сайт бесплатно и только у нас!"
    [Добавь сайт](VIP)
    Электроинструмент Хитачи в Ростове-на-Дону по лучшим ценам

    PHOTO

    Статистика
     
    Привет,Прохожий !
    21:19:04 || 2024 Декабрь 23
    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0

    Copyright MyCorp © 2024