Ohayou, minnas!
Não, desta vez quando avisei que voltaria, não estava a mentir. As postagens não serão parcitularmente frequentes, mas ainda assim, há muita coisa que tenho de compartilhar aqui, não é? Desde efeitos a tutoriais mais básicos, e personalizações só minhas. Também estava a pensar em criar uma página para organizar devidamente os meus layouts todos, e arranjar os lays antigos. Vou ver se venço a preguiça de fazer isso :) Entretanto, espero que se contentem com este tutorial bem simples, mas que caiu em deduso, o que é uma pena, pois dá uma certa vida aos blogs. Eu gosto de layouts simples - embora o CdH tenha um lay demasiado complexo, é apenas porque já tem mais de um ano e na altura complicar estava na moda, se é que posso dizer assim. Mas agora os lays são excessivamente simples, não custa nada acrescentar um efeito aqui e ali.
Prévia: www
Tutorial:
Procure por:
/b:skinQuando achar, cole acima:
.wow { /*pode tirar as 3 linhas abaixo, se quiser, elas são apenas pequenas personalizações*/
padding: 1px;
border: 1px solid #eee;
}
.wow:hover {
-webkit-animation-name: wow;
-moz-animation-name: wow;
-o-animation-name: wow;
animation-name: wow;
-webkit-animation-duration: 1s;
}
Agora procure por:
<head>Abaixo cole:
<link href='http://static.tumblr.com/dlelfro/M7Rmibw12/efeitowowkw2.css' media='screen' rel='stylesheet'/>
 |
| Gifs de comida porque sim ^^ |
Para usar, basta adicionar num gadget o código seguinte, como normalmente:
<a href="LINK DO BLOG" title="NOME DO BLOG"><img src="LINK DA IMAGEM" class="efeitowow" /></a>
Era isto ^^
Sem comentários:
Enviar um comentário