30 de out de 2012

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 é?



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

Nenhum comentário:

Postar um comentário