Menu Run + Meu Níver

Oooi Fofoletes :3

Falta muito pouco para meu aniversário. Sabem quando é? O 8/9. Eu não vou dizer minha idade, pois ficam me enchendo e porque simplesmente não gosto de falar minha idade. 
Bem, mudando de assunto, eu vou fazer um tutorial a pedido da Beatriz Costa, do blog Bia's World. Todos os créditos deste tutorial vão para o blog Bomba de Glitter. 

O tutorial é do Menu do meu Status, mas mesmo assim vou botar o print do meu resultado no final. 

Quer ver o tutorial? Leia mais.

Acesse o seu CSS e cole o seguinte:

/*** Menu Run - BombaDeGlitter.blogspot.com */
.run { font-size: 11px; font-family: arial; letter-spacing : 0; border-bottom : 1px solid #CorDaLinha; text-indent : 5px; vertical-align : middle; text-decoration : none; line-height : 15px; margin-bottom : 1px; -webkit-transition-duration: .40s; background : url('link do mini gif') no-repeat left; padding-left : 10px; }
.run:hover { text-decoration : none; vertical-align: middle; line-height: 15px; border-bottom : 1px solid #CorDaLinha; background : url('link do mini gif') no-repeat left; -webkit-transition-duration: .40s; padding-left:25px; }
/* Credite ***/

Depois de personalizar o que está em negrito de acordo aos seus gostos com uma tabela de cores (aqui tem uma bem útil e com várias cores) onde quiser que apareça, cole no HTML o seguinte código:

<div class="run"><a href="Link"> Conteúdo  </a></div>

Se não quiser link, é só tirar a parte que diz < href=''Link''>.

Resultado:

Dá para reparar que noo Hover o texto meio que ''corre'' para a direita, né? Qualquer dúvida podem consultar comigo, O.K.?

Beijinhoos açucarados