Страница 1 из 11
Форум веб-мастеров » CMS » Уроки и видео уроки » помоите создать выпадающее меню (sml[thread])
помоите создать выпадающее меню
Linblack Дата: Воскресенье, 22.08.2010, 18:15 | Сообщение # 1

Прохожий

Группа: Простой юзер
Сообщений: 6
Награды: 0
Репутация: 10


осталась последняя деталь нового дизайна: выпадающее горизонтальное меню.
большинство скриптов просто искажает весь шаблон или не работает, ну или работает но не так как надо.
вообщем мне нужно изменить уже существующее меню.

хтмл код меню:
_________________________________________________
<ul class="menu1">
<li><a href="http://rap-game.ru/load/skachat_russkij_rehp/298"><span style="color:ffffff"><b>Русский рэп</b></span></a></li>
<li><a href="/forum"><span style="color:ffffff"><b>Форум</b></span></a></li>
<li><a href="http://rap-game.ru/index/info_dlja_ms/0-53"><span style="color:ffffff"><b>Пиар МС</b></span></a></li>
<li><a href="http://rap-game.ru/publ/prodazha_minusov/43"><span style="color:ffffff"><b>Продажа минусов</b></span></a></li>
_________________________________________________

ксс этого меню:
_________________________________________________
.menu1 {padding:0 0 0 32px; margin:0; list-style:none; height:45px; background:#fff url(http://rap-game.ru/images/topmen1.png); position:relative; border:1px solid #000; border-width:0 1px; border-bottom:1px solid #444;}
.menu1 li {float:left;}
.menu1 li a {display:block; float:left; height:39px; line-height:25px; color:#aaa; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;}
.menu1 li a b {float:left; display:block; padding:5 16px 0 8px;}
.menu1 li.current a {color:#fff; background:url(http://rap-game.ru/images/topmen2.png);}
.menu1 li.current a b {background:url(http://rap-game.ru/images/topmen2.png) no-repeat right top;}
.menu1 li a:hover {color:#fff; background:#000 url(http://rap-game.ru/images/topmen2.png);}
.menu1 li a:hover b {background:url(http://rap-game.ru/images/topmen2.png) no-repeat right top;}
.menu1 li.current a:hover {color:#fff; background:#000 url(http://rap-game.ru/images/topmen2.png); cursor:default;}
.menu1 li.current a:hover b {background:url(http://rap-game.ru/images/topmen2.png) no-repeat right top;}
____________________________________________________________

сложность в том чтобы при наведении на ссылку все осталось прежним, а выпадающие разделы были росто на чером фоне. (слегка прозрачным) если это возможно.

 
shketofan Дата: Воскресенье, 08.05.2011, 13:37 | Сообщение # 2

Новичок

Группа: Простой юзер
Сообщений: 22
Награды: 0
Репутация: 0


Это вставляешь в CSS:
Quote
.menu1 {padding:0 0 0 32px; margin:0; list-style:none; height:45px; background:#fff url(http://rap-game.ru/images/topmen1.png); position:relative; border:1px solid #000; border-width:0 1px; border-bottom:1px solid #444;}
.menu1 li {float:left;}
.menu1 li a {display:block; float:left; height:39px; line-height:25px; color:#aaa; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;}
.menu1 li a b {float:left; display:block; padding:5 16px 0 8px;}
.menu1 li.current a {color:#fff; background:url(http://rap-game.ru/images/topmen2.png);}
.menu1 li.current a b {background:url(http://rap-game.ru/images/topmen2.png) no-repeat right top;}
.menu1 li a:hover {color:#fff; background:#000 url(http://rap-game.ru/images/topmen2.png);}
.menu1 li a:hover b {background:url(http://rap-game.ru/images/topmen2.png) no-repeat right top;}
.menu1 li.current a:hover {color:#fff; background:#000 url(http://rap-game.ru/images/topmen2.png); cursor:default;}
.menu1 li.current a:hover b {background:url(http://rap-game.ru/images/topmen2.png) no-repeat right top;}

А это в блок:(Конструктор>Создать новый блок)
И в блок вбиваем этот код:

Quote
<ul class="menu1">
<li><a href="http://rap-game.ru/load/skachat_russkij_rehp/298"><span style="color:ffffff"><b>Русский рэп</b></span></a></li>
<li><a href="/forum"><span style="color:ffffff"><b>Форум</b></span></a></li>
<li><a href="http://rap-game.ru/index/info_dlja_ms/0-53"><span style="color:ffffff"><b>Пиар МС</b></span></a></li>
<li><a href="http://rap-game.ru/publ/prodazha_minusov/43"><span style="color:ffffff"><b>Продажа минусов</b></span></a></li>

Только ссылки меняем на свои,например:

Quote
<li><a href="http://mnogo-cs.net.ru/load/"><span style="color:ffffff"><b>Файлы</b></span></a></li>

Если помог ставь +.

 
Форум веб-мастеров » CMS » Уроки и видео уроки » помоите создать выпадающее меню (sml[thread])
Страница 1 из 11
Поиск:

Опрос
Какой Ваш пол?
Всего ответов: 14736
Новое на форуме
Полезная информация
Все файлы на сайте o-ucoze.ru доступны без регистрации
» Добавить сайт в закладки
Полезная информация
★  ☂  ☁  ☀  ☯  ☭  ☎  ¼  æ  ↵  ¿ 
Нужны спец символы? Можете их взять у нас на сайте.
» Таблица HTML-символов