[Resolvido] Borda interna para gadget do blogger

[Samuel Attila 0]

Eu tenho um blog e preciso criar borda interna de imagem para quando o mouse passar por cima dos banners dos meus parceiros, dando assim o destaque para cada banner individualmente.

Li alguns tutoriais e dizem que devo aplicar tbm o código css, mas não dá pra aplicar esse código no gadget do blogger.

Como faço para colocar a borda interna nas imagens para quando o mouse passar por cima ela aparecer?

Aqui está um blog de exemplo com os banners de parceiros do lado esquerdo.

Agradeço desde já a atenção.

[Evandro Oliveira 331]

não vi efeito nenhum.

[Samuel Attila 0]

não vi efeito nenhum.

 

Não, não tem efeito nenhum no blog que te mandei.

No blog que te mandei foi pra mostrar como é o gadget que tem os banners dos parceiros.

O efeito que estou tentando fazer tem nos banners dos parceiros desse blog: http://www.sussegado.xpg.com.br/ (do lado direito do blog)

Mais uma vez, agradeço a atenção.

[William Bruno 1501]

o link que você passou agora em #3 é borda simples externa mesmo.

 

#parceiros a:hover img { border: 2px solid #c00; }

mas se você não puder editar o css ou o html, então não vejo como será possível fazer.

[Samuel Attila 0]

Mas a borda sólida não desaparesse quando o mouse sai de cima da imagem.

O que eu estou procurando é exatamente a borda interna como nesse tutorial: http://blog.hugomaesta.com/borda-interna-com-css/

Mas no editor do gadget do blogger eu só posso usar comandos HTML e java script. Não posso adicionar os CSS na layout do blog.

Tem como eu fazer a borda interna de uma imagem apenas com comandos html ou java scrip?

[William Bruno 1501]

melhor ver o efeito de borda interna, com o cara que criou o efeito:

http://www.brunodulcetti.com/blog/2008/01/03/hover-avancado-com-bordas-em-imagens.html

 

esse link que você passou, ficou bugado aqui no Chrome

 

 

Mas a borda sólida não desaparesse quando o mouse sai de cima da imagem.

??

lógico que desaparece.

o 'solid', deixa o estilo da borda 'contínua'.

 

Vai desparecer qndo tirar o mouse de cima, pois só está aplicada no estado :hover

[Samuel Attila 0]

De fato. Esqueci de colocar o "hover".

Muito obrigado mesmo. ;)

 

Encontrei aqui mesmo no forum o que de fato procurava

 

<a href="img.jpg"><img src="img.jpg" onmouseover="this.style.border='1px solid #0000FF';" onmouseout="this.style.border='0px solid #FFFFFF';" /></a>

 

Vlw galera que ajudou aí.