Pero muy bonita (a mi juicio).
De hecho, el trabajo que me lleva esta pullquote es el de poner a la vista el código: me ha llevado bastante menos tiempo colocarla en mi plantilla.
Desde la vuelta de vacaciones me aburre solemnemente internet (será que me he acostumbrado a hacer el "vago" este mes y poco, je). Así que me he vuelto a mirar a mi admirada MILO en busca de un nuevo diseño que me sorprenda y me entretenga adaptándolo a blogger. Y... de momento tiene una pullquote que me ha llamado la atención por su sencillez y fácil implementación.
Y... ahí va:
1º.- Pondremos el CSS de la pulquote en su sitio, es decir, antes del cierre </b:skin>
.pullquote{padding:10px;float:right;width:250px;margin:10px 0 10px 10px;border-top:2px solid #333;border-bottom:2px solid #333;text-align:center;line-height:22px;font-family:century gothic,tahoma,arial,sans-serif;color:#900;}
2º.- En la entrada donde queramos incluir nuestra pullquote, insertamos lo siguiente:
<h4 class="pullquote">Aquí dentro pondremos el texto de nuestra pullquote.</h4>
Y ya está. Facilito :)
Si queréis la Pullquote más alargada que ancha, disminuid el "width" (a 150. p.e.); otro color que le puede venir bien al contenido, en lugar del #900, es un opaco #ccc
✍ ¿Quieres hacer algún comentario? ✍