Autor Zpráva
fandam007
Profil *
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
Tady je postup řešení: Responsivní navigace
fandam007
Profil *
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)

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: