Вторник, 22.08.2017, 15:52
Главная  Форум Регистрация Блог RSS
Приветствую Вас, Гость
Меню сайта
Наш опрос
Какой дизайн лучше?


Всего ответов: 1181

установить такой вид опроса
Статистика
Яндекс.Метрика
Онлайн всего: 4
Гостей: 4
Пользователей: 0


Зарегистрировано 30367 (сегодня + 0 новых, вчера + 0 новых), В каталоге файлов 1127 материала(ов), Оставлено 5114 комментариев, На форуме создано тем и ответов.

установить такую статистику

Блок CW результаты

Победы
Победы(10)

Поражения
Поражения(5)


Установить CW блок на свой сайт
Внимание!
Наш сайт адаптирован под браузер Mozilla Firefox
скрипты для uCoz
Скачать/Download
В остальных браузерах наш сайт может отображаться некорректно! (IE,Opera,Google Chrome и т.д)

установить такой блок
Расскажи Друзьям!
Комментарии
Новость: Counter Strike Шаблон для сайта uCoz
Дмитрий Чёрный написал:
Битая ссылка
Новость: 500 flash часов для ucoz
Doshin Doshinovish написал:
Ссылки битые
Новость: Красивый еффект при наведении на картинки для uCoz
DNZ написал:
И че? Обычные картинки. cool
Новость: Раскрутка сайта uCoz, повышение хостов, посетителей и просмотров
Женя Антонов написал:
БЛИН САЙТ ПРИКРЫЛИ
uCoz
403

У вас нет прав для просмотра этой страницы

Вернуться на главную страницу
sad
Новость: Как заработать в интернете? Стоит ли пробовать?
сергей клодт написал:
Всем привет! Не буду долго рекламировать, как это делает большинство работодателей , обещая огромные , не реальные заработки. я сам долго искал нормальный заработок. http://vktarget.ru/?ref=2478119 вктаргет . Просто плаят за то что ставишь лайки , репосты, вступаешь в группы и тд . Главное -НИКАКИХ ВЛОЖЕНИЙ

Читать все комментарии
Топ комментаторов

установить такой информер
VKONTAKTE

FACEBOOK
Главная страница » Помощь Вебмастеру » Категория Скрипты для uCoz » Добавлено [22.03.2009, 09:01]

Выпадающее меню для uCoz

Войти или Зарегистрироваться [скачивать файлы могут только зарегистрированные пользователи!]



Установка:
1) Это мы ставим в CSS
Код: 
.menu {padding:0; margin:0; width:200px; border-top: 1px solid #ccc;}
.menu li {background-color:#ebebeb; margin:0; padding: 6px 0; display: block; position: relative; border: 1px solid #ccc; border-width: 0px 1px 1px 1px; list-style: none;}

* html .menu li {background-color:#ebebeb; margin:0; padding: 3px 0; display: block; position: relative; border: 1px solid #ccc; border-width: 0px 1px 1px 1px; list-style: none;}

.menu li a {display: block; position: relative; text-decoration: none; padding-left: 6px; font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color:#aaaaaa; margin:0;}

.menu li ul {display: none; position: absolute; width:200px; left:198px; margin:0; padding:0; top: -1px; border-top: 1px solid #ccc;}
.menu ul ul { left: 198px; }

.menu li:hover ul ul,
.menu li:hover ul li:hover ul ul,
.menu li.sfHover ul ul,
.menu li.sfHover ul li.sfHover ul ul { display: none; }

.menu li:hover ul,
.menu li:hover ul li:hover ul,
.menu li:hover ul li:hover ul li:hover ul,
.menu li.sfHover ul,
.menu li.sfHover ul li.sfHover ul,
.menu li.sfHover ul li.sfHover ul li.sfHover ul { display: block; }

.menu li:hover, li.sfHover { background: #E3E3E3; }
.menu a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;color:#999999;}

.in {background-image: url(arrow2.gif);background-position: right;background-repeat: no-repeat;}

2) Это ставим между <head> и </head>:
Код: 
<script type="text/javascript">
sfHover = function() {
var sfEls = document.getElementById("menu").getElementsByTagName("li");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=" sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
</script>

3) А вот это само меню:
Код:
<ul class="menu" id="menu">
<li><a href='#'>Первый пункт</a></li>
<li class="in"><a href='#'>Второй пункт</a>
<ul>
<li><a href='#'>Первый уровень вложения</a></li>
<li class="in"><a href='#'>Первый уровень вложения</a>
<ul>
<li><a href='#'>Второй уровень вложения</a></li>
<li><a href='#'>Второй уровень вложения</a></li>
</ul>
</li>
</ul>
</li>
<li><a href='#'>Point</a></li>
<li><a href='#'>Point</a></li>
</ul>


Цвета настраиваем под себя!
Источник материала: studioad.ru


При копирование материалов с сайта необходимо указать активную ссылку источника - Скрипты для uCoz 2013 и Выпадающее меню для uCoz



Расскажи друзьям интересные новости:


- Установить на свой сайт блок социальных закладок
Категория: Скрипты для uCoz | Добавил: scripts_for_ucoz
Просмотров: 12630 | Загрузок: 0 | Комментарии: 13 | Рейтинг: 0.0/0
Всего комментариев: 7
7 Black-Yellow   (19.01.2014 19:10)
Выпадающее меню и так предусмотрено в самом юкоз - просто добавьте подстраницы и всё. smile

5 manoha   (17.12.2013 10:20)
а где искать это /head>??? happy

+1   Спам
6 scripts_for_ucoz   (17.12.2013 15:14)
в верху сайта. ищи в шаблонах.

+2   Спам
4 Apocalypse   (09.07.2009 20:27)
Всё прекрасно работает!!! Код очень лёгкий. Для смены длинны, цвета и шрифта идите править в CSS. В самой первой строчке
Code
.menu {padding:0; margin:0; width:200px; border-top: 1px solid #ccc;}
- длинна меню 200 px... Меняем width:200px на нужную длинну.

Кому нужно помошь - в личку или сюда в комменты cool


+1   Спам
3 scripts_for_ucoz   (02.07.2009 18:41)
в цсс там должно быть!

2 foxriver90   (02.07.2009 13:02)
а как изменить размер кнопок в длину ???

1 BLoOd   (01.05.2009 21:08)
какой то скрин бледный smile

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Для добавления необходима авторизация

Хостинг от uCoz