Olá! Sexta Feira, 10 de Fevereiro de 2012.



Dicas CódigoFonte.net
Quinta Feira, 09 de Outubro de 2003

Coloque bordas em suas imagens de uma maneira diferente

Neste tutorial irei ensinar como colocar bordas de uma maneira diferente em suas imagens:

Coloque o seguinte código na TAG

<style>

.borderimage{
border:1px solid white;
}
</style>
<script language="JavaScript1.2">

/*
© Dynamic Drive (www.dynamicdrive.com)
*/

function borderit(which,color){
//if IE 4+ or NS 6+
if (document.alldocument.getElementById){
which.style.borderColor=color
}
}

</script>

Depois inclua em suas imagens o seguinte

class="borderimage" onMouseover="borderit(this,'black')" onMouseout="borderit(this,'white')"</I> de modo a ficar assim: <I><IMG src="http://URLDAIMAGEM/imagem.gif" class="borderimage" onMouseover="borderit(this,'black')" onMouseout="borderit(this,'white')>

Só isso. Esperimenta....

Até mais.

Comentários do artigo [Novo comentário]

lukinhas - 31 de Julho de 2009 - 11:36
adorei parábens!!
Para adicionar um comentário você deve efetuar o login


Gostou do CódigoFonte.net? Quer indicar a um amigo?
Preencha os campos a seguir.
Seu Nome:
Seu E-mail:
E-mail de seu Amigo:






CodigoFonte.net » CodigoFonte.eti.br » Compre De Tudo » Meu Mural » Competiva - Criação de Sites » Todos os Direitos Reservados © 2002/2010

Procurando Notebooks, Câmeras Digitais, iPhones?

CompreDeTudo.com