Sem nada para fazer e as ideias são poucas,mas mesmo assim venho com uma partilha. Nada de mais simplesmente trago 3 exemplos de blockquote bem simples,na imagem acima pode visualizár.
Antes de tudo faça 1 cópia do seu template/tema...
1
Exemplo1;blockquote
Nota:
Para usár este estilo copie e cole s css.
}
blockquote {
font-style: italic;
background:#fcfcfc url(http://i67.tinypic.com/30sc555.png) no-repeat top left;
background-position: 12px 12px;
-moz-box-shadow: 2px 2px 15px #ccc;
-webkit-box-shadow: 2px 2px 15px #ccc;
box-shadow: 2px 2px 15px #ccc;
color: #4fc2e5;
font-family:Montez;
font-size:18px;
border-right: 10px solid #4fc2e5;
margin: 0 0 20px;
padding: 15px 20px 15px 45px;
}
.post-body blockquote {
line-height:1.3em;
background:#fcfcfc url(http://i67.tinypic.com/30sc555.png) no-repeat top left;
padding: 15px 20px 15px 45px;
font-style: italic;
}
.post-body blockquote {
margin: 5px 0;
}
.post-body blockquote p {
margin:.75em 0;
}
2
Exemplo2;blockquote
Nota:
Para usár este estilo copie e cole s css.
}
blockquote {
font-style: italic;
background:#fcfcfc url(http://i63.tinypic.com/2eykg9i.png) no-repeat top right;
background-position: 12px 12px;
-moz-box-shadow: 2px 2px 15px #ccc;
-webkit-box-shadow: 2px 2px 15px #ccc;
box-shadow: 2px 2px 15px #ccc;
color: #46cfb0;
font-family:Montez;
font-size:18px;
border-left: 10px solid #46cfb0;
margin: 0 0 20px;
padding: 15px 20px 15px 45px;
}
.post-body blockquote {
line-height:1.3em;
background:#fcfcfc url(http://i63.tinypic.com/2eykg9i.png) no-repeat top right;
padding: 15px 20px 15px 45px;
font-style: italic;
}
.post-body blockquote {
margin: 5px 0;
}
.post-body blockquote p {
margin:.75em 0;
}
3
Exemplo3;blockquote
Nota:
Para usár este estilo copie e cole s css.
}
blockquote {
font-style: italic;
background:#fcfcfc url(http://i64.tinypic.com/14lhjxv.png) no-repeat top right;
background-position: 12px 12px;
-webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.19);
box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.19);
color:#ed5565;
text-shadow: 0 0.06em 0 #424242;
font-family:Montez;
font-size:18px;
border-bottom: 10px solid #ed5565;
margin: 0 0 20px;
padding: 15px 20px 15px 45px;
}
.post-body blockquote {
line-height:1.3em;
background:#fcfcfc url(http://i64.tinypic.com/14lhjxv.png) no-repeat top right;
padding: 15px 20px 15px 45px;
font-style: italic;
}
.post-body blockquote {
margin: 5px 0;
}
.post-body blockquote p {
margin:.75em 0;
}
Feito e partilhado,alguma questão deixe recado fui q fui...
