|
Прошу помочь...
|
|
Пользователь
Здравствуйте ув. форумчане!
У меня тут одна проблемка,на сайте стоит меню (простой,вертикальный)...Мне нужно из него сделать выдвижной вертикальный.
Кто сможет помогите,плс!
Вот собственно коды:
CSS:
.controls {
position:absolute;
top:20px;
left:20px;
z-index:20;
}
.controls a {
background:#2a2a2a;
background:rgba(0, 0, 0, .6);
display:block;
float:left;
clear:both;
font-size:11px;
font-weight:bold;
line-height:28px;
margin-bottom:4px;
outline:none;
padding:0 15px;
text-decoration:none;
}
.controls a:hover {
background:#eee;
color:#2a2a2a;
}
.controls .active {
background:#D7363A;
color:#fff;
}
HTML:
<div class="controls">
<a href="#" rel="almaty">Алматы (Казахстан)</a>
<a href="#" rel="zharkent">Жаркент (Казахстан)</a>
<a href="#" rel="chundzha">Чунджа (Казахстан)</a>
<a href="#" rel="chilik">Чилик (Казахстан)</a>
<a href="#" rel="astana">Астана (Казахстан)</a>
<a href="#" rel="urumchi">Урумчи (СУАР)</a>
</div> |
|
Заблокированные
|
Пользователь
спасибо ямайка за предложение,но мне нужно сделать выдвижное меню из этого именно меню...
и к тому же сайт не на юкозе,он на DLE |
|
Заблокированные
| gandjubass, Могу сделать, но за оплату. |
Главное верить. |
|
Пользователь
|
Суббота, 23.06.2012, 16:41
Проверенный
Quote (gandjubass) нет,спасибо)
Бесплатно врядле кто-то будет делать. |
|
Суббота, 30.06.2012, 20:47
Пользователь
Если я всё правильно понял то получилось вот так:
CSS:
ul#slide {padding:0; margin:0 auto; list-style:none; width:238px; position:relative; overflow:hidden;}
ul li div {position:absolute; left:-9999px;}
#slide li.top {width:255px; float:left;}
#slide li.top a.outer {display:block; float:left; padding:0 15px; line-height:24px; width:255px; background:#2a2a2a; background:rgba(0, 0, 0, .6); clear:both; text-decoration:none; font-family: verdana, sans-serif; font-weight:bold; font-size:11px;}
#slide li.top a:hover {background:#2a2a2a; background:rgba(0, 0, 0, .6);}
#slide li.top:hover > a {background:#2a2a2a; background:rgba(0, 0, 0, .6);}
#slide li:hover {height:auto;}
#slide a:hover div, #slide li.current div {position:static; width:230px; padding:15px; line-height:1.2em;}
#slide li:hover div {position:static; width:255px; padding:15px; line-height:1.2em; font-family: verdana, sans-serif;}
#slide :hover div a {background:#eee;color:#2a2a2a; display:block; padding:5px 10px; text-decoration:none; font:11px Verdana; //position:relative; //top:-30px; //z-index:10; border-bottom:1px solid #e1e1e1;}
#slide :hover div a:hover {background:#eee;color:#2a2a2a;}
#slide :hover div a:active {background:#D7363A;color:#fff;}
HTML:
<ul id="slide">
<li class="top">
<a class="outer" href="#url">Главное меню</a>
<div>
<a href="#">На главную</a>
<a href="#">Лучшее на сайте</a>
<a href="#">Наши работы</a>
<a href="#">Наша команда</a>
<a href="#">Форум</a>
<a href="#">Обратная связь</a>
<a href="#">Правила GZweb.RU</a>
<a href="#">Размещение рекламы</a>
<a href="#">Наш магазин</a>
<a href="#">Российская школа CSS</a>
</div>
</li>
</ul> |
Спасибо за невнимание и пожалуйста за понимание.
Космический анчоус, курьёзно трущийся у светофора, по совместительству Верховный жрец Искрящихся Кукумберов (К.А.К.Т.У.С В.Ж.И.К) организации "Люблю Леоне". |
|
