04/09/12

Menu Run + Meu Níver

388230-7-1345101923104_large
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 

17 comentários:

Vitória disse...

Esse menu é muito legal,e informa o leitor sobre o blog, amei!
victory-blog1.blogspot.com.br

Leeticia disse...

Olá, linda!
O menu fica lindo, adorei o seu blog, como já havia dito, e aceito afiliação sim.
Quando você me por na sua elite avise que te ponho na minha.
Beijos
neversaynever-believe. blogspot. com. br

Gabii Lucilla disse...

Parabéns amore... ^^
O menu deixa um resultado incrivel, vai pro meu próximo layout,


Bem, achei o seu blog na internet e adorei.
Tudo super lindo e muito bem elaborado.
Estou seguindo. Se gostar, retribui... Irei adorar te ver em meu cantinho ^^
Ah, aceita afiliação?
Beijos ♥

diario-para-girls.blogspot.com

Alice Aguiar disse...

que tutorial legal, talvez eu faça um desses, se fizer dou os devidos créditos viu

Acile Sullan disse...

fala a sua idade, eu não entendo porque as pessoas não gostam kk', mais nao me intrometo lol...
tutorial legal otima pedida da bia..
beijos
acilesullan.blogspot.com

Cristal sem Luxo disse...

Muito legal esse menu gata!
bjs
cristalsemluxo.blogspot.com

Aline Perobelo disse...

Oii Floor*

Parabéns pelo Blog!

Liindo*

Seguindo Já...

Dá uma passadinha lá no meu... Segue lá!

http://alineperobello.blogspot.com.br/

fan page

http://www.facebook.com/pages/Estillo-A/128701730607501#

@LisiOestraich disse...

faalta 2 diaaaaaaas [aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa]

Leeticia disse...

Olá, já está lá na elite linda.
Beijos
neversaynever-believe. blogspot. com. br

Lavinia Souto disse...

Yoo! Esbarrei no seu mundinho e amei! Aceita parceria? Kissus!

http://mundoo-fashiion.blogspot.com/

p.s: se aceitar comenta lá!

já coloquei seu blog nas minhas parcerias!

Lavinia Souto disse...

Claro que pode Bubu, aliás eu já segui seu blog ok? Kiiss,kiss!

Geronda disse...

Hoje o prazo de entregar o desenho para o concurso acaba! Você tem um dia para entregar, ou será desclassificada!
sanduichedeassunto . blogspot . com

Thayná Souza disse...

Parabéns pelo blog. Estou seguindo, bjjjs

Rayane Stefani disse...

Gostei muito desse Menu !

Beijos

http://blog-puro-glamour.blogspot.com.br/

Monique D. C. disse...

Feliz aniversário beeem atrasado *-*
Tudo de bom hoje e sempre!
Seu blog está bem fofinho. Beijos (:

Victoria disse...

Oi bubu! 1000 perdoes! Eu to sem pc, por isso nao estou postando, e eu esqueci msm :s
to comentando pelo celular e no cel nao da pra mexer em HTML! Desculpa msm, quando conseguie o pc, coloco viu? :3 Feliz niver amore!
Desculpa de novo! Juro que coloco assim q ele voltar do concerto!
xoxo Vickie <3
~~>Chiclete Violeta

@LisiOestraich disse...

saaaaaaudades das tuas atualizações *-----------------------------*
afiliadaaaaaaaaaaa, aah o blah está de volta! e feliz niver atrasadoo viiu! bjjbs s2

Small Blue Outline Pointer