Tutorial: Efeito Flaop + Aviso


Hey! Yoo~ 

Jujubas! Desculpem meu desanimo esses dias, mas já está passando. Não tenho tido muita cabeça pra postar, ainda mais em 3 blogs. Acho que vou sair do Coisas da Luh, desculpa Luh. Mas é muito blog para uma pessoa só e eu acabo toda confusa. Sinto muito. Mas vamos ao tutorial?
Trouxe um efeito que logo, logo, vou estar usando aqui no blog. Ele é muito bonito e bastante simples. Eu adorei. O maior trabalho que você pode ter é de separar as imagens e arrumar os "pedaços". Ele fica l-i-n-d-o em elite de afiliados e Blogroll.
Realmente eu adorei. Super fácil de aplicar. Aqui têm um preview e os créditos vão a este blog. 
Vamos lá?


Primeiro abra o teu HTML (Modelos - Editar HTML) e procure por ]].
Acima dessa tag, cole:
.flaop {opacity: 0.5;-webkit-transition: 0.5s;}.flaop:hover {opacity: 2.0;
Visualize. Salve se tudo estiver nos conformes.
Agora vá em Layout e abra um gadget de HTML/Javascript. Nele, cole o seguinte:
<a href="Link do blog" title="Nome do blog"><img src="url da imagem" class="flaop"/></a>
Cole quantas vezes for preciso para formar a imagem. E observação: tentei fazer um imagem grande e todas "quadradinha" não deu muito certo. Tem que ser "reto", como mostra o preview.

Aviso:
Logo vou estar mudando de theme. Não consegui me adaptar a esse muito bem. 
Beijos, Ana.

Nenhum comentário:

Postar um comentário