Enfim, é um efeito que faz os links "pularem", e que eu uso lá no Dreams Labyrinth (blog de encomendas, agora fechadas). Não sabe como é?
link antes de passar
link depois de passar o mouse
Abra o seu HTML (sim, o novo, não muda nada não, viu gente? Só a aparência que tá diferente, o resto é igual, não precisa de tanto desespero), clique na caixinha de códigos e tecle ctrl+F. Então procure pelo seguinte código:]]></b:skin>Então copie o código a seguir EM CIMA do encontrado:
a{Aí é só mudar o código "#CORDOLINK" pela cor que você quer a fonte do link quando passa o mouse, e "#CORUM" e "#CORDOIS" pelas cores que você quer na sombra que vai aparecer quando o seu link "pular". Prontinho, só salvar! E pode adicionar isso em outras partes também, se você trocar (por exemplo) o a { por h2 { esse efeito vai ficar nos títulos dos seus gadgets (só que tem que colocar também no lugar de "a:hover").
position: relative;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease; }
a:hover{
left: -6px;
top: -6px;
color: #CORDOLINK;
text-shadow: 1px 1px #CORUM, 2px 2px #CORDOIS, 3px 3px #CORUM, 4px 4px #CORDOIS, 5px 5px #CORUM, 6px 6px #CORDOIS;}
O tutorial é muito bom, mais eu não vou usar, pois o lay já está terminado...
ResponderExcluirSó ficou um pouco ruim de ler com a letra cursiva...
Kissus #May-Sun
Nosso Diário Nada Convencional
Ah, que pena.♥
ExcluirNunca tinha visto esse haha achei muito legal
ResponderExcluirBeijos linda.
Cupcakeof chocolate.blogspot.com
Bom que gostou.♥
ExcluirSempre amei esse link, minha mentora *-*
ResponderExcluirLindo!
Beijos <3 <3
aliredcarpet.blogspot.com
Aaaah, Let, tem como ajudar a divulgar, pliese?
ExcluirPreciso meeeeeeeeeeeesmo de ajuda *-*
Beijocas!
Ah, que bom florzinha.♥
ExcluirAh, o efeito é tão perfeito *O* Talvez eu use no próximo lay! Talvez? Vou usar, ASHSAUH'
ResponderExcluir-4 Seconds.
Use sim Ju.♥
Excluirmuito bom o tutorial (*.*)
ResponderExcluirMenina perdida- perfil
Bom que gostou.♥
ExcluirNossa! Fica bem legal.
ResponderExcluirBeijo, Lili
Princesa Teen / O blog.
Eu no youtube / Maquiagem, dicas, DIY...
Eu adoro esse efeito, fico sempre passando o mouse nos títulos dos posts do seu blog de encomendas, hehe xD
ResponderExcluirAdorei o tuto, super útil. *O*
srsr
ExcluirQue engraçado, fui lá no seu blog de encomendas ontem e fiquei curioso pra saber como se faz isso. Valeu pelo tutorial, gostei =)
ResponderExcluirNOSSO CAPRICHO
apsmass.blogspot.com
Que bom que gostou Moisés.♥
ExcluirBom dia *-* que divertido! confesso que tive dificuldade para ler o post, a letra super pequenininha e a cor clara :(
ResponderExcluirBom fds, fique com Deus.
E tem novos posts em:
http://maybe-i-smiled.blogspot.com.br/
http://dicionario-feminino.blogspot.com.br/
;)
ExcluirPerfeito o tutorial gostei demais :D
ResponderExcluirMenina Fashion - Perfil
Beeijinhos de Mel <3
Ah, que bom Poly.♥
ExcluirEsse tutorial é muuito lindo, adooooro <3
ResponderExcluir- http://caramelises.blogspot.com.br/ // Beijos!
Que bom Maari.♥
ExcluirÉ lindo esse efeito! Nem sabia que você tinha um blog de encomendas... ¬¬'
ResponderExcluirSem querer incomodar, essa letra cursiva atrapalhou um pouco... :c
Bjo, Sel ;*
Jovens Gordinhas
Unicórnio com Bigode
Nerd Descolada
Que bom que gosta.♥
ExcluirPc adorei o tutorial ta divo fofa você simplesmente arrasa nos htmls sabe estou sentindo muito a sua falta no meu cantinho esqueceu da gente ? beijos estou te aguardando.
ResponderExcluirwww.levigustavodicas.com
Bom que gostou Levi.♥
ExcluirAdorei o tutorial, só não vou usar pq já terminei meu lay!! Achei um pouco dificil de ler com a letra cursiva e nessa cor :-\ Bjss
ResponderExcluirVoltei com o meu blog, dá uma passadinha lá e deixa sua opinião sobre como ficou?
Antigo Vic Barbosa, agora V de Vic!
http://vdevic.blogspot.com.br/
Bom que gostou Vic.♥
Excluirlegal o post, segui meu bloG?
ResponderExcluirhttp://adolescentes-cliches1.blogspot.com.br/
Ficaa bem lindo, mas não consegui ler a letra cursiva Paulinda :( Beijãuum
ResponderExcluirilovecantores.blogspot.com
Bom que gostou Amanda.♥
ExcluirNossa é muito lindo esse efeito , ontem mesmo tava na no DL e me apaixonei por isso rs .
ResponderExcluirMas Paula muda a letra fazendo favor , também não consegui entender :(
Beijos
meninachicmc.blogspot.com
Bom que gostou Laurinha.♥
ExcluirBem legal o tutorial *----* Gostei =D
ResponderExcluirfashion em cores -.com
Que bom que gostou Fran.♥
Excluirgente fica bem legal viu :)
ResponderExcluirÓtimo tutorial ! Parece que o resultado fica bem legal *oo* XOXO
ResponderExcluirfairiesdancing (.blogspot.com)
Que bom que vocÊ gostou.♥
ExcluirGosto muito do tutorial de vocês, é tudo super útil ^^
ResponderExcluirgostei muito *O*
garotapassageira.blogspot.com.br
Ah, que bom flor.♥
ExcluirEste comentário foi removido pelo autor.
ResponderExcluirAmei o tuto Paulinha, só que no meu HTML novo, não aparece a tag "]]>" dai não consigo concluir nada. :(
ExcluirBjbj da Mandy :*
jemiabs.blogspot.com
Bom que gostou Mandy.♥
ExcluirAdorei o tutorial, nem sabia que existia esse efeito
ResponderExcluirbeijos
Bom que gostou fofa.♥
ExcluirOlha que demais, adorei!! mas nada da certo la no wordpress :(
ResponderExcluirTem sorteio de uma peça Galaxy Print da Sheinside no meu blog! :)
xx
Tali
nuasecruasblog.wordpress.com
Ah, que pena.♥
ExcluirMuito bom o tutorial, nem sabia que existia u.u
ResponderExcluirBom que gostou.♥
ExcluirMetade do post ficou com uma fonte estranha e difícil de ler e.e mas eu amo esse link <3
ResponderExcluirVou avisá-la Nanda.♥
ExcluirEu amei essa ideia, estou criando um novo blog e ficou ótimo para colocar esse efeito nos títulos das postagens!
ResponderExcluirMuito obrigado!!
Beijos (: