Header AD

Pull Quotes



Más sobre Cuotas



Algunos blogs la usan como explicación al margen y dentro de la entrada.


Y se despliega en torno al texto principal, como se muestra aquí.

Al estilo de BlogU, y alguna entradas de Sanghi, la "Pull Quote" puede valer para presentar una explicación previa de la entrada.

Me parece bastante útil, la verdad...

Pd:

Ups... se me olvidaba explicar el "dónde y cómo".
Se trata de un código CSS a insertar en el "head" de la platilla:

.pullquote
{width: 145px;
background:gold;
color:black;
float: right;
border:1px solid maroon;
font-weight:bold;
line-height:140%;
padding:5px;
margin-top:10px;
margin-left:10px;
}

Como siempre, podéis manipularlo para cambiar anchos, color y demás.

A la hora de escribir vuestras entradas, sólo tenéis que incluir:

<p class="pullquote">

<span style="color:maroon;font-size:x-small;">TITULO DE TU PULLQUOT</span>

<br>

<br><span style="font-size:large;">"</span>

TEXTO DE TU PULLQUOT

<span style="font-size:large;">"</span>

</p>
El resto de tu texto hasta que termines de escribir tu entrada


Y... adivinad de quien es el invento:

¡Ajá!: de Mandarin Design
Pull Quotes Pull Quotes Reviewed by Pilar Lozano Santos on 10:41:00 Rating: 5

No hay comentarios

Post AD