jueves 26 de noviembre de 2009

Personalizar los bloques entrecomillados

|

Los bloques entrecomillados se usan para hacer una cita textual, es decir, repetir un fragmento dicho con anterioridad.
La forma de usarlo es encerrando el texto entre <blockquote> y </blockquote> o usando el ícono de entrecomillado que se encuentra en el editor de entradas comillas
Para personalizar estos bloques entrecomillados entra en Diseño > Edición de HTML y busca esto:
blockquote {
..............
..............
..............
}

Y sustitúyelo por esto:
blockquote {
background: #A9F5D0 url(http://2.bp.blogspot.com/_qgZA1ny_dAs/Sw66TNQV5hI/AAAAAAAADK4/lALxQAkmQF0/s200/blockquote.png) top left no-repeat;
margin: 10px 15px 3px 3px;
padding: 5px 15px 10px 32px;
border-top: 1px solid #DDD;
border-right: 1px solid #666;
border-left: 1px solid #DDD;
border-bottom: 1px solid #666;
font-style: italic;
}

El resultado será este:

bloque entrecomillado

Si lo prefieres puedes darle un aspecto más moderno para que se vea como este:

bloque entrecomillado

Para que se vea así, usa este código:
blockquote {
margin: 10px 15px 3px 3px;
padding: 5px 15px 10px 15px;
border-left: 5px solid #FF8000;
font-style: italic;
}

Es posible que en algunas plantillas no empiece el código como
blockquote {
sino como
.post blockquote {
y tal vez en otras no esté ninguno de los dos, si es así sólo agrégalo y listo.
Tantos códigos me han dado mucha sed ¿qué tal una cerveza?

13 comentarios:

Ricardo Ribalda dijo...

¡ Qué lástima llega tarde para mi ! Estuve buscando poner este recurso, para resaltar lo mas relevante de las entrevistas y al final al no saberlo hacer cree un apartado de "Sabiduría viajera" que recogía las frases mas relevantes de la entrevista.
De todas formas, muchas gracias El Potro, eres formidable.
Un abrazo, Ricardo

Alex dijo...

Buen consejo potro
me fascino ahora esto es muy bueno para citar algo que algun autor dijo, o es para resaltar textos que nosotros no escribimos dando credito
GRACIAS

Y pues buen truco

Dj Nestor dijo...

Buen consejo para los que les interese, como a ricardo ribalda!

Sigue asi Potroo!!

El Venado dijo...

Genial.
Siempre quise saber como se hacia eso.
Me gusto mas el del primer codigo por lo llamativo que es.

Saludos.

El Potro dijo...

Ricardo, aun puedes hacerlo, quienes no han tenido la oportunidad de leer esa entrada podrán verlo con los nuevos cambios. Un abrazo!

Alex, se puede usar para muchas cosas, en mi caso yo lo uso para resaltar los códigos. Saludos.

Dj Nestor, gracias por tu visita =)

el venado, igual me gusta el primero, aunque ambos se pueden personalizar al gusto. Saludos.

cyberbloggero dijo...

Wow... que interesante! Recuerdo que en unas de mis Blogger-depresiones intenté cambiar el aspecto del entrecomillado de mi blog y no me funcionó.

Esto mas que un blog de ayuda se esta transformado en una clínica de rehabilitación para Blogger-depresivos como yo! XD


Un abrazo!!!

El Potro dijo...

Clínica de rehabilitación, jajajajajajajajajajajaja.

Ojalá y te sea útil para tu próxima Blogger-Depresión.
Un abrazo!

unrealmat dijo...

Todo muy Bien EL PORTRO
pero lastima no me gusta ese color sin embargo me gustan las comillas como le puedo eliminar el color?
por ahora en mi blog esta la opcion 2 Saludos

El Potro dijo...

Es totalmente personalizable, así que puedes acomodarlo al diseño de tu plantilla.
En donde dice background: #A9F5D0 cambias el color de fondo, o si lo prefieres elimínalo para que no tenga color.

Saludos.

Luis González P. dijo...

Gracias mil, me fue de mucha ayuda ahora que empiezo mi blog, sigan asi no paren, no descansen.

Publicar un comentario en la entrada

Gracias por tus comentarios. Si tienes una consulta sobre tu blog deja la dirección del mismo.

 

Ciudad Blogger. Copyright 2008 All Rights Reserved Revolution Two Church theme by Brian Gardner Converted into Blogger Template by Bloganol dot com

Ir arriba Ir abajo