Bordas variadas em imagens

Muitas vezes, queremos colocar uma borda em alguma figura que inserimos em um e-mail, sem ter a necessidade de editar essa imagem.

Podemos usar um script que faz com que a figura apareça com uma borda colorida.

Para isto, antes de colocar a figura, abra a aba "Origem" e cole, antes da tag </body>, o seguinte código:

---------------------------------------------------------------------------------------------------------------------------------------------------------------

<TABLE
style="BORDER-TOP-STYLE: ridge; BORDER-RIGHT-STYLE: ridge; BORDER-LEFT-STYLE: ridge; BORDER-BOTTOM-STYLE: ridge"
borderColor=#ffff40 height=209 borderColorDark=#808000 width=300
borderColorLight=#ffff40
background="endereço da imagem" border=10
SIZE="209">
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE>

---------------------------------------------------------------------------------------------------------------------------------------------------------------

Você pode variar os estilos de borda, alterando o que deixei em vermelho.

Para mudar a cor da moldura, você deve alterar os itens que estão em azul escuro.

A largura da borda, está assinalada em verde escuro.

Em preto, está o espaço onde você deve indicar o endereço completo da imagem e, em roxo, o tamanho da imagem (width (largura) e height (altura).

---------------------------------------------------------------------------------------------------------------------------------------------------------------

 

Abaixo, você encontra um código completo:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<META content="MSHTML 6.00.2719.2200" name=GENERATOR>
<STYLE></STYLE>
</HEAD>
<BODY bgColor=#ffffff>
<TABLE
style="BORDER-TOP-STYLE: ridge; BORDER-RIGHT-STYLE: ridge; BORDER-LEFT-STYLE: ridge; BORDER-BOTTOM-STYLE: ridge"
borderColor=#ffff40 height=209 borderColorDark=#808000 width=300
borderColorLight=#ffff40 background="endereço da imagem" border=10 SIZE="209">
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE>

</BODY></HTML>

---------------------------------------------------------------------------------------------------------------------------------------------------------------

Você pode voltar à aba "Editar" e formatar o plano de fundo com papel de carta e música.

 

(Dica elaborada por Lilian Russo)

Lilian Russo - Todos os Direitos Reservados - ©2002/2008 - Design by iCre@tions




.