19.11.12

Afiliados com Efeito Hover e Bordas Arredondadas

Yoo~~
Trouxe um dos efeitos que mais gosto e que fica super
lindo no seu blog confira ele aqui[www]
Fica super lindo não é ?

Vamos Aprender ?
Vá no seu HTML, aperte f3 e procure por /b:skin

acima dessa tag cole isso:
.afiliados {
opacity: 0.7; 
-webkit-transition: 0.5s;
border-radius:15px;
width: 50px;
height: 50px;
text-align: center;
}
.afiliados:hover {
opacity: 1.0;
}
 Agora vá em Layout, Adicione um Gadget, HTML/Javascript

e cole isso:
<a href="http://URL.com" title="Título da imagem"><img src="LINK_DA_IMAGEM" class="afiliados"/></a>
Modifique como você quiser, e se quiser 2 ou mais imagens com
esse efeito no gadget repita o código de cima. 

11 comentários:

  1. Ana, eu usei esse efeito,so que por outro tutorial :)
    Fica super divo ;)

    Joiado-coracao.blogspot.com

    ResponderExcluir
  2. Adorei o post,e apaxonei nesse blog,MELDELS!
    Vou estar por aqui!
    -beziitos!


    -Crazy Smile(crazysmiile.blog....)

    ResponderExcluir
  3. Aain adorei fica lindo s2

    ResponderExcluir
  4. Meu deus fica lindo mesmo^^ pena que já tenho uma elite afiliados! Um abração! Nicolas | Dicas Blogspot

    ResponderExcluir
  5. O efeito é muito lindo, e super fácil de fazer, adorei!.

    Stay Strong

    ResponderExcluir
  6. Que lindinho que fica, e é suuper fácil!
    Beijos,
    Sim Senhorita (Clique no perfil)

    ResponderExcluir
  7. Fica super lindinho ♥
    Muito Perfeito o seu blog amei tudo nele já to até seguindo ♥
    Xoxo' ♥
    http://soohpc.blogspot.com.br/

    ResponderExcluir
  8. Oi linda, quero avisar que mudei o URL do meu blog, não é mais
    "fairytalesc" ou "fairytale-s2" agora é R0cker Place
    (clique no perfil)

    ResponderExcluir
  9. Que divo! ^^♥^^

    - Wonderland Cherry ~Clique em meu perfil para visitar~

    ResponderExcluir
  10. Oie linda, tem selinho pra vc lá no blog1
    Bjos

    http://meninaadocicada.blogspot.com.br/2012/11/novo-selinho.html

    ResponderExcluir

Antes de comentar siga essas regrinhas:
- Aceito segue,segue de volta
- Quando Pedir alguma coisa especifique
- Retribuo todos os comentários
- Pedidos de Afiliação só na Página de Afiliações
- Não use palavras ofensivas
- Não me peça para Divulgar porque não aceito Divulgações