Como criar uma caixa para exibir codigos HTML

11:50 by Elder
Procurando na web uma caixa dessas, custei para achar então resolvi postar uma caixa de exibir códigos HTML.

Para criar um caixa de exibir códigos HTML ou outra coisa, basta copiar o código HTML abaixo.


<textarea name="textarea" onfocus="this.select()" onmouseover="this.focus()" style="height: 70px; margin: 2px; width: 380px;">SEU CÓDIGO HTML AQUI</textarea>



Para alterar altura, margem e largura altere essa linha no código:
"height: 100px; margin: 2px; width: 380px;"

Para colocar seu código HTML a ser exibido, cole onde esta escrito
SEU CÓDIGO HTML AQUI.

Se gostou comente, compartilhe. Obrigado

15 comentários:

  1. Adriel Aires29 de novembro de 2012 às 17:54

    Este comentário foi removido pelo autor.

    ResponderExcluir
  2. Adriel Aires29 de novembro de 2012 às 17:55

    Obrigado pela dica. Encontrei outros códigos para fazer esta caixa mas não consegui, até achar o seu. Muito obrigado.

    ResponderExcluir
  3. Ana Mafalda28 de dezembro de 2012 às 15:49

    Olá, gostava de lhe deixar uma questão. O código HTML colocamos quando estamos a editar o post ou no design» Editar Modelo?
    Beijinhos

    ResponderExcluir
  4. Marretta16 de agosto de 2013 às 22:47

    bacana a dica muito útil abraços sucesso

    ResponderExcluir
  5. Elder21 de agosto de 2013 às 16:59

    Valeu

    ResponderExcluir
  6. Unknown20 de setembro de 2013 às 00:37

    Muito bom, tenho um blog e faço alguns gadgets personalizado, so faltava a caixinha,,ajudou mesmo .Obrigada!

    ResponderExcluir
  7. Ebenézer17 de fevereiro de 2014 às 11:03

    E se no meu código eu tiver uma tag 'textarea' sendo fechada?

    ResponderExcluir
  8. Unknown19 de abril de 2014 às 19:21

    veja meu blog com estes assuntos: dicasemaistutorias.blogspot.com.br

    ResponderExcluir
  9. Pedro Henryque26 de abril de 2014 às 23:16

    Vlw vlw vlw . me ajudou de mais eu finalmente achei essa bendita caixa . obgd <3

    ResponderExcluir
  10. twsfert16 de maio de 2014 às 13:10

    mano boa tarde, gostaria de fazer um menu de lado no meu blog como o desse cara aqui -http://playseriees.blogspot.com.br/ tipo um menu rolante sabe?

    se voce puder fazer um tutorial disso ficaria grato !

    ResponderExcluir
  11. teste17 de junho de 2014 às 16:33

    muito simples e eficaz gostei me ajudou muito

    ResponderExcluir
  12. Alef Bass26 de julho de 2014 às 18:52

    Depois de muito procurar esse foi o único que deu certo! Muito obrigado!

    ResponderExcluir

Assinar: Postar comentários (Atom)