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

1 opinaron:

Anónimo

Me encantó

Responder

Por favor, trata de tener habilitado tu perfil (has click en "Comenta con el antiguo editor" para iniciar sesión) o deja un enlace a tu blog escogiendo la opción "Nombre/URL", procura no dejar comentarios Anónimos.
Nota: Si es que se presenta algún problema con el formulario de comentarios, sólo has click en "Comenta con el antiguo editor"

Gracias por participar en el blog.

inicio