Autor | Zpráva | ||
---|---|---|---|
Walik Profil |
#1 · Zasláno: 21. 8. 2009, 21:40:09 · Upravil/a: Walik
Zdravím,
na jednom templatu mám vysouvací menu, ale to je jednoúrovňové a já bych potřeboval dodělat další úroveň, ale podle mých návrhů to nefunguje, tak se ptám vás odborníku.. Můj kód.. HTML MENU <ul id="topmenu" class="topmenu"> <li><a href="/"><strong>Home</strong></a></li> <li><a href="/forum/" title="Fórum"><strong>Fórum</strong></a></li> <li><a href="o-hre/" title="O hře" rel="ohre"><strong>O hře</strong></a></li> <li><a href="/" title="Klany & Aliance" rel="klany"><strong>Klany & Aliance</strong></a></li> <li><a href="/" title="Peti" rel="Peti"><strong>Peti</strong></a></li> <li><a href="/" title="Questy" rel="Questy"><strong>Questy</strong></a></li> <li><a href="/" title="Rasy" rel="Rasy"><strong>Rasy</strong></a></li> <li><a href="/" title="Enchancements" rel="Enchancements"><strong>Enchancements</strong></a></li> </ul> <ul id="ohre" class="sublinks"> <li><a href="/noblesse/" title="Noblesse">Noblesse</a></li> <li><a href="/hero-a-olympiada/" title="Hero a Olympiáda">Hero a Olympiáda</a></li> <li><a href="/pvp-souboje/" title="PvP souboje">PvP souboje</a></li> <li><a href="/rybareni/" title="Rybaření" rel="rybareni">Rybaření</a></li> <li><a href="/underground-coliseum/" title="Underground Coliseum">Underground Coliseum</a></li> </ul> CSS .tophdasdmenu ul.topmenu { height: 45px; display: block; padding-left: 2px; background: transparent url("/images/topmeewwqu.png") no-repeat left -252px; } .tophdasdmenu ul.topmenu li { float: left; } ul.topmenu li a, ul.topmenu li a strong { float: left; height: 45px; } ul.topmenu li a { color: #c5b7ad; line-height: 43px; text-decoration: none !important; } ul.topmenu li a strong { cursor: pointer; background: transparent url("../images/topmeewwqu.png") no-repeat right -207px; padding: 0 16px 0 14px; } ul.topmenu li a:hover { color: #fff; background: #5b2f27 url("/images/topmeewwqu.png") repeat-x left -162px; } ul.topmenu li.selected a { background: #5b2f27 url("images/topmeewwqu.png") repeat-x left -162px; } .tophdasdmenu ul.sublinks { position:absolute; top: 0; border: 1px solid #a16e5c; border-width: 0 1px; z-index:100; background-color: #813e25; width: 200px; visibility: hidden; filter:alpha(opacity=95); -moz-opacity:0.95; -khtml-opacity: 0.95; opacity: 0.95; } ul.sublinks a { width: auto; display: block; text-indent: 12px; font-weight: bold; border-bottom: 1px solid #a16e5c; padding: 5px 0; text-decoration: none; color: #dac7c0; } * html .sublinks a { width: 100%; } .sublinks a:hover { background-color: #8c3822; color: #ffffff; text-decoration: underline; } ul.sublinks2 a { width: auto; display: block; text-indent: 12px; font-weight: bold; border-bottom: 1px solid #a16e5c; padding: 5px 0; text-decoration: none; color: #dac7c0; } * html .sublinks2 a { width: 100%; } .sublinks2 a:hover { background-color: #8c3822; color: #ffffff; text-decoration: underline; } .tophdasdmenu ul.subsublinks { position:absolute; top: 0; border: 1px solid #a16e5c; border-width: 0 1px; z-index:100; background-color: #813e25; width: 200px; visibility: hidden; filter:alpha(opacity=95); -moz-opacity:0.95; -khtml-opacity: 0.95; opacity: 0.95; } ul.subsublinks a { width: auto; display: block; text-indent: 12px; font-weight: bold; border-bottom: 1px solid #a16e5c; padding: 5px 0; text-decoration: none; color: #dac7c0; } * html .subsublinks a { width: 100%; } .sublinks a:hover { background-color: #8c3822; color: #ffffff; text-decoration: underline; } |
||
panther Profil |
#2 · Zasláno: 22. 8. 2009, 11:17:10
Walik
„Můj kód.. “ a kde v tom kódu máš aspoň náznak dvouúrovňového menu? Máš tam dvě jednoúrovňová, ten kód je tedy k ničemu. Máš dvě možnosti: 1) pokus se o něco sám, někdo ti pomůže tvůj pokus opravit (celé se mi to psát nechce) 2) inspiruj se jinde, dobré příklady jsou třeba na intervalu, ale i jinde. |
||
Walik Profil |
#3 · Zasláno: 22. 8. 2009, 11:50:12
„1) pokus se o něco sám, někdo ti pomůže tvůj pokus opravit (celé se mi to psát nechce)“
Tak jsem to vyzkoušel a můj pokud nedopadl vůbec dobře, když se menu vysune, rozháže mi to celé seskupení webu, nebyl by tu někdo tak milý a neupravil mi toto CSS http://qrayg.com/experiment/cssmenus/ (To první menu) na můj design? CSS není zrovna má silna stránka.. |
||
Časová prodleva: 15 let
|
0