Algunos cambios
Domingo, Mayo 13, 2007He introducido algunos cambios light en el estilo del blog y ya de paso le he echado un ojito a jQuery; una librería Javascript que nos hace la vida más fácil.
- Un blockquote algo más “bonito” ( al menos para mi gusto ). Aquí os dejo el archivo .xcf de Gimp por si os gusta
. Para incluirlo en la página hay que añadir algo parecido a esto en el estilo de la web:
-
blockquote {
-
background: transparent url(_img/quote.jpg) no-repeat;
-
font-size: 1.1em;
-
font-style: italic;
-
padding: 10px 0 20px 50px;
-
width: 420px;
-
margin: 0 auto 1em;
-
}
con lo que conseguimos que se vea más o menos así
esto es una cita de ejemplo para ver como se ve el estilo nuevo de OBG. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi et ante. Donec ullamcorper dolor non metus. Curabitur eget sem. Suspendisse pede. Aenean non dolor. Donec mattis fermentum est. Duis purus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aenean rutrum pretium risus. Etiam adipiscing congue nulla.
- Un icono a la izquierda de los enlaces externos, como este . Aquí es donde entra en juegojQuery. Usando este script se añade el icono que queramos a la izquierda de los enlaces:
-
jQuery.noConflict();
-
jQuery(document).ready(function(){
-
jQuery("a").not("[@href*='otrobloggeek.com']").css("background", "transparent url(/blog/wp-includes/images/link-externo.png) no-repeat");
-
jQuery("a").not("[@href*='otrobloggeek.com']").css("padding", "0 0 2px 18px");
-
});
Para usarlo hay que añadir antes jQuery a nuestra web. En la web de jQuery tenéis ejemplos de como hacerlo.
Por supuesto podeéis usar el código como queráis y donde queráis. 
Edito: El icono para los enlaces externos lo he sacado de la galería de iconos Tango que tienen una licencia Creative Commons 2.5 Attribution-ShareAlike
Edito 2: En este post explico qué hace el código Javascript que pone guapos los enlaces.
Edito 3: La medicación de la alergia me deja un poco atolondrado (sí, eso es posible) por eso acabo de subir el archivo Gimp con la imagen que aparece a la izquierda de las citas.
