Como fazer um efeito

Olá pessoal

Meu Deus, acho que vou morrer de estresse. Primeiro, estou estudando e trabalhando que nem uma louca, retribuindo muitos comentários, saindo com minha mãe, fazendo trabalhos para os outros, instalando programas e etc. Sério, to morrendo! Eu nem queria postar hoje, mas preciso, porque nem sei se o blog vai ter postagens semana que vem, pois tenho provas em cima de provas! Mas tudo bem, hoje consegui um tempinho livre e vou deixar pelo menos duas postagens programadas, pois assim só retribuo os comentários! Queria aproveitar para agradecer pelos 326 seguidores. Tipo, estamos crescendo em um ritmo perfeito e maravilhoso! E isso me deixa muito realizada. E...MDS, esqueci o sorteio de domínio por causa das provas :/. Me desculpem de montão, prometo que quando acabar as provas eu faço. Minha vida está uma correria!Ah, alguém viu o trailer do GTA V? PQP morri. Aquele jogo é perfeito, divo e maravilhoso ♥. Como não tenho PS3 ou Xbox, vou esperar lançarem o de PC para eu baixar, ou pegar com um amigo nerd meu. Adeus vida social....

Ok ok, hoje vou ensinar um pedido feito por um anônimo de como criar um efeito para afiliados. Não entendi muito bem a pergunta, por isso vou ensinar como criar um efeito normal mesmo, e ensinar alguns tópicos...

Let's Go...

Vou usar como exemplo o efeito que está na no gadget do blog destaque, ele é bem simplesinho, mas acho ele lindo ♥ Com o tempo, você vai saber o que cada código significa, basta apenas fuçar nos códigos, que pode sair algo bonito.

Como todos devem saber, os estilos são aplicados abaixo de <b:skin> ou acima de ]]<b:skin>. Portando escolha um desses dois lugares e cole esse código:

.bordinha {
padding:4px;
border:1px solid #eee;
opacity: .90;
-webkit-transition:all 1s ease;
-moz-transition:all 1s ease;
-o-transition:all 1s ease;
-moz-box-shadow:    1px 0px 5px rgba(70, 58, 75, 0.3);
box-shadow:         1px 0px 5px rgba(70, 58, 75, 0.3);
}
.bordinha:hover {
padding:4px;
border:1px solid #eee;
opacity: .50;
-webkit-transition:all 1s ease;
-moz-transition:all 1s ease;
-o-transition:all 1s ease;
}

Entendendo: 

padding:4px; - é o espaçamento entre a imagem e a sua borda

border:1px solid #eee; - respectivamente, são grossura da borda, o tipo de bordas (solid, dashed, dotted, double, etc) e a sua cor

opacity: .90; - transparência

-webkit-transition:all 1s ease; - é o efeito de transição

-moz-transition:all 1s ease; - tempo de transição

-o-transition:all 1s ease; tempo de transição

-moz-box-shadow: 1px 0px 5px rgba(70, 58, 75, 0.3); - sombra interna e externa/ pega no firefox

box-shadow: 1px 0px 5px rgba(70, 58, 75, 0.3); sombra interna e externa

Agora adicione um gadget de HTML e cole:

<br /> <a href="LINK" title="NOME"><img src="URL DA IMAGEM" width="LARGURA" height="ALTURA" class="bordinha" /></a>

Gente, se tiver algo errado me corrijam, pois estou apressada para ir estudar para a prova!

Adicione quantos quiser e divirta-se fazendo seu efeito u3u

Kiss ~