15 Apr 2006

Saturday # 15:55 285 palavras Arquivado em: Css, Tutoriais

Por Tamara

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.

Se você não tem um arquivo style.css, troque a linha:

blockquote {

por

.blockquote {

E para usar o Blockquote:

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

« 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 e divulgações não serão aprovados. Obrigada.

11 Comentários em “Blockquote Personalizado” -

Anderson

29-04-2010 - 17:07 Responder

Veja só heim, post de 4 anos e hoje me ajudou hehe. Obrigado!

Páginas 2 1 » Show All