Tutorial - como arrumar a caixinha de códigos *oo*

             

OIIIIII /õ , tudo bom ?
Hoje vim ensinar a vocês como fazer uma caixinha de código toda enfeitada e liinda :D
a caixinha pode ser editada por você mesma para fica do seu jeeitinho

Clique em Leia Mais *--* para ver o resto do post



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

esse é o código da caixinha de código

vamos ver oque você pode mudar ?
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...