24/11/2012

39

Menu Rotate

Tumblr_me04uvxzji1rii027o1_500_large
Hooy imaginárias :) bom pessoas eu estou muito feliz porque alcancemos nossa meta de 400 seguidores, sério eu não sabia que chegaríamos até aqui , mais muito obrigada mesmo.

Hoje trouxe um menu muito fofo que encontrei no Kw é o menu rotate , não consegui fazer o print mais ele é normal e quando clicamos em cima dele ele gira (e volta ao normal) veja como ele é


E ai gostaram ? vamos ver como se faz


Vá em designer , Dê F3 e procure por :  ]]></b:skin> encontrou ? então vamos acrescentar logo acima um dos seguintes códigos

Rosa:

.menugirarosa {width:auto; float:left}.menugirarosa a {width:46px; font-family:handy; font-size:8px; color:#ffffff; text-decoration:none; background-color:#fdcddc; margin-top:5px;box-shadow: inset 0 0 30px #f08cb9, 0 0 2px #dd6a9d; text-align:center; padding:5px; -webkit-transition-duration: 1s; float:left; margin-left:3px;}.menugirarosa a:hover {-webkit-transform: rotateX(-360deg);}
                                                                               Azul
         
           
.menugiraazul {width:auto; float:left}.menugiraazul a {width:46px; font-family:handy; font-size:8px; color:#ffffff; text-decoration:none; background-color:#cde8fd; margin-top:5px;box-shadow: inset 0 0 30px #9ecdf1, 0 0 2px #7cb6e3; text-align:center; padding:5px; -webkit-transition-duration: 1s; float:left; margin-left:3px;}.menugiraazul a:hover {-webkit-transform: rotateX(-360deg);}                                     
                                                                              Amarelo

                                            .menugira {width:auto; float:left}.menugira a {width:46px; font-family:handy; font-size:8px; color:#ffffff; text-decoration:none; background-color:#fff9b1;box-shadow: inset 0 0 30px #d4cd82, 0 0 2px #cbc263; text-align:center; padding:5px; -webkit-transition-duration: 1s; float:left; margin-left:3px;}.menugira a:hover {-webkit-transform: rotateX(-360deg);} 

                                             Agora para usar

       Vá em Layount adicionar um Gadget
             Html java script  e cole o seguinte código

         <div class="menugirarosa">
<a href="LINK">nome</a><a href="LINK">nome</a><a href="LINK">nome</a><a href="LINK">nome</a></div>
                 Aonde está menugirarosa  muda o ROSA pela cor que fez o menu :)

 Espero que gostem e curtam :)

Créditos :♫ 
                                                 

39 comentários:

  1. Hey Garota Imaginária como que você colocou essas neve caindo aqui no seu blog?
    Gostaria de colocar em meu blog se puder me ajudar agradeço desde já.
    Beijooooos!

    s2-trendy-girl-s2.blogspot.com.br

    ResponderExcluir
  2. O menu menu lindo depois eu vou usar :3
    sereifelizz.blogspot.com.br

    ResponderExcluir
  3. Eu já usei esse menu no meu template antigo *u*
    ele fica um xodo X)

    Bezos-->http://littlesweet-blog.blogspot.com.br/

    ResponderExcluir
  4. Muitooo obrigada por ter me ajudado, ajudou mais do que eu precisava.
    Beijoooos!

    Trendy Girl

    ResponderExcluir
  5. OLÁ , obrigada por colocar o menu eu estava precisando mesmo, porque eu to reformando meu blog sabe ? E seu blog tem vários tutus otimos e vou ficar por aqui, já te seguindo tá ? bjs :*
    chuva-de-brigadeiro.blogspot.com

    ResponderExcluir
  6. Adoro este menu ^^ É lindo.

    - Wonderland Cherry ~Clique em meu perfil para visitar~

    ResponderExcluir
  7. amei o tuto , fica ótimo !!!
    bjs flor
    laisborgess.blogspot.com.br

    ResponderExcluir
  8. Fica ultra lindo esse menu, nee? Adorei !! Beeijos!
    pqngarota.tk

    ResponderExcluir
  9. Adorei o menu bj flor :3
    http://myhdream.blogspot.com.br/

    ResponderExcluir
  10. Super fofo ameeei *u*
    BVBeijos

    gostinhoporsuicidio.blogspot.com

    ResponderExcluir
    Respostas
    1. Flor na webnovela ele tem 18 mas na vida real ele tem 26, ele fez dia 20 :) rs' olha uma foto dele: http://data.whicdn.com/images/44233319/tumblr_ly7rwbPTIH1qhomdao1_500_large.png

      Excluir
    2. Como assim ele e meu lindo *u* kkkkkkkk que bom que vc nao gostou sobra mais dele pra mim U_U ta parey... ela eu que criei mas o sobrenomes dela nao, Cassells e do baterista do Asking Alexandria e Collins e do Barnabas Collins do filme Sombras da Noite :)

      Excluir
  11. Ai, amei o menu. Super lindo. Estou seguindo seu blog linda, se tiver um tempo, passa lá no meu cantinho, será muito bem-vinda. Beijão e tenha uma ótima semana.
    light-as-the-breeze.blogspot.com.br

    ResponderExcluir
  12. Own que perfeito que fica! Fica lindo de mais! eu fiz no meu blog de testes e ficou uma gracinha ^.^. Lindo de mais! PFT!

    Beijos. Chuvas de novebro (clique no perfil :3!)

    Eii linda, antes de tudo gostaria de fazer uma pergunta:
    -"Você fez o blog pensando realmente em qual proposito"?

    Linda, a pergunta é para um debate que eu tô fazendo valendo divulgação no CDN, e com isso queria que você participasse, e então é só responder essa minha pergunta, só u.u

    ResponderExcluir
  13. Amei o menu! Ontem eu vi no KW, quando fui fazer, o menu não girava #fail. Achei tão fofo *-*

    Explodindo Glitter

    ResponderExcluir
  14. Adoooro esse menu, mega lindo e simples!
    Beijocas!

    PiinkCookie.blogspot.com

    ResponderExcluir
  15. Adorei o menu, muito lindo, vc que fez???

    segue?

    http://blusinhabasica.blogspot.com.br/

    ResponderExcluir
  16. Nossa é muito lindo esse menu! *--*
    cute-bii.blogspot.com

    ResponderExcluir
  17. amei o tutorial!!!!
    lovingmay.blogspot.com

    ResponderExcluir
  18. rs desculpa esqueci de responder sobre a afiliação! aceito siim rs ^^
    cute-bii

    ResponderExcluir
  19. O bom de dicas deste jeito e para mim saber as novidades.
    Pois sobre html eu não sei fazer nada, nada, nada mesmo acho um talento quem sabe mas eu? Eu não sei.

    beijos :*
    http://aquelahistoriana.blogspot.com.br

    ResponderExcluir
  20. Fica MUITO legal, sério mesmo, o efeito das três cores fica muito divertido!
    Beijos
    blog-cereja.blogspot.com

    ResponderExcluir
  21. Parabéns pela meta, o menu é lindo *o*

    ResponderExcluir
  22. YooYoo! Que tuto maravilhoso. Estou fazendo um layout de encomenda e vou falar com a blogueira que me pediu para ver se ela quer, pois é belíssimo.
    Parabéns pelo seu trabalho.Adorei o blog. Obrigada pelos elogios que deu ao meu blog, já estou seguindo aqui. Querida, o seu blog é simplesmente perfeito ~vomitando arco-íris~

    - beijokas, Loves Fashion

    ResponderExcluir
  23. Ótimo o tutorial,gostei
    http://dezapaixao.blogspot.com.br/

    ResponderExcluir
  24. Esse blog é o maximo, adorei (: O tuto é dahora tbm
    seguindo seu blog liindo, segue?
    sentierodellerose1.blogspot.com
    beijos

    ResponderExcluir
  25. Oi flor nunca vim no seu blog e ameii super mega fofo to seguindo, seg de volta se puder?
    webgleicy.blogspot.com

    ResponderExcluir
  26. Eu fiz o meu pelo KW, só que deu uns problemas pq o link não aparecia :( Mas é muito lindo o efeito
    http://republicacrash.blogspot.com.br/

    ResponderExcluir
  27. Adorei o tutorial flor, apesar de ser um pouco difícil de fazer, o resultado é bem incrível.

    Sweet Teen

    ResponderExcluir
  28. Parabéns!!!
    Beijos
    Cléo de Lucca
    minhaamigamedisse.blogspot.com.br
    Instagram: @minhaamigamedisse_fashionblog

    ResponderExcluir
  29. Lindo, vou usar no meu próximo lay!

    Participe do amigo secreto: amantesdemoda.blogspot.com.br/2012/11/amigo-secreto-natalino.html

    ResponderExcluir
  30. nossa adorei o tuto vou fazer no próximo layout!!
    obrigada pela visita no blog!
    http://sweetdrens.com

    ResponderExcluir
  31. O mais lindo dele é que ele tem várias cores, o mais bonito é isso , Nossa como o GI cresceu demais :p

    http://turminhadasmeninas.blogspot.com.br/

    ResponderExcluir
  32. Eu acho lindo esse menu, vou ver se faço no próximo lay. Ultimamente estou usando o padrão do blogger mesmo. Seguindo aqui flor, lindo seu blog

    Beijinhos <3
    Garota Inocente

    ResponderExcluir
  33. Oi, tudo bem? MUITO obrigada pela visitinha, fiquei muito feliz, volte aqui sempre que quiser. Também estou te seguindo viu... É sempre bom fazer novas amigas, né? Beijos :*
    Nos olhos de quem viu

    ResponderExcluir
  34. Muito interessante esse menu, mais eu queria mesmo era aqule "menu deslizante" sabe? Estou atrás dele já tem um tempinho mas não encontrei nenhum bacana :/

    Adorei a visita lá no acrópole e não pude deixar de vir aqui, parabéns pelo blog querida, muito bom, continue com esse trabalho ;)

    ResponderExcluir
  35. (◡‿◡✿)primeira vez aqui, que gracinha... hahahaha amei a dica eu estava precisando que bom... lindo seu blog

    ResponderExcluir

Podem comentar a vontade , qualquer dúvida leia as coisinhas abaixo

Não seja mal educado
Respondo todos os comentários
Só aceito comentários falando do post

Enfim alguns símbolos para copiar e colar . Não se esqueça de deixar o link de seu blog para que eu possa vê-lo

♥❤∞ ☆ ★ ✖ 。◕‿◕。® ™ ☏✿゚✤
❝❞✥ ✦ ✧ ✩ ✫ ✬ ✭ ✮ ✯ ✰ ✱ ✲ ✳ ❃ ❂ ❁ ❀ ✿✼ ✻ ✺ ✹ ✸ ✷ ₪ ❃ ❂ ❁ ❀ ✿ ✾ ✽ ✼ ✻ ✺ ✹ ✸ ✷
✶ ✵ ✴ ❄ ❅ ❆ ❇ ❈ ❉ ❊ ❋ ❖(◕‿◕✿) 。◕‿◕。 ⊱✿◕‿◕✿⊰(◡‿◡✿)(◕〝◕)◑▂◐ ◑0◐ ◑︿◐ ◑ω◐ ◑﹏◐ ◑△◐ ◑▽◐
●▂● ●0● ●︿● ●ω● ●﹏● ●△● ●▽●
⊙▂⊙ ⊙0⊙ ⊙︿⊙ ⊙ω⊙ ⊙﹏⊙ ⊙△⊙
≡(▔﹏▔)≡