Como se puede ver, he rediseñado un poco el blog, que falta le hacía, ya que llevaba más de dos años y era muy 1.0. Simplemente he retocado la plantilla e iré haciendo más cambios, sobre todo dándole mas vidilla añadiendo algún que otro icono y una cabecera decente.

Se admiten sugerencias

Comentaba ayer lo frustrante de intentar usar pseudoclases hover en Internet Explorer. Curioseando un poco más di con una serie de scripts y trucos ¿recopilados? ¿programados? por Dean Edwards agrupados en un paquete llamado IE7. Añade soporte completo para CSS 2 y parte de CSS 3 ( selectores, atributos, pseudoclases…), soporte para transparencias de PNG ( incluso para las imágenes usadas como fondos con CSS ) y muchas cosas más que se pueden comprobar con ejemplos.

El paquete tiene una instalación muy sencilla y está licenciado con Creative Commons.

Llevo unos dias peleando con Internet Explorer y su incompatibilidad con los estándares. Una de las cousas que me frustran a la hora de diseñar algo visible es la carencia de la pseudoclase hover para todo lo que no sea un enlace.

Para solucionarlo hay un método ( bastante cutre, sí ) que consiste en forzar un cambio de clase en el evento onmouseover, de modo que se simula el efecto. En este artículo de A List Apart muestran cómo hacerlo con listas para generar menús desplegables. Un sencillo código JavaScript soluciona el problema…

Una de las ideas que tenía a la hora de programar esta bitácora era la de poner a disposición de los visitantes varios estilos CSS. El problema era aplicar el estilo sin tener que recargar la página completamente. La solución la encontré en Javascript.
Javascript nos permite cambiar las propiedades de un objeto usando la sintaxis objeto.propiedad=valor así que cambiando la propiedad href de la etiqueta <link> que enlaza los archivos CSS el estilo especificado se cargará.
Primero, crearemos un enlace al estilo CSS por defecto asignándole un identificador :
<link href="css/defecto.css" rel="stylesheet" type="text/css" id="estilo">
Despues crearemos en Javascript la función que cambiará el estilo. Funciona pasándole como único argumento el nombre o ruta completa del archivo CSS a mostrar. Usaremos la propiedad getElementById() para identificar el objeto:
function estilo(arquivo) {
    document.getElementById('estilo').href=arquivo;
}
Y finalmente sólo tendremos que llamar a la función desde un enlace o botón pasándole como argumento el nombre o ruta del arquivo CSS que queramos mostrar:
<input type="buton" value="Cambiar Estilo" onClick="estilo('azul.css');">
Podeis comprobar el funcionamento del script en la sección Opciones del menú de la derecha.