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!
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.