Раздвижное меню для ucoz - Форум
Хостинг от uCoz
Все для CS, системы uCoz, adobe photoshop и тд...
Баннерообмен
Заказать рекламу
Реклама:



Страница 1 из 11
Форум » Скрипты для uCoz » Другие скрипты для uCoz » Раздвижное меню для ucoz
Раздвижное меню для ucoz
Gik | Доп. инфо. Дата: Воскресенье, 19.01.2014, 04:43 | Сообщение # 1
Сообщений: 417
Репутация: 74
Награды: 5
[Гости не могут видеть сообщения, пожалуйста войдите в аккаунт или зарегестрируйтесь]
Прикрепления: 0596925.png(6Kb)



 
Сообщение[spoiler="Скриншот"][/spoiler]
Представляю Вашему вниманию меню скрипт для 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>

Автор - Gik
Дата добавления - 19.01.2014 в 04:43
Форум » Скрипты для uCoz » Другие скрипты для uCoz » Раздвижное меню для ucoz
Страница 1 из 11
Поиск:
Загрузка...

ForumSiteMap.xml | SiteMap.xml

Привет! Всё права защинены администратором сайта !