25 de set de 2012

Imagens para afilados + Efeito


Oi Gente

Trago hoje 12 imagens para afiliados muito fofos do Bob Esponja, é a primeira vez que faço imagens para vocês, espero que gostem C:
50x50.
       
     
     

Agora vamos ao Efeito


Tutorial- Efeito Hover e bordas arredondadas na elite afiliados.


   Créditos do Tuto ao Blog Place Fame


Vá até Design > Editar HTML, e aperte F3 ou Ctrl + F por ]]></b:skin>. Acia dela, cole o seguinte código:


.afiliados {
opacity: 0.7; 
-webkit-transition: 0.5s;
border-radius:15px;
width: 50px;
height: 50px;
text-align: center;
}
.afiliados:hover {
opacity: 1.0;
}

Agora salve. E se direcione à Design > Elementos da página. Clique em "Adicionar um Gadget", e escolha a opção HTML/Javascript. E cole nele, o seguinte código:

<a href="http://URL.com" title="Título da imagem"><img src="LINK_DA_IMAGEM" class="afiliados"/></a>
Para acrescentar mais imagens, vá duplicando o código.

Espero Gostem