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!
Tuto simples, fofo e útil, amei, talvez eu uso no meu Blog ♥ gostei muito daqui, seguindo, beijos.
ResponderExcluirGarota adolescente (perfil)
Amei aqui flor, tudo lindo <3
ResponderExcluirEu 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...
O efeito é super diferente, adorei!
ResponderExcluirGarota Differente
Awn' que fofo esse menu *---*
ResponderExcluirE é bem fácinho de fazer ><'
Beijinhos~~> http://paradisecityoficial.blogspot.com.br/
Adorei esse menu. É tão fofo e bonitinho, além de ser super fácil *-*
ResponderExcluirBeijos,
modicesdemenina.blogspot.com
Oii amr *-*
ResponderExcluirrsrs,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
Que legal o Menu!
ResponderExcluirÉ super bacana e lindo.
Beijos :3
waverlyplaceblogger.blogspot.com
portfoliowaverlyplace.blogspot.com
Nossa, que legal *ooo*
ResponderExcluirÉ um dos menus mais creativos que eu já vi! *^*
Talvez use em um próximo layout ^uu^
Bjs marida!
sorvete--de--morango.blogspot.com
Aiin, que tuto legal. Menu super fofo >.<
ResponderExcluirObrigada pelo seu coment lá no PD...não conhecia teu blog,muito lindo...tô seguindo...vlw pelo apoio...bjs
ResponderExcluirClara,
pe-quenosdetalhes blogspot com
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.
ResponderExcluirhttp://www.youtube.com/watch?v=0m1asr1voV4
http://www.youtube.com/watch?v=LiKOv65rtyo
Blog:descubraem2012.blogspot.com.br
Fabio Vinicius
Super fácil e útil.. Amei
ResponderExcluirbeijos
Gabih
http://apenas13.tk
Muito lindo, talvez use no meu próximo lay :)
ResponderExcluirLinda, seu blog é SUPER INCRÍVEL, serio mesmo, acompanhei ele desde 200 seguidores, quer fazer afiliação com meu blog?
Cliquesnocapricho.blogspot.com
nunca tinha visto esse tuto, bem simples mas legal *O*
ResponderExcluirMorangostambemfalam | blogspot
OMG!Fiz um teste e o efeito da janelinha fica muito fofinha,amei!
ResponderExcluirAmei 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