12 de set de 2013

Menu Marshmallow

Olá pessoal, trago para vocês um menu super fofo, ele se chama menu  marshmallow, 
os créditos vão para o blog da Pequena Garota. Para ver o menu clique aqui.

Para colocar em seu blog, copie o código abaixo e colo antes da tag ]]></b:skin>:

/* Menu Marshmallow por Pequena Garota*/
 marsh{
 color: #404040; /*cor da fonte*/
 text-align:center;
 font-family: Pixelade; /*não altere*/
 font-size: 13px;
 background: #ffc0c0c0; /*fundo do menu*/
 padding: 2px;
 float: left;
 margin: 2px;
 width: 22%; /* tamanho do menu */
 -webkit-transition-duration: .80s;
 box-shadow: inset 0 0 18px #ff8080, 0 0 3px #fff; /* sombra interna */
 border-radius: 2px; /*bordas arredondadas*/
 }
 marsh:hover{
 background: #D4E7FA; /*fundo do menu ao passar o mouse*/
 color: #404040; /*cor da fonte ao passar o mouse*/
 -webkit-transition-duration: .80s;
 box-shadow: inset 0 0 18px #6B8CAD, 0 0 3px #fff; /* sombra interna */
 border-radius: 2px; /*bordas arredondadas*/
 }

Para o menu funcionar coloque o código abaixo no gadget html/java script

<a href="http://www.blogger.com/LINK"><marsh> NOME</marsh></a>
<a href="http://www.blogger.com/LINK"><marsh> NOME </marsh></a>
<a href="http://www.blogger.com/LINK"><marsh> NOME </marsh></a>
<a href="http://www.blogger.com/LINK"><marsh> NOME </marsh></a>

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