Tutorial - Personalizando o código “Textarea”

Resultado:

Esse tutorial serve para todas as caixinhas textarea do seu blog

1º Vá em DESIGN> Editar HTML – Pressione CTRL+F, e procure por Body {

Deve aparecer assim:

/* Content

----------------------------------------------- */

body {

  font: $(body.font);

  color: $(body.text.color);

  background: $(body.background);

}

Codigo com cor e borda

textarea {overflow:hidden; border:1px dashed #00000; background:#FFFFCC; width:100px; height:40px}

Codigo com Imagem e Borda

textarea {overflow:hidden; border:1px dashed #00000; background-image: url(URL DA IMAGEM); width:100px; height:40px}

Acrescente um dos codigos abaixo depois da chave assim:

/* Content

----------------------------------------------- */

body {

  font: $(body.font);

  color: $(body.text.color);

  background: $(body.background);

}

textarea {overflow:hidden; border:1px dashed #00000; background-image: url(URL DA IMAGEM); width:100px; height:40px}

OU

Em Rosa voce vai colocar a imagem que voce quer é so hospedar em algum site pegar o codigo e colar onde esta em Rosa. Em verde, é o tamanho e a cor da borda, use a tabela e escolha sua cor Aqui!

/* Content

----------------------------------------------- */

body {

  font: $(body.font);

  color: $(body.text.color);

  background: $(body.background);

}

textarea {overflow:hidden; border:1px dashed #00000; background:#FFFFCC; width:100px; height:40px}

Em Laranja Voce pode mudar a Cor e o tamanho da borda, em Roxo é a Cor do fundo do textarea.

Espero que tenham entendido bem, caso tenha alguma duvida é so comentar que eu esclareço.

Bjinhos!