Caixa de Códigos

Você já viu em vários sites uma caixinha com códigos dentro (como a do link-me -> !) e tambem queria por uma no seu site? Seus problemas acabaram =D/
É muito simples, é só colocar esse código na sua página onde você quer que a caixinha apareça:

<textarea>
o que você quer dentro da caixa - como o código do button com link para seu blog/site
</textarea>


Essa caixinha ficaria assim:


Bom, a sua não vai ficar exatamente como essa aí de cima, porque eu configurei a minha no meu css ( veja o tuto de css :D )! Veja um exemplo de como você pode configurar a sua:

textarea{
width:150px;
height:44px;
background-color:#FFFFFF;
border:1px solid #CCCCCC;
font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#CCCCC;
}


Para usar essa configuração, lembre-se que dev por esse código no seu arquivo externo de CSS ou antes da tag </head>, entre as tags <style> e </style>. Você por configurar o código dado acima à vontade, só não esqueça de dar os créditos ;D!

Se esse tutorial te ajudar, não esqueça de linkar (:
Tutorial por Vevis - Winter-Dream.com . Não copie sem autorização Dúvidas?