17 de jun. de 2012

Caixa DE TExto

Como colocar uma caixa de texto na postagem do Blog
Essas caixinhas de textos são muito úteis para a organização da postagem, e você poderá colocar frases, links, links de Banner ou de imagens.
Para colocar é muito fácil é só você copiar o código da caixinha e colar lá em HTML em POSTAGEM.



Veja dois tipos de caixas


1º Caixa


Vejam como fica a caixa de textos:

como alterar o tamanho

Vocês poderão estar alterando a largura e a altura da caixa de acordo com a sua preferência.
pra alterar a largura vocês alterarão o cols="57" e pra alterar a altura só modificar orows="2"

2º Caixa





digite aqui




Digite o Seu testo Aqui

O código desta caixa é mais extenso que a da primeira caixa.

Código da segunda caixa









background-image: url(https://lh4.googleusercontent.com/-CaesFDOC-2Q/TyNNdPtAJ9I/AAAAAAAACFE/N2WlhmSoPZA/s7/blockquote-bg-cb.png); background-origin: initial; background-repeat: repeat repeat; border-bottom-color: rgb(170, 170, 170); border-bottom-style: solid; border-bottom-width: 2px; border-image: initial; border-left-color: rgb(170, 170, 170); border-left-style: solid; border-left-width: 2px; border-right-color: rgb(170, 170, 170); border-right-style: solid; border-right-width: 2px; border-top-color: rgb(170, 170, 170); border-top-style: solid; border-top-width: 2px; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; letter-spacing: 1px; line-height: 1.4em; margin-bottom: 0px; margin-left: 30px; margin-right: 0px; margin-top: 0px; max-height: 200px; overflow-x: auto; overflow-y: auto; padding-bottom: 6px; padding-left: 6px; padding-right: 6px; padding-top: 6px; text-align: justify; white-space: nowrap;">









Essa caixa você pode digitar o seu texto e alterar a cor da letra. Mas para alterar o Plano de fundo da caixa veja o seguinte código:

background-image: url(https://lh4.googleusercontent.com/-CaesFDOC-2Q/TyNNdPtAJ9I/AAAAAAAACFE/N2WlhmSoPZA/s7/blockquote-bg-cb.png)

Na parte em azul você coloca A URL da sua imagem

Pronto agora é só começar a usar a sua caixa

0 comentários:

Postar um comentário