6 de jul. de 2012

Afiliados Com Efeito Crazy Borders

Tumblr_m6rbxjnu5g1r6ipclo1_500_large
Oii pessoal tudo bom?
Hoje vou ensinar um efeito noviinho feito por mim o/
Efeito Crazy Borders:
A parte rosinha é hover.
Vamos começar?
Bom pessoal vá em:
Modelo>Editar Html>Ctrl + Fe procure por: ]]></b:skin>
Depois coloque acima da tag: 

/*Tutorial Go-Html e Rosa-Chocado*/ .afiliadosrosago { border-radius: 25px 10px / 10px 25px; -moz-border-radius: 25px 10px / 10px 25px; background: #corborda; /*Cor da Borda*/ padding: 10px; -webkit-transition-duration: .80s; } .afiliadosrosago:hover { background: #corbordahover; /*Cor da Borda*/ border-radius: 10px 25px / 25px 10px; -moz-border-radius: 10px 25px / 25px 10px; /*Tutorial Go-Html e Rosa-Chocado*/ }

Agora vá em Layout>Adicionar um Gadget Html/Javascript e cole: 


<a href="LINK" title="Título do Link"><img src="Url da Imagem" class="efeito"></a>


Prontinho!
Tabela de cores (www)
Beijinhos!


2 comentários:

Sâmella Bridges disse...

Legal a elite. :)

http://sammysacional.blogspot.com.br/
http://beautifulandfearless.blogspot.com.br/

Maria Paula disse...

Adorei o blog!
Visite: os-segredos-ocultos.blogspot.com