Menu CSS com SubCategoria

Menu CSS para seu site



Um menu com subcategoria e com efeitos ao passar o mause, exelente para seu site ou para estudo CSS...
Para ultilizar-ló, sigua nossas instruções ou veja no demo.

Criando meu menu
Primeiro você deve criar uma div com ID: menu.
Ex:

Código:

<div id="menu">

</div>

Para colocar uma opção no seu menu, você deve criar uma div dentro da div MENU com a CLASS: "btn"
Ex

Código:

<div class="btn" onclick="window.location='#URL-AQUI'">
Link</div>

Colocando separador entre as opções do menu
Crie uma div dentro da div MENU com a CLASS: "separador"
Ex:

Código:

<div class="btn" onclick="window.location='#URL-AQUI'">
Link</div><div class="separador"></div>

Colocando subcategoria no seu menu
basta coloca um <ul>, com <li> para cada opção do subcategoria subcategoria.
<ul>

Código:

<div class="btn" onclick="window.location='#URL-AQUI'">Link
   <ul>
       <li onclick="window.location='#URL-AQUI'">SubLink</li>
        <li onclick="window.location='#URL-AQUI'">SubLink</li>
        <li onclick="window.location='#URL-AQUI'">SubLink</li>
        <li onclick="window.location='#URL-AQUI'">SubLink</li>
    </ul>
</div><div class="separador"></div>

Pronto! seu menu está pronto.



LINKS

Informações
Demo
Baixar