#menu select

Mario Kart Wii - Menu Select Theme

New Post has been published on http://www.htmluse.com/navtoselect/

navToSelect

Download   Demo

navToSelect is jQuery plugin used to convert your website navigation into a select drop-down menu for small screen devices.

1. INCLUDE JS FILES

<script src="jquery.js"></script> <script src="dist/jquery.navToSelect.min.js"></script>

2. HTML

<nav id="nav"> <ul> <li><a href="homepage.html">Homepage</a></li> <li><a href="about.html" class="active">About us</a></li> <li><a href="contact.html">Contact</a></li> </ul> </nav>

3. JAVASCRIPT

jQuery(function($) $("#nav > ul").navToSelect( activeClass: 'active', indentString: '–', defaultText: 'Navigate to...' ); );

4. CSS

Bom, pra quem não sabe, menu select é aquele que tá na minha descrição ali do lado, com os créditos ou mesmo o da página de testes ou aqui, com o mapa do conteúdo da página. Eles são bem úteis e sempre legais pra por em espaços pequenos. Dá pra fazer vários tipos de menusinhos, e eu vou disponibilizar alguns pra vocês. Por enquanto eu tenho só dois, que é o igual ao meu daqui do Hr! e mais um dark. Depois, se gostarem e quiserem aprender, posso fazer um tutorial pra vocês. Mas por enquanto, vou postar apenas estilinhos prontos.

E aqui esta a visualização, onde vão ficar todos os menus selects. Mas não se esqueçam de dar like no post do menu em que você pegou, pois faço tudo de graça e é a unica coisa que peço de vocês!

Estilo 1 - código Estilo 2 - código