ooi , tô viva o/ Estava sem tempo por conta das provas e algumas coisas pessoais aqui )): Enfim ... Eu vim aqui hoje pra trazer um Efeito *u* é super legal e que vocês vão gostar , eu sugiro que usem em 3 fotos como está no exemplo que veram ! Bora ?
visualize (AQUI)
Vá até Modelo > Editar html e procure por <head>. Abaixo da tag, cole:
<link href='http://static.tumblr.com/dlelfro/WSvmh91f0/pisca5.css' media='screen' rel='stylesheet'/>Depois que você ter colado o seguinte código embaixo da tag, você devera procurar por ]]></b:skin> e acima da tag, colar o seguinte código:
.efeitopisca2{ padding:2px;margin-bottom: 2px;border:1px solid #efd9c7;-webkit-transition-duration: .50s;}.efeitopisca2:hover{-webkit-animation-name: piscaporra; -moz-animation-name: piscaporra; -o-animation-name: piscaporra; animation-name: piscaporra;-webkit-animation-duration: 1s;border:1px solid #dcdbdb;-webkit-transition-duration: .50s;-webkit-filter: grayscale(100%);opacity:1 }Mude aonde estiver em negrito, deixando a cor da borda do jeito que você achar que fica bonito e que combine com seu design, depois de ter alterado salve.
Agora você devera colocar o código abaixo aonde você quera que ele apareça, geralmente em gadget de HTML/JavaScript
<a href="LINK DO BLOG" title="NOME DO BLOG"><img src="LINK DA IMAGEM"class="efeitopisca2" /></a>
amor vc ganhou um selinho http://imaginebiebsalways.blogspot.com.br/2013/04/1-selinho.html#comment-form
ResponderExcluir