Las nuevas publicaciones en
el nuevo Blog,
pulsa para entrar …
Cargando elementos ...

BLOCKQUOTE - Textos entre comillas

Símbolo que utilizo para indicar el inicio del blockquote. (cita encontrada en otro lugar).


Ejemplo:

Los "blockquotes" son secciones de texto dentro de la entrada que generalmente se usan para resaltar citas de otras fuentes, aunque pueden usarse para destacar otro tipo de texto.

En mi caso por ejemplo, lo uso para destacar el código de los "trucos" que explico.

La mayoría de las plantillas de Blogger incluyen en su CSS un estilo definido para los blockquotes; para aplicarlo debemos seleccionar el texto a incluir en el blockquote y pinchar en el botón del editor de entradas que muestra unas comillas.

El texto anterior se denomina "blockquote", y es así dado que al crear esta entrada, lo he copiado íntegramente de El Escaparate de Rosa y lo he puesto aquí como una cita a su Blog.

Si lo quieres tal como lo ves en tu Blog, sigue los siguietes pasos:

RECUERDA HACER UN COPIA DE SEGURIDAD DE TU PLATILLA POR SI ALGO SALE MAL

Entra en tu Blog Diseño/Edición HTML y localiza el siguiente código:

.post blockquote {
......
......
}

Sustitúyelo por este:


.post blockquote {
background: #e6e6e6 url(http://URL DE TU IMAGEN) 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;
}
Puedes personalizar background: #e6e6e6 (el color de fondo) por el que se adapte mejor a tu diseño y la imagen url(http://URL DE TU IMAGEN) por la tuya propia. Si quieres puedes guardarte la que utilizo yo guardándote la que hay al inicio de esta entrada.

(También puedes personalizar los demás parámetros a tu diseño, pero debes de saber bien lo que haces.)

El resultado es el este:

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Expetenda tincidunt in sed, ex partem placerat sea, porro commodo ex eam. His putant aeterno interesset at. Usu ea mundi tincidunt, omnium virtute aliquando ius ex. Ea aperiri sententiae duo. Usu nullam dolorum quaestio ei, sit vidit facilisis ea. Per ne impedit iracundia neglegentur. Consetetur neglegentur eum ut, vis animal legimus inimicus id.

0 comentarios:

Tu opinión es muy valiosa para ayudarnos a mejorar.

Deja un comentario. Todas las ideas son bienvenidas. Gracias.