 |
| Ariel *--------* |
Tudo bem?>-< Sou a única que mantenho o blog vivo,que tristeza u3u Vim aqui postar um tutorial de um efeito para afiliados muito fofo :3
Cliquem em Ler mais...
Pré-visualização:
Se tudo correr bem,itá ficar assim :3
Tutorial:
--> Vai até ao Modelo > Editar HTML > Aperta Ctrl+F e procura por <head>.Abaixo desse código,cola:
<link href='http://static.tumblr.com/dlelfro/QJ2mh90b7/pisca2.css' media='screen' rel='stylesheet'/>--> Volta a apertar Ctrl+F e procura por ]]></b:skin> e acima desse código cola:
.efeitopisca1{Para mudar a cor da borda apenas precisas de alterar o que está a negrito,a borda é isto:
padding:2px;
border:1px solid #dcdbdb;
}
.efeitopisca1:hover{
-webkit-animation-name: pisca;
-moz-animation-name: pisca;
-o-animation-name: pisca;
animation-name: pisca;
-webkit-animation-duration: 1s;
}
<a href="LINK DO BLOG" title="NOME DO BLOG"><img src="LINK DA IMAGEM" class="efeitopisca1" /></a>Compreendendo o código:
Link do Blog-->Blog(ou link) para que queres dirigir a imagem. Ex:http://sonohana.blogspot.pt/
Nome do Blog-->Nome que irá aparecer quanto passares o rato por cima da imagem. Ex:Sono Hana
Link da Imagem-->O link da imagem que queres usar. Ex: http://4.bp.blogspot.com/-bdvc_aYVurk/Um_1W_C4OYI/AAAAAAAAF80/PMAtRWu4754/s1600/Afliados22.png
Créditos: Kawaii World
Sayonara~
Já sabia desse efeito, é lá do KW, usei no meu blog uma vez!
ResponderExcluirUnskilled
Mt bom! Testei, mas tive q tirar... Quando eu mudar o lay, usarei o efeito u3u
ResponderExcluirPrimeira vez q visito o blog, amei <3
Segue meu blog, ou dá uma passadinha lá :3
Otaku Anonymous~