Выпадающее Меню (CSS)
Всем доброе время суток.
И так, к вашему вниманию хочу предоставить - Выпадающее Меню CSS для uCoz
И так давайте приступим к установке данной модификации.
Для начала вам нужно скачать архив после чего заливаем его в файловый менеджер
Идем дальше.
И так между <head> и </head>
Ставим:
Теперь приступим к установке - Многоуровневое меню
(все устанавливается между <body>)
И так ставим сам код
ну вот и все, все # меняем на свои ссылки ну и понятное дело что текст на свой меняем.....
И так теперь приступим к установке - Реклама сайтов в сплывающем меню
тут собственно тоже все меняем на свое (текст и ссылки)
теперь приступаем к установке - Сплит меню
Ну вот и все и завершили установку..
И так тут нет не чего сложного если ты понимаешь в CSS стилях то ты данную модификацию
сделаешь как тебе надо, если ты не понимаешь не чего в стилях то наш тебе совет не лезьте вообще туда
в стили так как вам там нечего делать.....
И так данная функциональность сделана только на CSS не каких JS тут не присутствует...
Удачного использования...
И так, к вашему вниманию хочу предоставить - Выпадающее Меню CSS для uCoz
И так давайте приступим к установке данной модификации.
Для начала вам нужно скачать архив после чего заливаем его в файловый менеджер
Идем дальше.
И так между <head> и </head>
Ставим:
Code
<link rel="stylesheet" type="text/css" href="css/layout-min.css" />
<link rel="stylesheet" type="text/css" href="css/multiMenu-min.css" />
<link rel="stylesheet" type="text/css" href="css/switcherMenu-min.css" />
<link rel="stylesheet" type="text/css" href="css/splitMenu-min.css" />
<link rel="stylesheet" type="text/css" href="css/multiMenu-min.css" />
<link rel="stylesheet" type="text/css" href="css/switcherMenu-min.css" />
<link rel="stylesheet" type="text/css" href="css/splitMenu-min.css" />
Теперь приступим к установке - Многоуровневое меню
(все устанавливается между <body>)
И так ставим сам код
Code
<div class="fourCol alignRight">
<ul class="multiMenu">
<li>
<a href="#" class="level-1">Ссылка 1</a>
<ul class="right">
<li><a href="#">Подменю 1</a></li>
<li>
<a href="#" class="level-n">Подменю 2</a>
<ul>
<li><a href="#">Подменю 1</a></li>
<li><a href="#">Подменю 2</a></li>
<li><a href="#" class="level-n">Подменю 3</a>
<ul>
<li><a href="#">Подменю 1</a></li>
<li><a href="#">Подменю 2</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Ссылка 2</a></li>
<li>
<a href="#" class="level-1">Ссылка 3</a>
<ul class="left">
<li><a href="#">Подменю 1</a></li>
<li>
<a href="#" class="level-n">Подменю 2</a>
<ul>
<li><a href="#">Подменю 1</a></li>
<li><a href="#" class="level-n">Подменю 2</a>
<ul>
<li><a href="#">Подменю 1</a></li>
<li><a href="#">Подменю 2</a></li>
</ul>
</li>
<li><a href="#">Подменю 3</a></li>
</ul>
</li>
</ul>
</li>
</ul>
<ul class="multiMenu">
<li>
<a href="#" class="level-1">Ссылка 1</a>
<ul class="right">
<li><a href="#">Подменю 1</a></li>
<li>
<a href="#" class="level-n">Подменю 2</a>
<ul>
<li><a href="#">Подменю 1</a></li>
<li><a href="#">Подменю 2</a></li>
<li><a href="#" class="level-n">Подменю 3</a>
<ul>
<li><a href="#">Подменю 1</a></li>
<li><a href="#">Подменю 2</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Ссылка 2</a></li>
<li>
<a href="#" class="level-1">Ссылка 3</a>
<ul class="left">
<li><a href="#">Подменю 1</a></li>
<li>
<a href="#" class="level-n">Подменю 2</a>
<ul>
<li><a href="#">Подменю 1</a></li>
<li><a href="#" class="level-n">Подменю 2</a>
<ul>
<li><a href="#">Подменю 1</a></li>
<li><a href="#">Подменю 2</a></li>
</ul>
</li>
<li><a href="#">Подменю 3</a></li>
</ul>
</li>
</ul>
</li>
</ul>
ну вот и все, все # меняем на свои ссылки ну и понятное дело что текст на свой меняем.....
И так теперь приступим к установке - Реклама сайтов в сплывающем меню
Code
<div class="switcherMenu">
<ul class="dropdown">
<li><a href="здесь ставим свою ссылку"><img src="img/switcherMenu/youtube.png" width="48" height="35" /> youtube</a></li>
<li><a href="здесь ставим свою ссылку" class="active"><img src="img/switcherMenu/uface.png" width="48" height="31" /> uFace</a></li>
<li><a href="здесь ставим свою ссылку"><img src="img/switcherMenu/webo4ka.png" width="48" height="44" /> webo4ka</a></li>
<li><a href="здесь ставим свою ссылку"><img src="img/switcherMenu/read.gif" width="48" height="32" /> зароботок</a></li>
<li><a href="здесь ставим свою ссылку"><img src="img/switcherMenu/punish.gif" width="48" height="30" /> реклама</a></li>
</ul>
</div>
<ul class="dropdown">
<li><a href="здесь ставим свою ссылку"><img src="img/switcherMenu/youtube.png" width="48" height="35" /> youtube</a></li>
<li><a href="здесь ставим свою ссылку" class="active"><img src="img/switcherMenu/uface.png" width="48" height="31" /> uFace</a></li>
<li><a href="здесь ставим свою ссылку"><img src="img/switcherMenu/webo4ka.png" width="48" height="44" /> webo4ka</a></li>
<li><a href="здесь ставим свою ссылку"><img src="img/switcherMenu/read.gif" width="48" height="32" /> зароботок</a></li>
<li><a href="здесь ставим свою ссылку"><img src="img/switcherMenu/punish.gif" width="48" height="30" /> реклама</a></li>
</ul>
</div>
тут собственно тоже все меняем на свое (текст и ссылки)
теперь приступаем к установке - Сплит меню
Code
<div class="splitMenu">
<a href="#" class="mainLink">
<img src="img/splitMenu/icon.png" width="26" height="28" /> Настройки
</a>
<div class="toggle">
<ul class="dropdown">
<li><a href="#profile"><img src="img/splitMenu/icon1.png" width="21" height="12" /> Мой Профиль</a></li>
<li><a href="#downloads"><img src="img/splitMenu/icon2.png" width="21" height="14" /> Загрузка</a></li>
<li><a href="#security"><img src="img/splitMenu/icon3.png" width="21" height="14" /> Безопасность</a></li>
<li><a href="#preferences"><img src="img/splitMenu/icon4.png" width="21" height="14" /> Предпочтения</a></li>
</ul>
</div>
</div>
<a href="#" class="mainLink">
<img src="img/splitMenu/icon.png" width="26" height="28" /> Настройки
</a>
<div class="toggle">
<ul class="dropdown">
<li><a href="#profile"><img src="img/splitMenu/icon1.png" width="21" height="12" /> Мой Профиль</a></li>
<li><a href="#downloads"><img src="img/splitMenu/icon2.png" width="21" height="14" /> Загрузка</a></li>
<li><a href="#security"><img src="img/splitMenu/icon3.png" width="21" height="14" /> Безопасность</a></li>
<li><a href="#preferences"><img src="img/splitMenu/icon4.png" width="21" height="14" /> Предпочтения</a></li>
</ul>
</div>
</div>
Ну вот и все и завершили установку..
И так тут нет не чего сложного если ты понимаешь в CSS стилях то ты данную модификацию
сделаешь как тебе надо, если ты не понимаешь не чего в стилях то наш тебе совет не лезьте вообще туда
в стили так как вам там нечего делать.....
И так данная функциональность сделана только на CSS не каких JS тут не присутствует...
Удачного использования...
О материале:
Дата добавления: 05.04.2012 в 20:56
Материал просмотрен: 557 раз
Категория: Скрипты и модификации для uCoz
Оставлены: 0 комментария
Рейтинг материала
По мнению пользователей
0.0
Поделиться
Комментарии
0 комментариев
Навигация
Статистика
Онлайн всего: 3
Гостей: 3
Пользователей: 0
Онлайн никого нет