Sábado, 15-04-2006 # 15:55 Css, Tutoriais

252 palavras

Modelo 1

01. Coloque depois de da tag style ou no seu arquivo style.css

blockquote {
border-top: 1px solid #FFD0DF;
border-left: 1px solid #FFD0DF;
border-right: 1px solid #FFD0DF;
border-bottom: 1px solid #FFD0DF;
background-color: #FFF1F5;
padding: 10px 10px 10px 10px;
font-size: 11px;
color: #808080;
text-align: justify;
width: 85%;}

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

<blockquote>Seu texto aqui</blockquote>

Modelo 2

01. Coloque depois de style ou no seu arquivo style.css

blockquote {
border-top: 1px solid #FFD0DF;
border-left: 1px solid #FFD0DF;
border-right: 1px solid #FFD0DF;
border-bottom: 1px solid #FFD0DF;
background-position:top left;
color: #808080;
background: #FFF1F5 url(http://www.endereço/edit.gif) no-repeat top left;
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 edit coloque:

<blockquote>Seu texto aqui</blockquote>

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.

1 Comentário em “Blockquote Personalizado” -

Diego

10-10-2008 - 18:06

ALELUIA ACHEI ONDE ENSINA A FAZER BLOCKQUOTE
Brigado msm hein ;D

. wp_ozh_getCountryName(0,$comment->comment_author_IP) .