Vá em Design e clique em Editar HTML.
Aperte F3 no seu teclado e procure por
]]></b:skin>
.afiliados {</div><div>opacity: 0.7; </div><div>-webkit-transition: 0.5s;</div><div>border-radius:15px;</div><div>width: 50px;</div><div>height: 50px;</div><div>text-align: center;</div><div>}</div><div>.afiliados:hover {</div><div>opacity: 1.0;</div><div>}
Entenda!
ESTADO NORMAL
opacity: 0.7; Opacidade em 70%, no estado normal, sem passar o mouse.
-webkit-transition: 0.5s; Tempo da transição.
border-radius: 15px; Bordas arredondadas.
width: 50px; Largura da imagem dos afiliados.
height: 50px; Altura da imagem dos afiliados.
text-align: center; Alinhamento das imagens.
ESTADO HOVER
opacity: 1.0; Opacidade em 100% (normal), ao passar o mouse.
Depois disso Salve e vá em Design > Elementos da página. Clique em "Adicionar um Gadget", e escolha a opção HTML/Javascript. E cole nele o seguinte código:
ESTADO NORMAL
opacity: 0.7; Opacidade em 70%, no estado normal, sem passar o mouse.
-webkit-transition: 0.5s; Tempo da transição.
border-radius: 15px; Bordas arredondadas.
width: 50px; Largura da imagem dos afiliados.
height: 50px; Altura da imagem dos afiliados.
text-align: center; Alinhamento das imagens.
ESTADO HOVER
opacity: 1.0; Opacidade em 100% (normal), ao passar o mouse.
Depois disso Salve e vá em 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="<a href="http://url.com/">http://URL.com</a>" title="Título da imagem"><img src="LINK_DA_IMAGEM" class="afiliados"/></a>
Foonte : Luiza Viana
Nenhum comentário:
Postar um comentário