Personalizando a textarea

Bem gente, muitas vezes queremos postar um tutorial em nosso blog,que tem um monte de códigos... depois você salva e o código fica aparecido junto com o texto do post sem separar, mais para isso tem duas formas de separar, o Bloquote e a textarea. Todo mundo sabe que todos usam as duas então não tem aquela de '' o bloquote é mais importante e textarea eles usam mais...'' As duas são usadas. (Pelo menos eu uso assim. kkk). Então hoje nos vamos aprender a personalizar a caixinha textarea. Vamos ao Tutorial... Veja essa caixinha como um exemplo de como nós fazia:

  ANTES

Agora vamos ver a que nos vamos fazer:

  DEPOIS

Muito linda não é, então vamos aprender a fazer ela, é muito simples mais você sempre tem que ter esse código,ou memorizar ele...

<textarea style="overflow: hidden; border:1px dashed #FFFF00; background:#FFFACD; 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 </textarea>

 copie o código acima e cole no word, ou em um programa de escrita. e faça as seguintes modificações:

Negrito: é a expressura, o tipo e a cor da borda que vai ficar em volta da caixinha ( ex: 2px, solid, #000000).
Vermelho: é o background, o fundo da caixinha.só modifique isso: #FFFACD.
Verde: é  a largura da caixinha.
Azul: A altura da caixinha.
Roxo: é a cor da fonte.
o que esta riscado em baixo e com a cor roxo: é o tamanho da letra.
o que esta em italico: é a fonte da letra que vai ser usada.
e o ultimo que esta sublinha é aonde você vai escrever o código.

veja como ficou...
nossa que diferença ..

comentem e diga o que achou desse tutorial..