sábado, 10 de enero de 2009

Pullquote en nuestro blog


Un ejemplo de
pullquote con
borde y color

Hoy vamos a ver cómo podemos agregar un Pullquote de forma sencilla en nuestro blog.
Para ello, sólo agregamos el siguiente código en el editor de entradas:

<p style="float:right;width:30%;padding:8px;border:1px solid #000;font-size:.8em;margin:20px;background-color:#ddd;">
<strong> TEXTO_DEL_PULLQUOTE</strong><br>
</p>

EXPLICACIÓN:

p style="float:right es el lugar donde se ubicará el pullquote; si deseamos cambiarlo para la izquierda, pondremos LEFT en lugar de RIGHT.
width: 30% es el ancho del pullquote.
padding: 8px; es la altura.
border:1px es elgrosor del borde, en píxeles.
solid #000 aquí podremos cambiar el estilo del borde y el color del mismo.
background-color:#ddd es el color de fondo

No hay comentarios:

Publicar un comentario