Вторник, 26.11.2024, 14:21
Приветствую Вас Гость | RSS
Главная | | Регистрация | Вход
Поиск
Меню сайта
Календарь
«  Сентябрь 2012  »
ПнВтСрЧтПтСбВс
     12
3456789
10111213141516
17181920212223
24252627282930
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Стальные двери Межкомнатные двери
Master script
Главная » 2012 » Сентябрь » 7 » Раздвижное меню
12:13
Раздвижное меню
Представляю Вашему вниманию меню скрипт для ucoz. Скрипт подойдет что бы спрятать статистики, которая занимает ненужное место на сайте ucoz. Вообщем Ваша фантазия ограничение, как использовать скрипт меню ucoz.

Установка:

1. Копируем код и вставляем в 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://wallaby.ucoz.ru/menu/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://wallaby.ucoz.ru/menu/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;
}

2. Вставляем в любой блок на сайте(туда, где хотим видеть раздвижное меню для 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> 

3. Перед  </head> на каждой странице:
<script src="http://wallaby.ucoz.ru/menu/jquery.js" type="text/javascript"></script> 
 <script src="http://wallaby.ucoz.ru/menu/functions.js" type="text/javascript"></script>
Просмотров: 317 | Добавил: koks1983 | Теги: меню | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email *:
Код *:
Конструктор сайтов - uCozMaster script. © 2024
                                                                             Яндекс.Метрика