Tutorial-Como personalizar a caixinha textarea

Pra não deixar a caixinha branca sem graça, pra dar um toque mais delicado, ou descolado que seja rs ensino hoje a vocês a personalizar a caxinha textarea de 2 formas:

1º Formas básicas, mudando cor do fundo e borda;

Primeiramente o código pra fazer é esse:

<textarea style="overflow:hidden; border:1px dashed #0000FF; background:#FFFFCC; width:100px; height:40px"onfocus="this.select()" onmouseover="this.focus()">Conteudo da caixinha

overflow:hidden – oculta a barra de rolagem
border:1px dashed #0000FF - estilo e cor da borda,tipos de borda
background:#FFFFCC – cor de fundo,  tabela de cores 
width:100px; height:40px – largura(100) e altura(40) da caixinha.


Eu editei um pra mostrar de exemplo..


É so ir editando até ficar do seu gosto ;)
2º Colocar fundo de background;
Outra forma super simples, que não exije muito esforço.Você editará no propio post, sem precisar mexer com o HTML geral do seu blog.

<textarea style="background-image: url(link imagem);">TEXTO</textarea>

Aí você coloca o endereço do background no "link imagem" e onde está o texto você escreve, ou poe o codigo do link-me.


Novamente fiz uma caixinha de exmplo...

Fácil né?
Espero ter ajudado


Pra fazer esse post,contei com o auxilio de um site,créditos:
http://www.dicasparablogs.com.br/ e http://goodies-portalteen.blogspot.com/