**No dudes en dejar comentarios o alguna sugerencia** El Blog de J.Guti.: Pullquote

Pullquote

domingo, 9 de diciembre de 2007

Para escribir una entrada o post y la vez hacer un "pullquote" dentro del mismo texto en un lateral y que se vea el post de una manera diferente o simplemente para resaltar algo que pensemos merece la pena ponerlo de una manera especial, utilizaremos lo que llamamos un PULLQUOTE.
Para llevarlo a cabo utilizaremos el siguiente código que pondremos en la misma entrada donde queramos mostrarlo. El código es el siguiente :


<div style="border: 2px solid blue; padding: 10px; background: #ffffcc none repeat scroll 0% 50%; width: 95%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">

<h4>Los podeis hacer del tamaño que querais</h4>

<div style="margin: 10px; background: white none repeat scroll 0% 50%; color: blue; width: 150px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; float: right; opacity: 0.2; font-family: Verdana,Arial,Helvetica; font-size: 28px; line-height: 26px; text-align: right;">

Esto es un

<small> pullquote </small>

<strong> Un pullquote es poder hacer<small> un Post </small></strong>

Diferente<strong> para que llame la atención</strong>



</div>



<p>Tan solo un código</p>

Aquí se pone el texto que querais escribir

<p>

<b>y aquí también texto pero resaltado</b>

seguir escribiendo texto.

</p>

</div>

<div style="clear: both;"></div>




Ejemplo de cómo quedaría la entrada :

Los podeis hacer del tamaño que querais



Esto es un
pullquote
Un pullquote es poder hacer un Post
Diferente para que llame la atención



Tan solo un código


Aquí se pone el texto que querais escribir


y aquí también texto pero resaltado
seguir escribiendo texto.



Publicado por Guti en 22:20  

Pulsar para oir post hablado

0 comentarios:

Publicar un comentario

 
Comentarios