30 de nov de 2013

Menu Status


Oiiie de novo eu fui no shopping por isso dei uma pausa na maratona, mas óbvio que vou continuar. Enfim hoje e vou ensinar como fazer um menu muito fofo que é o menu de status sabe?
Vá no seu template e procure por ]></b:skin> para facilitar procure por:
]]>
e cole acima dessa TAG o seguinte código:
.status{
display : block; border-bottom : 1px solid #SUACOR;margin-bottom : 1px;line-height: 15px;text-indent : 5px;vertical-align : middle;text-indent : 5px;text-decoration : none; padding: 1px 1px 1px 1px; -webkit-transition-duration: .30s;}
.status:hover{
text-indent : 20px;background:#7b7b7b;}
Entendendo o código:
 border-bottom é a bordinha
1px é o tamanho da bordinha

Depois vá em adicionar um gadget > HTML Script e cole o seguinte código:
<div class="status">SEU TEXTO</div>
Então é isso meus amores...
Beijos <3

Nenhum comentário:

Postar um comentário