Menu Down

| |
Hello people!!!!!! Hoje eu vim aqui para trazer mais um menu uhul \o/, só que esse não é de minha autoria aahhhhhhhhhhh. É um código do tumblr Single Themes créditos que eu adaptei para o blogger. 
Para ver o menu clique aqui. E aí? Curtiram? Let's go baby!
Vá no seu html e procure por:
]]></b:skin>
Logo acima dessa tag, cole isso:

down {
width: 60px;
padding: 10px; /* espaço interno */
font-family: 'ronda'; /* estilo da fonte */
text-transform: uppercase;
font-size: 8px; /* tamanho da fonte */
border-bottom: solid 2px #62425e; /* estilo, espessura e cor da borda de baixo */
background: #fff; /* cor do fundo */
color: #57768e; /* cor da fonte */
/* bordas, apague essa parte se não quiser bordas arredondadas */
-webkit-border-bottom-right-radius: 30px;
-webkit-border-bottom-left-radius: 30px;
-moz-border-radius-bottom-right: 30px;
-moz-border-radius-bottom-left: 30px;
border-bottom-right-radius: 30px;
border-bottom-left-radius: 30px;
-webkit-transition-duration: .99s;
/* fim das bordas, apague essa parte se não quiser bordas arredondadas */
}
down:hover {
padding-bottom: 15px; /* espaço interno da borda de baixo (a bordinha que vai descer), aumente se quiser que a borda desça mais */
color: #e3899f; /* Cor da fonte em hover */
border-bottom: solid 6px #669892; /* cor, estilo e espessura da borda de baixo em hover */
}
@font-face {
font-family: "ronda";
src: url('http://static.tumblr.com/rmj06l2/kcLlo1q2y/pf_ronda_seven.ttf');
Para utilizar o código adicione um gadget de html e cole isso:
<a href="http://seulinkaqui.com.br/"><down>Nome do link aqui</down></a> 
 Espero que vocês tenham gostado e que usem o menu, com os créditos hein.
Kiss
Nakami

Nenhum comentário:

Postar um comentário