9 de out. de 2012

Tutorial: menu que roda


Oi pessoal, hoje eu trouxe um tutorial de um menu que roda!!! O menu é super fofo e vale a pena colocar no blog, além de ficar uma graçinha :) Bora ver o menu? Clica em leia mais. 


Vá em editar HTML  Aperte F3  Procure por: ]]></b:skin  Cole o código que eu vou passar, acima de ]]></b:skin


#menurodasg {
background:#ECCEFD;
display: inline-block;
text-align: center;
color:#878787;
float: center;
margin:0px 1px 0px 1px;
font-family: verdana;
font-size:11px;
padding:5px;
border: 0px solid #fff;
border-right: 0px solid #eee;
height:12px;
width:75px;
box-shadow:1px 1px 1px #eee;
-webkit-transition-duration: .90s;
border-radius:10px 10px 10px 10px; 
-moz-border-radius: 10px 10px 10px 10px; 
-webkit-border-radius: 10px 10px 10px 10px;
text-transform:uppercase;
}
#menurodasg:hover {
background: #D4D4D4;
height: 12px;
-webkit-transition-timing-function: ease-out(90,90,90,90);
-webkit-transform: rotateX(-360deg); -webkit-transition-duration: .90s;
-webkit-transition-duration: 1.90s;
border-radius:10px 10px 10px 10px; 
-moz-border-radius: 10px 10px 10px 10px; 
-webkit-border-radius: 10px 10px 10px 10px;
}

Entendendo o código
Em negrito, é a cor do fundo do menu
Em itálico, é a cor da fonte do menu
                                                       Em sublinhado é a cor do fundo do menu quando passa o mouse

Agora vamos adicionar o menu no seu blog: vá em layout  adicionar um gadget  HTML/Javascript  e cole o código abaixo:
<div id="menurodasg">
<a href="LINK AQUI">Nome do link</a></div>
 Caso você quiser 2 menus cole duas vezes esse código, se quiser 3, cole três vezes, e assim em diante.
Em negrito, você coloca o nome do link
exemplo: home
e em itálico, o link da página.

Espero que utilizem esse menu!!! Deixem seus comentários falando o que acharam do tuto!!! Se quiserem pedir algum tutorial podem pedir!!! 

41 comentários:

  1. Ameiii o blog tudo lindo e cheio de dicas incríveis, super seguindo aqui parabéns.
    obrigada pela visita
    beijos

    ResponderExcluir
  2. Oii amei o seu blog ,muito fofo ><
    como você pediu ajuda de divulgação , Eu posso te diculgar como afiliada .Quer se afiliar comigo??
    Seguindo aquie
    Beijos
    blog-sempre-teen.blogspot.com

    ResponderExcluir
  3. Como voce comseguiu 74 seguidores e vc so tinha 3 posts no seu blog .. Pfs me ajuda amores ?

    ResponderExcluir
    Respostas
    1. Eu já postei com dicas para vcs conquistarem mais seguidores :)

      Excluir
  4. Ótimo tuto! Adorei, beijos!
    mundo-da-loola.blogspot.com

    ResponderExcluir
  5. Gostei do tutorial!

    Já estou seguindo seu blog se poder retribuir ficarei muito feliz.
    Blog > Mundo de Meninna > mundodemeninna.blogspot.com.br
    beijos.

    ResponderExcluir
  6. Gostei do lay do seu blog#
    Brigada pelo comentário no blog,passa + vezes lá vou adorar receber sua visita!
    Bjs

    Daily Crazy#

    ResponderExcluir
  7. O tuto eh mt bom msm, obg por colocar os créditos :)
    Bem, sobre a afiliação.. Aceito sim ^-^ É só pra convidados mas isso n significa que n podem pedir :3 Bem, os afiliados estão em processo de avaliação, que é: Se visita o blog, boa ortografia, layout agradável :3 Vou fazer a imagem do teu blog e ja te coloco la, aguardo vc :3 bjos ;*
    Morangostambemfalam | blogspot

    ResponderExcluir
  8. adoorei seu blog, tudo de bom !
    ver o meu ? : http://bhulago.blogspot.com.br/
    beijinhos, estarei sempre aqui ,
    :)

    ResponderExcluir
  9. Adorei o tutorial!
    Passando para agradecer a visitinha no meu blog, amei aqui, super seguindo!
    bjus
    http://blog2anosemeio.blogspot.com.br/

    ResponderExcluir
  10. Amei o tutorial,super lindo fica né,estou retribuindo a visitinha la no blog.
    Bjs,fica com Deus

    mandaedessas2.blogspot.com.br

    ResponderExcluir
  11. Muito fofo seu blog, cheio de dicas e coisinhas fofas >.<
    Estarei sempre aqui ^^
    Excelente quarta!
    Beijinhos ;*

    http://www.bycarolinaa.blogspot.com.br/

    ResponderExcluir
  12. Oie! Vc me pediu ajuda, eu posso ajudar abrindo uma vaga na afiliação, vc quer?
    Beijo, Lili.
    Princesa Imperfeita

    ResponderExcluir
  13. adorei td aqui,parabens ja seguindo vou ficar feliz se retribuir bjss http://midianmulata.blogspot.com.br/

    ResponderExcluir
  14. AMEI O TUTO!! OBG PELA VISITINHA LÁ NO BLOG!!
    http://cantinho-da-modaa.blogspot.com.br

    ResponderExcluir
  15. Oi obg por participando do sorteio no blog
    volte sempre bjs

    Aninha
    www.coisasdaaninha.com.br

    ResponderExcluir
  16. Blog super fofo, gostei do tutorial, mas não consegui fazer no meu blog, devo ter errado em algum detalhe :(

    http://lembreiqueprecisoestudar.blogspot.com

    ResponderExcluir
  17. Adorei o tutorial !!
    Super bacana seu blog..
    Beziquinhos doces..

    Drika Bello/Tricotando a Vida

    ResponderExcluir
  18. Oláa! Adorei o blog que fofooo *.* lindo mesmo!

    Adorei o post, eu sou bem perdida com essas novidades hehehe

    Super beijo

    http://estoulendoo.blogspot.com.br/

    ResponderExcluir
  19. Adoorei seu blog!!
    To seguiindo...Retribui??
    blog-dajulinha(.)blogspot(.)com

    ResponderExcluir
  20. Seu blog é muito cute ^^
    Sucesso pra vc, já estou seguindo!
    Kissu
    Fe-chan
    obrigada por comentar lá no Sweet Kawaii =^.^=

    ResponderExcluir
  21. Oi linda, Também amei seu blog, é perfeitoo!
    cupcake-de-uva.blogspot.com.br
    Beju!
    By: Estela

    ResponderExcluir
  22. Amei seu blog, Amei mesmo, é muito lindo! já estou participando aqui!

    Passa lá no meu e participa se quizer :D
    Beijos:*
    http://vestidodeveludo.blogspot.com.br/

    ResponderExcluir
  23. Amei tudoo, as dicas os cursores, TUDO! Já estou seguindo, segue o meu?! amandafamateens.blogspot.com =)

    ResponderExcluir
  24. Oi... Muito obrigado pela visita la no blog, o seu também é muito lindo parabéns! ~seguindo~
    sonhos-de-outubro|blogspot|com.br

    ResponderExcluir
  25. blog irmão ainda n, mas quem sabe daqui a algum tempo, UASUHA
    Morangostambemfalam | blogspot

    ResponderExcluir
  26. Amei o blog..ja estou seguindo!!!
    Bj e Sucesso!!

    ResponderExcluir
  27. Oláá
    adorei o seu blog
    estou seguindo *---*

    UM BEIJÃÃO

    http://anywaybtfashion.blogspot.com.br

    ResponderExcluir
  28. Adorei vou fazer um teste com esse menu, seu blog é muito lindo!
    www.flordlismaisvoce.com te espero por lá bjs.

    ResponderExcluir
  29. Oi linda, eu sou do blog Cupcake of Shine, e queria afiliação com seu blog. Pode ser?

    Beijo || cupcakeofshine.blogspot.com

    ResponderExcluir
  30. Ótimo tutorial... Obrigada pela visita la o blog! Amei aqui. ~~Bjs
    Planetfashiong|blogspot.com

    ResponderExcluir
  31. Lindo o seu blog, amei as dicas também. Se quiser afiliação é só falar. Beijos

    http://nerdicesdeumagarota.blogspot.com.br/

    ResponderExcluir
  32. Adooro tutoriais, já estou seguindo aqui para acompanhar. Sempre quando preciso pesquiso em blogs como o seu. *-*

    Beijinhos!
    @Giiih_h
    http://meiosdiasgastos.blogspot.com.br/

    ResponderExcluir
  33. Super legal gostei e já estou seguindo ..
    bjsss http://fernandacaterina.blogspot.com.br

    ResponderExcluir
  34. Floor vim te avisar que está tendo sorteio de um maxi colar, MEGA fofo no blog, corre lá..

    bjoo!

    www.blogdamaanuh.com

    ResponderExcluir
  35. Adorei o tutorial, quando mudar o lay, eu de repente uso!
    Beijos..
    Cupcake de Morango

    ResponderExcluir
  36. Pode Divulgar Meu Blog ?

    birthdaygiftoficial(.)blogspot(.)com(.)br

    Retire os Parentes

    ResponderExcluir
  37. que lindo menu adorei!

    http://conectadas2.blogspot.com.br/

    ResponderExcluir
  38. Nossa amei o seu blog parabéns !

    Dá uma passadinha lá no meu (: http://estranhaadolescenciaa.blogspot.com.br/

    ResponderExcluir

LEIA ANTES DE COMENTAR
-não faço parcerias, apenas afiliações
-"segue meu blog" ou "seguindo, segue de volta" - só seguirei os blogs que eu realmente gostar, okay?
-não aceito tags nem selinhos
-deixe o link do seu blog no fim do comentário para que eu possa retribuir a visita