19 de mai de 2014

Menu Simples

Olá amigas(os), desculpa a demora em postar. Trouxe para vocês um menu bem simples
para vocês utilizarem na sidebar ou onde der vontade. Ele é meio que um menu coringa, pois pode ser usado como algo para páginas, tags, postadoras ou links externos. Modifiquem como quiserem!


Nome
Nome
Nome
Nome


1. Vá até Modelo, editar HTML e clique em qualquer área da caixinha de códigos que aparecerá. Pressione ctrl + F e procure por ]]></b:skin>. Acima dessa tag, cole o código abaixo:

#menusimples2 {
width: 120px;
height: 10px;
background-color: #fff5f7;
float: left;
padding: 2px 0 4px 0;
margin: 3px;
font: 8px silkscreen;
color: #ffacbb;
text-shadow: 0 1px 0 #fff7f9;
text-align: center;
border-bottom: 1px solid #ffb7c3;
border-top: 1px solid #ffb7c3;
border-left: 6px solid #ffb7c3;
border-right: 6px solid #ffb7c3;
-moz-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
#menusimples2:hover {
background-color: #f4f4f4;
color: #dad8d9;
text-shadow: 0 1px 0 #ffffff;
border-bottom: 1px solid #cecece;
border-top: 1px solid #cecece;
border-left: 6px solid #cecece;
border-right: 6px solid #cecece;
-moz-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}

2. Após salvar as alterações, em um gadget de html/Javascript, cole o código abaixo, modificando as partes indicadas:
< a href="seu link aqui" id="menusimples2">Nome do link</a>
< a href="seu link aqui" id="menusimples2">Nome do link</a>
< a href="seu link aqui" id="menusimples2">Nome do link</a>
Kissus

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