Caixa de Texto com Barra de Rolagem

Hey, angels :) What's up?

Quem faz bastante tutorial deve entender: algumas vezes os códigos que precisamos postar são muito extensos e fica um tanto feio no blockquote. Por isso existe a caixa de texto com barra de rolagem. Não é sabe o que é?

ISSO é a tal caixa de texto. Para aparecer a barra de rolagem o conteúdo deve ser grande.

Às vezes é bem útil, então eu gostaria de ensinar vocês a fazer. É muito simples! Simples de verdade!

Vá no post que quer a caixa de texto e escolha a opção HTML...

... E cole o seguinte código:

<textarea> O conteúdo </textarea>

Não disse que era fácil?

Bom, se quiserem personalizar a caixa de texto devem ir em Design > Editar HTML. Usando Ctrl+F, busque por ]]></b:skin>. ACIMA dessa tag cole o seguinte código:

/*textarea*/

textarea {

border: 2px double #A2B5CD

background: #D8BFD8

width: 80%;

height: 100px;

{

Entenda o Código:

As alterações que você pode fazer:


Border: espessura da borda - 0px (sem borda), 1px, 3px...
Formato da Borda: double, dashed (tracejada) , doted (pontilhada) ...

Cor da Borda: #A2B5CD (altere usando a Tabela de Cores)
Background: cor do plano de fundo da caixa
Wdth: largura
Height: altura

Quando terminar, salve. Agora toda vez que usar o código, sua caixa de texto irá aparecer personalizada automaticamente.

Créditos:

Há um bom tempo atrás aprendi a fazer no blog Blogger Passo a Passo, que ainda tenho salvo nos meus favoritos, [risos].

Bom, por hoje é só isso.

Espero que tenham gostado e que tenha sido útil.

Beijos,

Mrs. Nightshade.