Например:
Четверг, 28.03.2024, 21:46 Регистрация Карта сайта RSS Лента
Игровые новости Топ Сайтов Статьи Загрузить изображение Игровой форум Картинки
  • Страница 1 из 1
  • 1
Форум » Система Ucoz » Скрипты Меню » Зеленое раздвижное меню для Ucoz (Уникальное меню!)
Зеленое раздвижное меню для Ucoz
Dimas777
Дата: Суббота, 09.08.2014, 09:31 | Сообщение № 1
ICQ пользователя:
Skype пользователя:
Сайт пользователя:

Оффлайн
Сообщений: 300
Награды: 2
 


Представляю Вашему вниманию меню скрипт для 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://game-portals.3dn.ru/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://game-portals.3dn.ru/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;  
}


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://game-portals.3dn.ru/" title="">Ссылка 3</a></li>  
   </ul>  
   </div>  
   </div>  
   </div>


3. В верхнюю часть сайта подключаем плагин:

Код
<script src="http://game-portals.3dn.ru/Ucoz/jquery.js" type="text/javascript"></script>  
   <script src="http://game-portals.3dn.ru/Ucoz/functions.js" type="text/javascript"></script>


Ну вот и все!

Зеленое, раздвижное, меню, для, Ucoz

    
Game-Portals.3dn.ru - The Best.
Форум » Система Ucoz » Скрипты Меню » Зеленое раздвижное меню для Ucoz (Уникальное меню!)
  • Страница 1 из 1
  • 1
Поиск: