Modelo 1

01. Coloque depois no seu arquivo style.css

blockquote {

border: 1px solid #FFD0DF;

background-color: #FFF1F5;

padding: 10px;

font-size: 11px;

color: #808080;

text-align: justify;

}

02. E no lugar em que você quer que apareça o blockquote coloque:

<blockquote>Seu texto aqui</blockquote>

Modelo 2

01. Coloque no seu arquivo style.css

blockquote {

border: 1px solid #FFD0DF;

background: #FFF1F5 url(http://www.endereço/edit.gif) no-repeat top left; 

padding: 10px;

font-size: 11px;

color: #808080;

text-align: justify;

padding: 10px 10px 10px 35px;

font-size: 11px; 

text-align: justify;

}

02. Faça uma imagem com as aspas mais ou menos assim:

03. Substitua no código "http://www.imagem.com.br/edit.gif" pelo endereço da sua imagem.
04. E no lugar em que você quer que apareça o blockquote coloque:

<blockquote>Seu texto aqui</blockquote>

05. Se você quiser pode variar o estilo mudando os atributos de borda, tamanho, cor, etc.

Para Outros Blogs

Modelo 1

01. Coloque depois de da tag style:

.blockquote {

border: 1px solid #FFD0DF;

background-color: #FFF1F5;

padding: 10px;

font-size: 11px;

color: #808080;

text-align: justify;

width: 85%;}

02. E no lugar em que você quer que apareça o blockquote coloque:

<div class="blockquote">Seu texto aqui</div>

Modelo 2

01. Coloque depois de style:

.blockquote {

border: 1px solid #FFD0DF;

background: #FFF1F5 url(http://www.endereço/edit.gif) no-repeat top left; 

padding: 10px;

font-size: 11px;

color: #808080;

text-align: justify;

padding: 10px 10px 10px 35px;

font-size: 11px; 

text-align: justify;

width: 85%;}

02. Faça uma imagem com as aspas mais ou menos assim:

03. Substitua no código "http://www.imagem.com.br/edit.gif" pelo endereço da sua imagem.
04. E no lugar em que você quer que apareça o blockquote coloque:

<div class="blockquote">Seu texto aqui</div>

05. Se você quiser pode variar o estilo mudando os atributos de borda, tamanho, cor, etc.

« Ask Answer

Wordpress em Português »

Os comentários desse blog são MODERADOS, portanto só serão publicados após a minha aprovação. Comentários com propagandas, divulgações, perguntas e de quem não leu o post, não serão aprovados. Dúvidas só serão respondidas na página de perguntas e respostas. Obrigada.