Помогите исправить выпадающее меню - Visavi.net
https://visavi.net/
RSS - Visavi.net
https://visavi.net/assets/img/images/logo_small.png
RSS - Visavi.net
https://visavi.net/
[email protected] (admin)
[email protected] (admin)
Wed, 27 Nov 2024 04:44:34 +0300
-
там bootstrap за основу взят
https://visavi.net/topics/39117/648261
Помогите исправить выпадающее меню
Maksim
Mon, 07 Oct 2013 14:55:21 +0400
Сообщения
https://visavi.net/topics/39117/648261
-
<pre class="prettyprint">
.menu-item h4 a {
color: #000;
display: block;
text-decoration: none;
width: 240px;
}
.menu-item ul {
margin-left: 10px;
background: #FFCD58;
font-size: 10px;
line-height: 30px;
margin-left: 0px;
height: 0px;
width: 240px;
list-style-type: square;
overflow: hidden;
padding: 0px;
border: 0px solid #eee;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px
-webkit-transition: height 1s ease;
-moz-transition: height 1s ease;
-o-transition: height 1s ease;
-ms-transition: height 1s ease;
transition: height 1s ease;
}
.menu-item:hover ul {
height: 93px;
width: 238px;
margin-left: 0px;
text-decoration: none;
color: #000;
padding: 0px;
border: 1px solid #eee;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px
}
.menu-item ul a {
text-decoration: none;
color: #000;
display: block;
width: 150px;
}
.menu-item li {
margin-left: 10px;
}
.menu-item li:hover {
background: #FFCD58;
}
.alpha p {
padding: 8px 12px;
color: #000;
background: #FFCD58;
border: 1px solid #eee;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px
}
.alpha p a {
color: #000;
font-style: italic;
}
.alpha p a:hover {
color: #ccc;
}
</pre>
<br>
<em><span style="font-size:x-small">Добавлено через 00:58 сек.</span></em><br>
не уместилось в одно сообщение.
https://visavi.net/topics/39117/647905
Помогите исправить выпадающее меню
Алексей
Sat, 05 Oct 2013 03:22:40 +0400
Сообщения
https://visavi.net/topics/39117/647905
-
Чесно сказать я не совсем понял что ты там пытаешься сделать, но выезжающее меню у меня выглядит так<br>
<pre class="prettyprint"><div class="menu-item">
<h4>Информация</h4>
<ul>
<li><a href="./inf.php?mode=term">Термины</a></li>
<li><a href="./inf.php?mode=faq">FAQ/Вводная информация</a></li>
<li><a href="./inf.php?mode=blag">Благодарность</a></li>
</ul>
</div></pre> html часть<br>
<br>
<em><span style="font-size:x-small">Добавлено через 01:09 сек.</span></em><br>
сss часть<br>
<pre class="prettyprint">.menu-item {
background: #CC9B24;
width: 240px;
}
.menu-item h4 {
border: 1px solid #665130;
color: #000;
font-size: 12px;
font-weight: 500;
padding: 7px 12px;
/*Gradient*/
background: #555; /* Old browsers */
background: -moz-linear-gradient(top, #665130 10%,#ecd96f 64%,#e3c067 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555), color-stop(44%,#464646), color-stop(100%,#353535)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffef67 10%,#f1aa00 34%,#ffef67 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #665130 10%,#ecd96f 64%,#e3c067 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #665130 10%,#ecd96f 64%,#e3c067 100%); /* IE10+ */
background: linear-gradient(top, #665130 10%,#ecd96f 64%,#e3c067 100%); /* W3C */
filter: progid:D XImageTransform.Microsoft.gradient( startColorstr='#464646', endColorstr='#353535',GradientType=0 );
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px
}
.menu-item h4:hover {
background: #555; /* Old browsers */
background: -moz-linear-gradient(top, #665130 10%,#e3c067 64%,#ecd96f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555), color-stop(44%,#464646), color-stop(100%,#353535)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffef67 10%,#f1ba00 34%,#ffef67 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #665130 10%,#e3c067 64%,#ecd96f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #665130 10%,#e3c067 64%,#ecd96f 100%); /* IE10+ */
background: linear-gradient(top, #665130 10%,#e3c067 64%,#ecd96f 100%); /* W3C */
filter: progid:D XImageTransform.Microsoft.gradient( startColorstr='#464646', endColorstr='#353535',GradientType=0 );
}
</pre>
https://visavi.net/topics/39117/647904
Помогите исправить выпадающее меню
Алексей
Sat, 05 Oct 2013 03:20:57 +0400
Сообщения
https://visavi.net/topics/39117/647904
-
4. <strong>Maksim</strong>, Не плохо было бы css увидеть только с используемыми селекторами, а не весь набор.
https://visavi.net/topics/39117/647903
Помогите исправить выпадающее меню
Алексей
Sat, 05 Oct 2013 03:06:05 +0400
Сообщения
https://visavi.net/topics/39117/647903
-
Перевились специалисты(
https://visavi.net/topics/39117/647867
Помогите исправить выпадающее меню
Maksim
Fri, 04 Oct 2013 19:12:33 +0400
Сообщения
https://visavi.net/topics/39117/647867
-
Короче многоуровневое меню надо
https://visavi.net/topics/39117/647858
Помогите исправить выпадающее меню
Maksim
Fri, 04 Oct 2013 17:51:09 +0400
Сообщения
https://visavi.net/topics/39117/647858
-
Delete
https://visavi.net/topics/39117/647857
Помогите исправить выпадающее меню
юЮЮфюв
Fri, 04 Oct 2013 17:50:20 +0400
Сообщения
https://visavi.net/topics/39117/647857
-
<pre class="prettyprint">
<ul class="nav pt pull-right">
<li class="dropdown">
<a id="drop1" href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">Информация<b class="caret"></b></a>
<ul class="dropdown-menu" role="menu" aria-labelledby="drop1">
<li role="presentation"><a role="menuitem" tabindex="-1" href="/news/">Новости</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="/newposts/">Новое на сайте</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="/info/">Полезная информация</a></li>
</ul>
</li>
<li class=""><a href="/forum/" rel="nofollow,noindex">Форум</a></li>
</ul></pre>
<br>
<em><span style="font-size:x-small">Добавлено через 04:44 сек.</span></em><br>
CSS файл.<br>
Первое меню будет в виде выпадающего (форум просто). Нужно чтобы к примеру при наведени на <u>новости</u> выпадали справа или слева еще категории. <br>
С меня миллион чатлов.<br>
Помогите, а то я уже запутался
https://visavi.net/topics/39117/647856
Помогите исправить выпадающее меню
Maksim
Fri, 04 Oct 2013 17:45:04 +0400
Сообщения
https://visavi.net/topics/39117/647856