flag
X logo
Menu
Home Icons Contact
Docs
Typography
Responsive
Containers Grid Align Display
Navigation
Topnav Sidenav Slide down nav Verticale nav Fullscreen nav Buttons Pagination
Pictures
Images Animation Parallax Sliteshow Thumbnail
Helpers
Helpers Padding Margin
More
Accordion Borders Cards Colors Form List Popup modal Table Tooltips

Slide down nav


Introductie

Slidedown nav is een eenvoudige maar effectieve topnavigatie die vanaf de bovenkant naar beneden glijdt na een klik op een menuknop.

De basiskleuren zijn zwart en grijs maar kunnen eenvoudig worden aangepast met de kleur classes van CSS-framework.


Klik op de Class naam om deze te kopiƫren.

slidedown-nav Hoofd class voor het slitedown nav blok
slidedownclick Klik class voor de open en sluit knoppen
closebtn Class voor de sluiten knop pictogram
slidedown-icon Class voor de open knop pictogram
slidedown-nav-content Class voor de inhoud van de slitedown nav
slidedown-main Class die het hoofdgebied voor de pagina inhoud vormt

Voorbeeld Slitedown Nav pc - laptop

Voorbeeld mobiel


Voorbeeldcode:

<div class="slidedown-nav">
  <a href="javascript:void(0)" class="slidedownclick closebtn"></a>
  <div class="slidedown-nav-content">
    <a href="#">Home</a>
    <a href="#">Over ons</a>
    <a href="#">Ons werk</a>
    <a href="#">Contact</a>
  </div>
</div>

<a class="slidedownclick slidedown-icon" href="javascript:void(0)"></a>
<div class="slidedown-main">
  <h1 class="center">Header</h1>
</div>


© Copyright by Web Henkie
All right reserved
Webmaster