Caixinha de código colorida

Já ensinei aqui como colocar caixinha com o código de seu link-me dentro,mais agora vou mostrar algumas peersonalizadas.O código está abaixo da caixinha escolhida.
CONTEÚDO DA SUA CAIXINHA

<textarea style="overflow: hidden; border:1px dashed #FF55AA;  background:#FFDDEE; width: 100px; height: 40px;    font-color: #FF55AA; font-size: 10px; font-family: arial ' sans serif ';" onfocus="this.select()" onmouseover="this.focus()">CONTEÚDO DA SUA CAIXINHA

CONTEÚDO DA SUA CAIXINHA

<textarea style="overflow: hidden;  border:1px dashed :#BB77FF;  background:#ECD9FF; width: 100px; height: 40px;   font-color: #BB77FF; font-size: 10px; font-family: arial ' sans serif ';" onfocus="this.select()" onmouseover="this.focus()">CONTEÚDO DA SUA  CAIXINHA

CONTEÚDO DA SUA CAIXINHA

<textarea style="overflow: hidden;  border:1px dashed:#84C1FF;  background:#D9ECFF; width: 100px; height: 40px;  font-color: #84C1FF; font-size: 10px; font-family: arial ' sans serif ';" onfocus="this.select()" onmouseover="this.focus()">CONTEÚDO DA SUA  CAIXINHA

CONTEÚDO DA SUA CAIXINHA

<textarea style="overflow: hidden;  border:1px dashed :#84FFC1;  background:#DDFFEE; width: 100px; height: 40px; font-color: #84FFC1; font-size: 10px; font-family: arial ' sans serif ';" onfocus="this.select()" onmouseover="this.focus()">CONTEÚDO DA SUA  CAIXINHA

CONTEÚDO DA SUA CAIXINHA

<textarea style="overflow: hidden;  border:1px dashed:#FFB493;  background:#FFE3D7; width: 100px; height: 40px;  font-color: #FFB493; font-size: 10px; font-family: arial ' sans serif ';" onfocus="this.select()" onmouseover="this.focus()">CONTEÚDO DA SUA  CAIXINHA

Pronto!Agora é só escolher a cor e copiar o código abaixo!Beijos da Lari.


Créditos pelo código: Coisinhas Mil