Oii dociinhos, tudo bom com vocês?!
Hoje eu trouxe o tutorial do menu que eu coloquei em cima do "gif" da Selena no Cabeçalho...
(Coloque o mouse em cima do "Início" e veja o efeito "caíndo"...
Já sabem onde clicar...
Entre em seu Modelo-Editar Html
Aperte em seu teclado : ctrl+f
e pesquise por : ]]></b:skin> , acima desta tag, cole :
/* ------- menu sweet SH não copie ---- */
.menu-item {position: relative;display: inline-block;height: alturapx; opacity: 0.3;text-decoration: none;
-moz-transition: all 1s ease;
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease; } .menu-item:hover {opacity: 1; /* Firefox */ -moz-transform: scale(2) rotate(30deg) translate(50px);
-webkit-transform: scale(1.2) rotate(30deg) translate(50px);
-o-transform: scale(2) rotate(30deg) translate(50px); /* Standard */ transform: scale(2) rotate(30deg) translate(50px); z-index: 1000; }
Vizualize, se tiver tudo certinho prossiga!
Vá em Layout, adicione um gadget html e cole : <a href="Link" class="menu-item"><img src="Link da imagem"></a>
Explicação
Em "link" : coloque o link que sua imagem vai redirecionar,
Em" Link da imagem": cole o link(url) da imagem do teu menu.
Fiz algumas imagens, caso queiram ^^
É só clicar com o botão direito do mouse em cima da imagem do menu e copiar a url :)
Se usar alguma não esqueça de creditar aqui...
o código do menu foi criado lá no Sh Mais o blog fechou :(
Por hoje é só :)
2 bjs
gostei muito do seu tutorial !
ResponderExcluirVisita o meu você não vai se arrepender >>http://seututorialmeututorial.blogspot.com.br/
Muito bom seu tuto e os botões para o menu ficaram lindos, principalmente os últimos...
ResponderExcluirBeijos
criandodesigne.blogspot.com|have-luck.blogspot.com
Muito bom o tutorial, e eu amei as imagens. Estou seguindo de volta, eu adorei seu blog :3
ResponderExcluirxoxo♥
Crazy Girl ~