Autor | Zpráva | ||
---|---|---|---|
fandam007 Profil * |
#1 · Zasláno: 11. 8. 2015, 10:49:31
Zdravím, hledal jsem na internetu zhruba 2 týdny, jak udělat responzivní menu. Bohužel jsem nenašel nic, co by mi nějak extra pomohlo a co jsem vymyslel, nefungovalo. Potřeboval bych udělat responzivní menu, které jako by odsune celou stránku směrem vlevo (po kliknutí na tlačítko) a tam se zobrazí položky menu. Chtěl bych něco ve stylu jako používá Google ve své mobilní verzi (viz obrázek na konci textu). Problém je také v tom, že na web používám Drupal, u kterého nemohu najít soubor s menu a tudíž tam vložit toto: ≡ tlačítko, proto mě napadlo, že bych udělal div a nastavil obrázek s těmito pruhy na pozadí. Ale nevím, jestli uvažuji správně. Ještě bych rád pro úplnost vložil adresu webu (zde - login a heslo: beta).
![]() |
||
Str4wberry Profil |
#2 · Zasláno: 11. 8. 2015, 11:06:13
Tady je postup řešení: Responsivní navigace
|
||
fandam007 Profil * |
#3 · Zasláno: 11. 8. 2015, 11:29:40
Tohle jsem také našel, ale nejde mi to zakomponovat do webu. Zde je kód menu mého webu (vytažený ze Zkontrolovat prvek):
<header id="masthead" role="banner"> <div class="container_12"> <div class="site-branding grid_4"> <h1 class="site-title"> <a href="/webradio/" title="Domů"><img src="http://epigon.8u.cz/webradio/obrazky-radio/loga/logo.png" width="200px"></a> </h1> </div> <div class="grid_8"> <nav id="navigation" class="main-navigation" role="navigation"> <div id="main-menu"><menu> <ul class="menu"><li class="first leaf"><a href="/webradio/napiste-nam">Napište nám</a></li> <li class="leaf"><a href="/webradio/novinky">Novinky</a></li> <li class="collapsed"><a href="/webradio/o-nas">O nás</a></li> <li class="leaf"><a href="/webradio/radio">Poslech</a></li> <li class="last leaf"><a href="/webradio/anketa">Anketa</a></li> </ul></menu> </div> </nav> </div> </div> </header> Problém je v tom, že nevím, kde je obsah menu uložen, a tak nevím do jakého souboru vložit kód <button class="menu-button" onclick="prepnoutTridu(document.body, 'zobrazit')">≡</button> . Navíc by se mi pro moje účely spíš hodilo, aby se menu objevilo v pravo (http://kod.djpw.cz/qwob)
|
||
Časová prodleva: 10 let
|
0