terça-feira, 8 de fevereiro de 2011

Como colocar uma caixa de texto com barra de rolagem no post



Essas caixinhas são muito utilizadas principalmente quando queremos colocar algo para que os leitores copiem ou simplismente dar um destaque para um trecho do texto e etc. Criar essa caixinha é muito simples, basta digitarmos:

<textarea> O texto  </textarea>

Ficará assim:



Já temos um texto dentro de uma caixinha, mas ainda podemos personalizá-la da seguinte maneira:

Vamos em Design > Editar Html. Pressione Ctrl + F e procure por ]]> < / b:skin>.

Copie o código abaixo:

/*textarea*/
textarea {
border: 2px double #A2B5CD
background: #D8BFD8
width: 80%;
height: 100px;
{

Agora cole sobre a tag ]]></ b:skin>.


Alterações possíveis:

border: espessura da borda - 0px (sem borda), 1px, 3px...
formato da borda -  double, dashed (tracejada) , doted (pontilhada) ...

cor da borda - #A2B5CD
background: cor do plano de fundo da caixa
width: largura
height: altura

Agora, toda vez que utilizarmos as tags <textarea> </textarea>, nossa caixinha aparecerá personalizada automaticamente.

3 comentários:

lenibeatriz disse...

Bastante interessante. É o que estou procurando. Porém, mais uma vez não deu certo. Não encontro a tag ]]>/ b:skin>.

Uso o Google, o blogspot. O que posso fazer?

Muto bom o conteúdo do teu site. Parabéns!

Priscila disse...

Oi Bia, na verdade a tag é ]]>

Veja se consegue agora

Obgdo

Unknown disse...

muito útil, obrigada.

Artigos Relacionados

Related Posts Plugin for WordPress, Blogger...