Caixinhas de texto nada mais são do que aqueles fundos em outra cor que são utilizados na maioria dos blogs para ressaltar determinado trecho de texto, códigos figuras e outras coisas mais. São simples de usar , e o bacana , é podermos definir cor e modelo para as bordas e background (fundo da caixa).
Cógido HTML
<div style="width: 450px;padding: 3px;border: 1px solid #000000;background-color: #FBE7E8;">Seu texto escrito aqui</div>
Exemplo:
Olá! Dei uma passadinha por aqui,
só para ver como você estava
e te desejar um ÓTIMO DIA!
Lembre-se, hoje é um dia muito especial,
Melhor que ontem e muito melhor que amanhã,
Hoje você têm a oportunidade de fazer as coisas diferentes.
Fica Assim.
Olá! Dei uma passadinha por aqui,
só para ver como você estava
e te desejar um ÓTIMO DIA!
Lembre-se, hoje é um dia muito especial,
Melhor que ontem e muito melhor que amanhã,
Hoje você têm a oportunidade de fazer as coisas diferentes.
Todos os códigos em itálico são ajustáveis, fica a seu critério e gosto.
Veja Outros dois Modelos de Caixa:
Código HTML
<textarea
rows="15"
cols="63"
style="background-color: #C7E8F4; color: rgb(0, 0, 0);"
wrap="soft">ESCREVA O SEU TEXTO</textarea>
rows="15"
cols="63"
style="background-color: #C7E8F4; color: rgb(0, 0, 0);"
wrap="soft">ESCREVA O SEU TEXTO</textarea>
Exemplo:
Olá! Dei uma passadinha por aqui,
só para ver como você estava
e te desejar um ÓTIMO DIA!
Lembre-se, hoje é um dia muito especial,
Melhor que ontem e muito melhor que amanhã,
Hoje você têm a oportunidade de fazer as coisas diferentes.
Fica Assim:
Você pode utilizar este código também (mais fácil):
Código HTML
<form>
<textarea onclick="javascript:this.focus();this.select();">
</form>
<textarea onclick="javascript:this.focus();this.select();">
Adicione o seu texto
</textarea> </form>
Fica Assim:
Outra Variação desta caixa:
Código HTML
<form>
<textarea name="selboton">
</form>
<textarea name="selboton">
Adicione aqui sua mensagem !
</textarea>
<input value="Selecionar Tudo"
onclick="javascript:this.form.selboton.focus();this.form.selboton.select();" type="button" />
</form>
Veja um exemplo prático:
Olá! Dei uma passadinha por aqui,
só para ver como você estava
e te desejar um ÓTIMO DIA!
Lembre-se, hoje é um dia muito especial,
Melhor que ontem e muito melhor que amanhã,
Hoje você têm a oportunidade de fazer as coisas diferentes.