Menu vertical simple

Hoje vou ensinar a fazer esse menu que é bem simples e que você pode usar como uma lista de materiais, tutoriais, de últimas atualizações e por ai vai.... o menu é esse abaixo:

 
Coloque o código abaixo em seu css (entre <style> e </style>)
/* ------- novidades ---- */
.novi2 a 
{background: #f8c5ab; 
color: #EEEEEE; 
margin: 2px; 
padding: 4px; 
display: block; 
text-shadow: none!important; 
font-size: 12px; 
width: 50%;
border-bottom: 2px solid #f5ad89;
-webkit-border-radius: 0px; 
-moz-border-radius: 0px; 
border-radius: 0px; }
.novi2 a:hover 
{background: #f2d3c3;}

e o código abaixo onde você quer que apareça seu menu.

 <div class="novi2"> <a href="http://SEU LINK AQUI">Escreva algo</a> </div> 

Por: Pâmela Sampaio em 04/05/14
Não copiem o tutorial e nem os códigos. Se for útil, deem os devidos créditos.
Facebook Twitter Pinterest Google+ Email Addthis