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