| 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: 9 let
|
|||
0