Menu com barrinha (Nas laterais) :

Exemplo do menu:

 

1° Passo) Coloque isso no seu CSS (entre <style> e </style>)

/*Menu por Lg-themes*/

.menulg{ background: #f1f1f1; color: #ffffff; display:block; width: 88px; height: 15px; text-align: center; padding-top:2px; margin-left:2px; margin-top:2px; position:relative; text-align: center; z-index:1; font-weight: bold; display: inline-block;border-left: 2px solid #000;border-right: 2px solid #000;}

.menulg:hover{ background: #000; letter-spacing:-1px; }

Obs: Pra mudar a cor da barrinha é so mudar o codigo da cor nesses codigos

border-left: 2px solid #000;border-right: 2px solid #000;

2° Passo) Coloque aonde você quer que o menu apareça 

<center><div class=”navigate”>

<a href=”/”class=”menulg”style=”text-decoration:none”><font color=”#fff”>Home</font></a>

<a href=”/ask”class=”menulg”style=”text-decoration:none”><font color=”#fff”>Ask</font></a>

</div></center>

Obs²: Este codigo aqui ~~> <font color=”#fff”>Home</font> ; faz com que o link fique com a cor branca independente da cor da class do link 

Obs³: Qualquer duvida ou problema venha na ask ;)

3° Passo) Se usar credite a nos ;)

Em 7-05-2012 às 7:43pm | | | | Reblog this! |