12 de set de 2013

Menu Curious

Olá pessoal, hoje trago para vocês um menu super fofo, o curious, para ver clique aqui

Coloque o código abaixo logo acima de ]]></b:skin>

@font-face {font-family: "Arma Five"; src: url('http://static.tumblr.com/bsalulu/qxQmmc6lm/pf_arma_five.ttf');}
.MenuCurious{
background: #f3f3f3;
border-bottom: 1px solid #ccc;
font-family: 'Arma Five';
text-align: left;
font-size: 8px;
color: #a7a7a7;
padding-left: 7px;
text-shadow: 0px 0px 2px #eee;
-webkit-transition: all 0.50s ease;
}
.MenuCurious:hover{
background: #f6f6f6;
border-bottom: 1px dotted #ccc;
font-family: 'Arma Five';
font-size: 8px;
color: #a7a7a7;
text-shadow: 0px 0px 2px #eee;
padding-left: 7px;
text-align: left;
-webkit-transform: rotateX(350deg) rotateY(0deg) rotateZ(0deg);
-moz-transform: rotateX(350deg) rotateY(0deg) rotateZ(0deg);
-o-transform: rotateX(350deg) rotateY(0deg) rotateZ(0deg);
-ms-transform: rotateX(350deg) rotateY(0deg) rotateZ(0deg);
transform: rotateX(350deg) rotateY(0deg) rotateZ(0deg);
}

E este no gadgete html/java script

<a href="SEULINK"><div class="MenuCurious">- Menu</div></a>
<a href="SEULINK"><div class="MenuCurious">- Menu</div></a>
<a href="SEULINK"><div class="MenuCurious">- Menu</div></a>
<a href="SEULINK"><div class="MenuCurious">- Menu</div></a>

2 comentários :

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