logo

Recuadrar las citas en Blogger
22.3.06


En muchas bitácoras las citas textuales se encuentran encajadas en un recuadro que permite diferenciarlas claramente del resto del artículo. Para habilitar esta característica en Blogger es necesario modificar la plantilla y añadir un pequeño trozo de código adicional.

En la plantilla hay que cambiar el trozo que se encuentra entre .post blockquote y su correspondiente cierre } por el siguiente:

.post BLOCKQUOTE {
BORDER-RIGHT: #dfe0e0 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #dfe0e0 1px solid; PADDING-LEFT: 8px; PADDING-BOTTOM: 8px; MARGIN: 16px 30px; BORDER-LEFT: #dfe0e0 1px solid; LINE-HEIGHT: 14px; PADDING-TOP: 8px; BORDER-BOTTOM: #dfe0e0 1px solid; BACKGROUND-COLOR: #f5f6f6; moz-border-radius: 8px
}


A continuación debe encontrarse el siguiente trozo de código que se debe reemplazar y que comienza en .post blockquote p{ y termina con }. Debe ser reemplazado por:

.post BLOCKQUOTE P {
LINE-HEIGHT: 14px
}


En este mismo blog se puede ver un ejemplo. Es conveniente verificar mediante la Vista previa de Blogger que todo ha ido bien antes de guardar la plantilla. El código es de Rajesh Kumar pero no he logrado encontrarlo en su blog.

>> Publicado en Categoría: Blogosfera

| Permalink | Enlaces a este artículo | Enviar por correo-e |

Marcadores sociales: Meneame | Fresqui | Facebook | FriendFeed | Google Bookmarks | Yahoo! My Web | Technorati | Twitter | Delicious |

2 Comentarios:

El 3/27/2008 08:45:00 p. m., Blogger Bestiarium Vocabulum tuvo la amabilidad de comentar aquí:

En mi caso, no había nada que suplantar. solo había que agregar esas lineas en body. Es bueno saberlo para los que quieran utilizar este formato de Quote... que esta muy bueno.

Saludos

 
El 8/13/2008 04:35:00 a. m., Blogger Uno mas del monton tuvo la amabilidad de comentar aquí:

en el mio tampoco deci que bestiarium dijo eso ;).

Otra aclaracion que puede ser util
va dentro del
body {
y no del
[body] (con signos de mayor y menor <> no me deja ponerlos)

saludos de otro blogger

 

Publicar un comentario

Enlaces a este artículo:

Crear un enlace

<< Principio


2.0