knallimall.org knallimall.org

User Tools

Site Tools

foundation

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision		Previous revision
Last revisionBoth sides next revision
foundation [2014/07/08 20:20] – adminfoundation [2014/10/14 11:43] – admin
Line 36: Line 36:
  
 </code> </code>
 +
 +===== Center Top-Bar Navi =====
 +
 +Simply wrap <div class="contain-to-grid"><div> around your menu.
 +
 +
 +<code html>
 +<div class="contain-to-grid">
 +    <nav class="menu">
 +        <nav class="top-bar" data-topbar>
 +            <!-- TITLE -->
 +            <ul class="title-area">
 +                <li class="name">
 +                    <h1><a href="/"></a></h1>
 +                    <div id="logoIcon">
 +                        <h1>ochorocho</h1>
 +                    </div>
 +                </li>
 +                <li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
 +            </ul>
 +            <!-- MENU -->
 +            <section class="top-bar-section">
 +                <div>
 +                    <ul class="left">
 +                        <li class="current"><a href="/links.html">Home</a></li>
 +                        <li class="has-dropdown normal">
 +                            <a href="/menu.html">Menu</a>
 +
 +                            <ul class="dropdown">
 +                                <li class="normal"><a href="/menu/links.html">Submenu</a></li>
 +
 +                                <li class="normal"><a href="/menu/links.html">Submenu</a></li>
 +                            </ul>
 +                        </li>
 +                        <li class="normal"><a href="/links.html">Submenu</a></li>
 +                        <li class="normal"><a href="/links.html">Chapter</a></li>
 +                    </ul>
 +                </div>
 +            </section>
 +        </nav>
 +    </nav>
 +</div>
 +</code>
 +
 +

Page Tools