13 junho 2011

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!

0 comentários:

Se Plagiar Vai Dançar!
myfreecopyright.com registered & protectedProtected by Copyscape Online Plagiarism Checker