Borja me preguntaba por la forma de crear las citas donde aparece el texto que queramos dentro de una caja.
Para que nos entendamos el resultado sería este:
El resultado es este.
Para conseguirlo, simplemente tenemos que crear en nuestro CSS un elemento con los siguientes valores:
blockquote {border-left: 5px solid #555;padding: 0.7em 1em 0.7em 1em;
background: #eee url(http://helektron.com/img/bloque.gif) no-repeat
bottom right;margin-left: 2em;}
Y en el código basta con meter dentro de las etiquetas blockquote y /blockquote (con <> respectivamente) el texto en cuestión.
Lógicamente tendreis que cambiar la ruta de vuestra imagen (yo he empleado en el ejemplo: http://helektron.com/img/bloque.gif) y cambiarla como querais.
Además de poderle cambiar el nombre a blockquote por el que necesiteis.
Noticias relacionadas:
Etiquetas: cambiar, citas, com, con, crear, css, de, dentro, design, diseño, el, estilo, gif, helektron.com, que, Trucos.
Si te ha gustado, compártelo:
11-mayo-2007 a las 9:03 pm
Me agrada el resultado :)
Muy buena explicación…
14-mayo-2007 a las 8:51 am
Me has iluminado Vic. Moltas gracias ;)