Blockquote o pullquote

Un pullquote es una especie de cita o nota que se añaden a los post para resaltar alguna idea o algo que queramos destacar dentro del texto.
Para lograr este efecto tan bonito hemos de andar con el CSS de la plantilla.
Localizamos esta parte en el HTML de nuestra plantilla:
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}
Y la sustituimos por esta otra:
.pullquote {
float: right;
width: 150px;
margin: 5px 5px 5px 10px;
padding: 3px 0;
font: Verdana, sans-serif;
color: #555;
text-align: center;
font-size: 1.4em;
border-top: 3px double #ccc;
border-bottom: 3px double #ccc;
}
.pullquote p {
padding: 0;
margin: 0;
}
Se puede cambiar el color del borde y del texto, modificando la parte que está destacada de otro color en el código.
Hay que colocar este otro código en cada entrada que se publique, para que sea más fácil y cómodo podemos copiarlo y pegarlo en Opciones - Formato - Caja de Plantilla de entrada, así saldrá automáticamente en cada creación de entrada, sino queremos usarlo en alguna de ellas, eliminamos el código y listo.
<blockquote class="pullquote"><p>...Texto que va dentro del pullquote...</p></blockquote>

<p>Texto del post...

0 comentarios:

Publicar un comentario

Si llegaste hasta acá y no lo encontraste lo que necesitás intentá buscarlo: