21/09/2012

Menu janela

Tumblr_mapzwnt1cu1rgj3wdo1_500_large

     Olá algodões doces, como vão? Obrigada por todos os comentários da postagem passada, hoje anoite irei moderar todos.  Hoje é sexta-feira haha! Acho que todos gostam desse dia né? Sem escola, tempo livre, dormir tarde, pizza! (pelo menos aqui, final de semana é o dia que as besteiras são liberadas)... mas não vi aqui para falar disso. E sim um tutorial de um menu lindo, fácil e exclusivo!

Para ver o resultado, clique aqui!


Ele contém vários efeitos! E não é o que parece, ou seja, não é difícil. Então, chega de enrolação, e vamos ao tutorial de hoje? 
     Vá no seu blog, e em editar html. Agora pressione ctrl + f e procure pela tag ]]></b: skin>  
 Achou? Agora cole o seguinte código acima dela:

.janela a {
background: -webkit-linear-gradient(45deg, #DCC3FA 90%, #410C7E 0%);
display: inline-block;
width: 150px;
text-align: left;
font-size: 10px;
margin-top: -1px;
-webkit-transition: 0.5s all;
padding-left: 20px;
}
.janela a:hover{
background: -webkit-linear-gradient(45deg, #DCC3FA 10%, #410C7E 0%);
color: #fff;
width: 150px;
}

Se souber, você pode ir editando ele. Como as cores! Mas então, para o menu funcionar, adicione um gadget html JavaScript e cole:

<div class="janela">
<a href="URL">Link</a>
<a href="URL">Link</a>
<a href="URL">Link</a>
</div>

     E então, é só substituir a palavra Link pelo nome da página, e a url bote a tal. Não se esqueça de creditar viu? A Domênica que fez esse menu, só que ela deu pra mim postar aqui porque estava sem inspiração, ou seja, é exclusivo daqui! Dúvidas, é só comentar. Mas acho que é bem fácil não? Sou péssima em explicar tutoriais, me perdoem. Quem saiba eu melhore né? Beijos!

15 comentários :

  1. Tuto simples, fofo e útil, amei, talvez eu uso no meu Blog ♥ gostei muito daqui, seguindo, beijos.

    Garota adolescente (perfil)

    ResponderExcluir
  2. Amei aqui flor, tudo lindo <3
    Eu sou o ó pra essas coisas mas tá né,não consegui e tals saushasuha'
    Parabéns pelo blog,já to seguindo amr.
    Segue de volta ?Bjs
    ilovecantores.blogs...

    ResponderExcluir
  3. O efeito é super diferente, adorei!

    Garota Differente

    ResponderExcluir
  4. Awn' que fofo esse menu *---*
    E é bem fácinho de fazer ><'

    Beijinhos~~> http://paradisecityoficial.blogspot.com.br/

    ResponderExcluir
  5. Adorei esse menu. É tão fofo e bonitinho, além de ser super fácil *-*

    Beijos,
    modicesdemenina.blogspot.com

    ResponderExcluir
  6. Oii amr *-*
    rsrs,fico muuito FEEEEEEELIIIZZZ ,que você goste do meu blog,aiin muuito obrigada ,mesmo!
    Emfim# ,seu blog,é um amr *-*,eu super que amei!
    Beijinhos,boa sorte com essa vida!
    karenselajaalmiron . blogspot . com . br

    ResponderExcluir
  7. Que legal o Menu!
    É super bacana e lindo.
    Beijos :3

    waverlyplaceblogger.blogspot.com
    portfoliowaverlyplace.blogspot.com

    ResponderExcluir
  8. Nossa, que legal *ooo*
    É um dos menus mais creativos que eu já vi! *^*
    Talvez use em um próximo layout ^uu^

    Bjs marida!
    sorvete--de--morango.blogspot.com

    ResponderExcluir
  9. Aiin, que tuto legal. Menu super fofo >.<

    ResponderExcluir
  10. Obrigada pelo seu coment lá no PD...não conhecia teu blog,muito lindo...tô seguindo...vlw pelo apoio...bjs
    Clara,


    pe-quenosdetalhes blogspot com

    ResponderExcluir
  11. Desde de já agradeço a suas palavras sobre o meu livro postadas no blog da lolamontavani.Aproveito o ensejo para deixar os links referente as entrevistas que foram ao ar e também o meu blog.
    http://www.youtube.com/watch?v=0m1asr1voV4
    http://www.youtube.com/watch?v=LiKOv65rtyo
    Blog:descubraem2012.blogspot.com.br

    Fabio Vinicius

    ResponderExcluir
  12. Super fácil e útil.. Amei

    beijos
    Gabih
    http://apenas13.tk

    ResponderExcluir
  13. Muito lindo, talvez use no meu próximo lay :)

    Linda, seu blog é SUPER INCRÍVEL, serio mesmo, acompanhei ele desde 200 seguidores, quer fazer afiliação com meu blog?

    Cliquesnocapricho.blogspot.com

    ResponderExcluir
  14. nunca tinha visto esse tuto, bem simples mas legal *O*
    Morangostambemfalam | blogspot

    ResponderExcluir
  15. OMG!Fiz um teste e o efeito da janelinha fica muito fofinha,amei!

    Amei o layout do seu blog, e o conteudo dos post's tambem.Já estou seguindo, se puder dar uma passada lá no meu blog. E se gostar dele, agradeceia muito se seguisse! b
    Bejus...


    .::IrisJovem//Blog::..
    irisjovem|blogspot.com

    ResponderExcluir

Vai comentar? Muito obrigada.
Saiba que, seu comentário pode demorar a ser respondido. Tenho vida social e meus estudos também.
Certifique-se que não adianta comentar perguntando se faço layout para você, porque eu não faço mesmo por falta de tempo.
Não aceito mais selinhos nem tags, sem tempo para responder.