Раздвижное меню для ucOz - Скрипты для юкоз - Софт - Каталог файлов - Сайт для отдыха Shampusik
Понедельник, 21.09.2020, 07:03
Приветствую Вас Гость |
Никнейм Shampusik зарегистрирован!

shampusik

Весны в душе!      
Избранноеблеск


чатик


  
блеск блеск Друзья Сайта блеск блеск
блеск
Анекдот дня
- Доктор, у меня бывают провалы в памяти.
- Да? И часто они у вас бывают?
- Кто?
- Провалы.
- Какие провалы?
------------
На приёме у окулиста:
— Какую букву я показываю?
— А кто это говорит?
-----------
В лифте, на последнем этаже:
— Вниз?
— Нет, блин, в бок!
------------
 - Дочь, выпей со мной!
 - Ну пааап... 
 - Что пап?!
 Я же с тобой уроки делал!
------------
Доктор, посмотрите! – говорит мужик, спуская штаны перед урологом.
- Болит?
- Нет.
- Маленький?
- Нет.
- Большой?
- Нет.
- А что тогда?
- Правда, хорошенький?
------------
Юмор
Читать далее: Жми тут

Shampusik.ucoz.net

Сайт для отдыха и хорошего настроения.

Сайт где есть все.
Музыка, софт, фильмы, красивые картинки про Любовь, стихи, форум, новости и многое другое!!!


Доктор WEB

Посетители

  
Информер праздники сегодня

  
     


shampusik.ucoz.netСайт для отдыха и хорошего настроения




Моим друзьям


Пожелания друзьям !!!

Пожелания друзьям !!!

   
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0


Ваш IP адрес:
Ваш IP адрес:

Ваш IP адрес в данный момент

 

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

Главная » Файлы » Софт » Скрипты для юкоз

Раздвижное меню для ucOz
22.01.2015, 00:23
Перед head на каждой странице
Код
<script src="http://joomla.ucoz.com/ucoz/jquery.js" type="text/javascript"></script>  
  <script src="http://joomla.ucoz.com/ucoz/functions.js" type="text/javascript"></script>


вставляем в CSS
Код
a:focus, a:hover {  
color : #7dbc00;  
}  

a {  
color : #fff;  
text-decoration : none;  
}  

#navigation {  
margin-bottom : 5px;  
}  

.subnav {  
color : #d1d1d1;
text-align:center;
}  

.navhead, .navhead_blank {  
width:100%;
text-align:center;
height:21px;
padding-top:3px;
background:url('http://joomla.ucoz.com/ucoz/greenrep.png') 0 0 repeat-x;
border:1px solid #7dbc00;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin-bottom:5px;
}  

.selected {
  background:url('http://joomla.ucoz.com/ucoz/whiterep.png') 0 0 repeat-x;
border:1px solid #e8e8e8;

font-weight:bold;
}

.selected span {
color:#000!important;
}

.navhead {  
cursor : pointer;  
}

.submenu {  

width:100%;
margin : 0;  
padding : 0;  
list-style : none;  
margin-bottom:20px;
}  

.submenu li {  
margin:0 auto;  
width : 95%;  

}  

.submenu li a {
width:100%;  
display : block;  
color : #ccc;  
padding-top : 3px;  
height : 20px;  
-moz-border-radius:5px;
-webkit-border-radius:5px;
background:#111;
margin-bottom:3px;
border:1px solid #222;
}  

.submenu li a:hover {  
color : #fff;  
background:#222;
border:1px solid #333;
}


В любой блок на сайте (туда, где хотим видеть раздвижное меню для ucoz)
Код
<div id="navigation">  
  <div class="sidenav">  
  <div class="navhead_blank"><span><a href="#" title="">Главная страница</a></span></div>  
  <div class="navhead selected"><span>Меню 1</span></div>  
  <div style="display: block;" class="subnav">  

  <ul class="submenu">  
  <li><a href="#" title="">Ссылка 1</a></li>  
  <li><a href="#" title="">Ссылка 2</a></li>  
  <li><a href="#" title="">Ссылка 3</a></li>  
  <li><a href="#" title="">Ссылка 4</a></li>  
  </ul>  
  </div>  

  <div class="navhead"><span>Меню 2</span></div>  
  <div style="display: none;" class="subnav">  
  <ul class="submenu">  
  <li><a href="#" title="">Ссылка 1</a></li>  
  <li><a href="#" title="">Ссылка 2</a></li>  
  <li><a href="#" title="">Ссылка 3</a></li>  
  </ul>  

  </div>  
  <div class="navhead"><span>Меню 3</span></div>  
  <div style="display: none;" class="subnav">  
  <ul class="submenu">  
  <li><a href="#" title="">Ссылка 1</a></li>  
  <li><a href="#" title="">Ссылка 2</a></li>  
  <li><a href="#" title="">Ссылка 3</a></li>  

  <li><a href="#" title="">Ссылка 4</a></li>  
  </ul>  
  </div>  
  <div class="navhead"><span>Меню 4</span></div>  
  <div style="display: none;" class="subnav">  
  <ul class="submenu">  
  <li><a href="#" title="">Ссылка 1</a></li>  

  <li><a href="#" title="">Ссылка 2</a></li>  
  <li><a href="#" title="">Ссылка 3</a></li>  
  </ul>  
  </div>  
  <div class="navhead"><span>Меню 5</span></div>  
  <div style="display: none;" class="subnav">  
  <ul class="submenu">  

  <li><a href="#" title="">Ссылка 1</a></li>  
  <li><a href="#" title="">Ссылка 2</a></li>  
  <li><a href="http://tpl.if.ua" title="">Ссылка 3</a></li>  
  </ul>  
  </div>  
  </div>  
  </div>


Вот и Всё!

Проверить работоспособность скриптов,Вы всегда можете ниже:

Категория: Скрипты для юкоз | Добавил: skupev | Теги: Меню, раздвижное меню, Ucoz, аккордеон, вертикальное
Просмотров: 1718 | Загрузок: 0
Новости по теме:
Всего комментариев: 0
avatar



<


Поиск
блеск Личный кабинет блеск
тут не скучно
форум21.09.2020
07:03




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

Старый Вход блеск

Теги
Новое на форуме Подробней о форуме
bleskНовое в Блоге
skupev
Добавлено: 25.11.2018
15 полезных для здоровья свойств простой воды

Комментарии: 0

skupev
Добавлено: 11.01.2017
Домашний коньяк — удивите ваших гостей!

Комментарии: 0

skupev
Добавлено: 23.11.2016
10 признаков счастливого человека.

Комментарии: 2

  • bleskНаш баннерблеск

    Если Вы хотите поддержать наш проект,
    разместите на своем сайте нашу кнопку:
  • Помощь сайту

    Если материалы данного сайта оказались Вам полезны, интересны, или же Вы просто хотите помочь развитию данного проекта, то мы приветствуем
    Любую Вашу помощь
    . Например:

    Ваши предложения по улучшению дизайна и удобства пользования сайтом.

    Ваши предложения по развитию сайта, появлению новых разделов.

    Добавление ссылок на наш сайт на тех форумах, где Вы часто бываете.

    Любая другая Ваша помощь!

    Для контакта с нами используйте Обратную связь. Самая эффективная и простая помощь для нас — частое посещение сайта и добавление новых отзывов! Если Вы хотите поддержать наш проект, разместите на своем сайте нашу кнопку.
  • WebMoney

    Если у Вас есть желание помочь материально,то можете отправить любую сумму на наш кошелёк
    WebMoney:

    R790729935749

    E246164539736

     --------------------

На развитие проекта!

   -------------------
" Рекламма "
" Выведу методом запоя из соц.сетей: контакта и одноклассников! Пишите ..."

"Shampusik"

По всем спорным вопросам, Вы можете вызвать админа с помощью этой кнопки    
Никнейм Шампусик ,создан Для сайта и чатов ... с хорошей музыкой , адекватными людьми и приятным общением. )))     Сертификат на никнейм Shampusik, зарегистрирован на http://shampusik.ucoz.net/
 
transport Индекс цитирования Яндекс.Метрика Рейтинг@Mail.ru Каталог сайтов Всего.RU Каталог сайтов Bi0 Каталог webplus.info счетчик 
посещений
Яндекс.Метрика