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
Next revisionBoth sides next revision
foundation [2014/07/08 20:20] – adminfoundation [2014/10/14 10:03] – admin
Line 35: Line 35:
 }); });
  
 +</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> </code>

Page Tools