| Autor | Zpráva | ||
|---|---|---|---|
| Neas Profil |
#1 · Zasláno: 15. 1. 2010, 21:54:00 · Upravil/a: Neas
Ahoj. Tady na diskuzi jsem našel příspěvek s odkazem na generátor vyskakovacího menu v css:
http://www.volny.cz/peter.mlich/Pr/menuedul.htm Chtěl jsem ho použít, ale kódy z něj nefungují tak, jak bych to potřeboval. Zkoušel jsem to udělat tak, aby menu nebylo v horní liště, ale aby bylo v menu v levo, podobně, jako to je na stránce World of Warcraftu: http://www.wow-europe.com/en/index.xml Tady zdroják CSS: .volby, .volby ul {
list-style-type : none;
margin : 0;
padding : 0;
}
.volby li {
float : left;
}
.volby li a {
display : inline-block;
text-decoration : none;
color : #eeeeee;
padding : 0 10px 0 10px;
border-right : 1px solid #111111;
}
.volby li a:hover {
background-color : #444444;
}
.volby li a:first-letter {
color : #ff9900;
}
.volby li ul {
margin-left : -1px;
position : absolute;
visibility : hidden;
border-left : 1px solid #111111;
border-top : 1px solid #111111;
background-color : #222222;
}
.volby li:hover ul, .volby li.hover ul {
visibility : visible;
}
.volby li li {
float : none;
border : none;
padding : 0;
border-bottom : 1px solid #111111;
}a html: <div class="volby">
<ul>
<li><a href="#">Kategorie 1</a>
<ul>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
</ul>
</li>
<li><a href="#">Kategorie 3</a>
<ul>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
</ul>
</li>
<li><a href="#">Kategorie 4</a>
<ul>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
</ul>
</li>
<li><a href="#">Kategorie 5</a>
<ul>
<li><a href="#">1</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
</ul>
</li>
</ul>
</div>Prosimvás, nevíte někdo, jak to upravit, aby to fungovalo, jak chci? díky |
||
| Neas Profil |
#2 · Zasláno: 16. 1. 2010, 12:44:11
Tak nic, pomohl mi nakonec tento článek:
http://maciweb.net/blog/web/clanek.php?clanek=71 Všem se omlouvám za spam :) |
||
|
Časová prodleva: 13 let
|
|||
0