Olá! Quarta Feira, 07 de Janeiro de 2009.


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]

Nenhum comentário, seja o primeiro a comentar.
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:




Melhor Visualizado com
800x600 de Resolução

CodigoFonte.net » CodigoFonte.eti.br » Procurando o que comprar? » MeuMural.com.br » Todos os Direitos Reservados © 2002/2008

Procurando Notebooks, Câmeras Digitais, iPhones?

CompreDeTudo.com