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:

 

Agora vamos ver a que nos vamos fazer:

 

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..

14 comentários

  1. muito bom esse post. pena que meu blog não é de tutos. e o lay ta ficando bonito.. aguardo respostas...

    http://receitadakaka.blogspot.com.br

    ResponderExcluir
  2. Olha gostei! Tava buscando a maior tempao e não acahva, Valeu

    http://novidadesdatekinha.blogspot.com

    ResponderExcluir
  3. Olá!

    Eu adorei seu blog..ajuda muitas como eu com dicas super bacanas!

    Obrigada pela visita no meu cantinho... volte sempre!

    Beijos.

    Kika/Acessarte

    www.blogacessarte.blogspot.com

    www.acessarte.com

    ResponderExcluir
  4. Era exatamente isto que eu queria.Achei...Noosa,nem acredito,vou fazer isso smp...Bjs

    ResponderExcluir
  5. Amoour,
    vc ganhou o selinho lá do blog,beijuus.Parabéns...
    http://so-pra-teens.blogspot.com.br/

    ResponderExcluir
  6. muito bom esse post... você ganhou uma tag (indicação)lá no meu blog, mais um selinho. siga as regras e ganhe um selinho, vai lá:

    http://receitadakaka.blogspot.com

    ResponderExcluir
  7. sempre muito boas dicas ...
    http://andyantunes.blogspot.com.br/

    ResponderExcluir
  8. OI Deby,
    fikei sem postar pq to sem net...obg pelo coment.bj
    http://so-pra-teens.blogspot.com.br/

    ResponderExcluir
  9. omg,amei su cabeçalho,dps vc pode me ensinar a fazer um cabeçalho q se move tb?acho tãão cute.Só c quiser.bjs

    ResponderExcluir
  10. Ixi deby n to podendo fazer encomendas se for gastar dinheiro.Msm assim vlw..

    ResponderExcluir










2011/2017 - Delicada e Abusada | Personalizado por Débora Alvim | Não copie! Encomende o seu na HTML LOVE DESIGN