Bom pessoal, nesse tutorial vou mostrar como enviar recados no orkut com plano de fundo e bordas.
Antes de prosseguir, aviso que esse tutorial só se aplica para recados enviados aos seus amigos, pois dessa forma o orkut aceita HTML.

Para colocar um plano de fundo o código seria esse abaixo:

<p style=”background-color:red;padding:15;”>Sua mensagem aqui<br />
<br />
<br />
<a href=”/CommMsgs.aspx?cmm=19350702&tid=2587735508440245290″><a href=’#’ onClick=”hwClick15481516962354(-209917850);return false;” style=’cursor: hand; color:#006600; text-decoration:underline; border-bottom:dotted 1px;’ onmouseover=”hw15481516962354(event, this, ‘-209917850′); this.style.cursor=’hand’; this.style.textDecoration=’underline’; this.style.borderBottom=’solid’;”  onmouseout=”hideMaybe(event, this); this.style.cursor=’hand’; this.style.textDecoration=’underline’; this.style.borderBottom=’dotted 1px’; ” oncontextmenu=”return false;”></a></a>

Obs. (escreva seu recado na parte destacada)

Nesse código vamos ter um background(plano de fundo) vermelho no texto que escrevemos como mostra a imagem abaixo.

Para colocar uma borda usamos um código como esse abaixo:

<p style=”background-color:red;padding:15;border-width:20;border-style:solid;”>Sua mensagem aqui<br />
<br />
<br />
<a href=”/CommMsgs.aspx?cmm=19350702&tid=2587735508440245290″></a>

Nesse código temos um plano de fundo vermelho com bordas pretas como mostra a imagem abaixo:

Exemplificado, vou deixar um código editável com seus campos em branco ( com descrição ).

<p style=”background-color:códigodacorescolhida;padding:15;border-width:tamanhodaborda;border-style:estilodaborda;border-color:cordaborda”>Aqui você coloca seu texto<br />
<br />
<br />
<a href=”/CommMsgs.aspx?cmm=19350702&tid=2587735508440245290″></a>

Nesse código acima acrescentei o border-color que é responsável pela definição da cor da borda utilizada.

Para achar o código da cor você pode olhar http://onlytutorials.110mb.com/color.htm

O border-style pode assumir vários valores, por isso deixo para vocês
testarem e escolherem o que mais lhes agradar. Os valores que você pode
colocar no border-style são:

none, hidden, solid (o que eu usei nos exemplos), dotted, dashed, double, groove, ridge, inset, outset.

Para finalizar esse tutorial deixo dois exemplos de códigos preenchidos
e explicados para que vocês possam tomar como referência.

Código 1-1:

<p style=”background-color:#00FFCC;padding:15;border-width:20;border-style:dotted;border-color:#9900FF;width:150;”>Sua mensagem aqui<br />
<br />
<br />
<a href=”/CommMsgs.aspx?cmm=19350702&tid=2587735508440245290″></a>

Esse código tem como resultado a imagem abaixo.

Nesse código acrescentei o width que é
responsável pelo tamanho do espaço em que aparece o background, todo o
resto já foi explicado.

Código 2-2:

<p style=”background-color:#FFFF00;padding:15;border-width:20;border-style:dashed;border-color:#000000;width:250;”>Sua mensagem aqui<br />
<br />
<br />
<a href=”/CommMsgs.aspx?cmm=19350702&tid=2587735508440245290″></a>

Esse código tem como resultado a imagem abaixo.

Espero que tenham gostado e quaisquer dúvidas podem ser tiradas no msn jc_zuado@hotmail.com

Confira As Melhores Ofertas