Caixas de texto

Caixas de texto básicas

Caixa de texto simples, para uso básico. 

SEU TÍTULO PARA A CAIXA DE TEXTO AQUI
Texto de exemplo. Coloque o seu texto aqui…
Ver código

 

Caixa de texto colorida simples, de uso básico. 

SEU TÍTULO PARA A CAIXA DE TEXTO AQUI
Texto de exemplo. Coloque o seu texto aqui…
Ver código

Caixas de texto coloridas

Você poderá escolher entre várias caixas com cores pré-definidas ou usar uma cor específica para a caixa de seu layout.
Confira abaixo alguns exemplos e como utilizar as caixas coloridas: 

CAIXA NA COR VERMELHA
Texto de exemplo. Coloque o seu texto aqui…

 

CAIXA NA COR VERDE
Texto de exemplo. Coloque o seu texto aqui…

 

CAIXA NA COR AZUL
Texto de exemplo. Coloque o seu texto aqui…

 

Ver código

A lista de cores está com os nomes como devem ser utilizados em seus shortcodes, sem acentuação e com underlines (_) separando os nomes duplos.

Lista de cores disponíveis

Caixa com cor específica

Veja como configurar uma caixa de texto com a numeração da cor desejada. Neste caso, será necessário informar as numerações desejadas para cor do fundo e cor do texto. 

CAIXA COM COR ESPECÍFICA
Texto de exemplo. Coloque o seu texto aqui…
Ver código

Caixas especiais

Seu texto vai aqui… um link
Seu texto vai aqui… um link
Seu texto vai aqui… um link
Seu texto vai aqui… um link
Ver código

Caixas fantasia

caixa_fantasia com título
Texto de testes, use seu próprio texto aqui. Texto de testes, use seu próprio texto aqui. Texto de testes, use seu próprio texto aqui. Texto de testes, use seu próprio texto aqui. Texto de testes, use seu próprio texto aqui. Texto de testes, use seu próprio texto aqui.

Esta é uma caixa_fantasia sem título…
Texto de testes, use seu próprio texto aqui. Texto de testes, use seu próprio texto aqui. Texto de testes, use seu próprio texto aqui. Texto de testes, use seu próprio texto aqui. Texto de testes, use seu próprio texto aqui.

Ver código

Caixas código

/* Margins & Padding 
-------------------------------------------------------------- */
.margin0{margin-bottom:0px!important;}
.margin10{margin-bottom:10px!important;}
.margin20{margin-bottom:20px!important;}
.margin30{margin-bottom:30px!important;}
.margin40{margin-bottom:40px!important;}
.margin50{margin-bottom:50px!important;}
.margin60{margin-bottom:60px!important;}
.margin70{margin-bottom:70px!important;}
.margin80{margin-bottom:80px!important;}
.margin90{margin-bottom:90px!important;}
.margin100{margin-bottom:100px!important;}
.margin0,.margin10,.margin20,.margin30,.margin40,.margin50,.margin60,.margin70,.margin80,.margin90,.margin100{clear:both;overflow:hidden;} 
Ver código

Para saber como inserir os Shorcodes em sua página consulte este link.

 

Código desta página

    No Twitter Messages