Beauty

Jak stworzyć responsywne menu? [TUTORIAL]


Responsywne menu to takie, które automatycznie dostosowuje się do szerokości wyświetlacza urządzenia, na którym jest wyświetlane, np. tabletu, smartfona, itp.

Przedstawiamy 3 style: grafitowy, granatowy oraz minimalistyczny oraz gotowy kod, który odpowiada za wszystkie style menu.
Zobacz Demo Pobierz pełny kod .html

By skrócić kod - arkusz stylu .css i skrypty umieściliśmy na zewnętrznym serwerze:
<link href='https://googledrive.com/host/0BzWYBwKfT2eddHJjamZnVThqWTA' rel='stylesheet' type='text/css'/>
<script src='http://code.jquery.com/jquery.min.js' type='text/javascript'/>
<script src='https://googledrive.com/host/0BzWYBwKfT2edZlRjQVRGbVNOZ3M' type='text/javascript'/>

<div class="rmm" data-menu-style="graphite">
            <ul>
                <li><a href="#home">Start</a></li>
                <li><a href="#about-me">O autorze</a></li>
                <li><a href="#gallery">Galeria</a></li>
                <li><a href="#blog">Blog</a></li>
                <li><a href="#links">Linki</a></li>
                <li><a href="#sitemap">Mapa strony</a></li> 
            </ul>
        </div>

Jeśli blog lub strona postawiona jest na serwerze, możesz pliki menu (.css,.js) po prostu na niego przesłać. Pliki znajdziesz na stronie Responsive Mobile Menu.

Instagram