12 de set de 2013

Menu Claro/Escuro

Trago mais um menu fofo para sidebar. Para ver o menu clique aqui

Para colocar em seu blog coloque o código abaixo acima da tag ]]></b:skin> 

.claro{width: 230px; margin: 0; text-decoration: none; text-align: center;}
.claro a, .claro span{width: 51px; padding: 5px 0; text-align: center; font-family:"arial"; font-size:7px; text-transform: uppercase; display: inline-block; background: #ffc0c0;font- color:#ff8080;  border-left: 4px double #ff8080; cursor: pointer;}
.escuro{width: 230px; margin: 2px 0 0 0; text-decoration: none; text-align: center;}
.escuro a, .escuro span{width: 51px; padding: 5px 0; text-align: center; font-family:"arial"; font-size:7px; text-transform: uppercase; display: inline-block; background: #ffc0c0;font- color:#ff8080; text-shadow: 1px 1px 1px #fff;  border-left: 4px double #ff8080;4px double #ff8080; cursor:pointer; }

Personalize o background, color e boder

Para o menu aparecer copie o código abaixo e cole no gadget html/java script

<div class="caixa">
<div class="claro">
<a href="LINK">Home</a> <a href="LINK">NOME</a> <a href="LINK">NOME</a> <a href="LINK">NOME</a><br />
</div>
<div class="escuro">
<a href="LINK">NOME</a> <a href="LINK">NOME</a> <a href="LINK">NOME</a> <a href="LINK">Nome</a>
</div>
</div>

Nenhum comentário :

Postar um comentário

Qualquer dúvida pergunte que
responderei com prazer.
Só peço que seu comentário
seja relacionado à postagem.

© Princess Tutoriais- Agradece sua visita
2014. Todos os direitos reservados
Pedidos? dúvidas? nos comentários ou na Ask.
imagem-logo