El tema (theme) por defecto de Firefox 3, llamado Tango, tiene el “Look and Feel” del tema GTK que el usuario esté usando en el sistema, con el fin de conservar consistencia visual en las aplicaciones, y de que el sistema sea mas usable.
Por ejemplo, la siguiente imagen muestra como puede variar la apariencia del mismo theme:

Esto puede llevar a que el estilo visual de nuestro Firefox 3 no sea el más agradable o como lo queremos. A pesar de que no me molesta el tema, decidí instalar uno de mis habituales temas de cuando uso Firefox en windows: Kempelton

Sin embargo, cuando segui el link al tema Kempleton en Mozilla.org, me encontre con la siguiente sorpresa:

“Kempelton is not avaliable for Linux”

De modo que no podía instalarlo, eh? Decidí probar “por la fuerza”, es decir, buscando el archivo .jar e instalandolo directamente en Firefox. Encontré el linx facilmente en el html:

Acto seguido, use el link de descarga de Kempelton para windows, bajé el .jar a mi escritorio y lo arrastré hasta la ventana de temas de Firefox.

Voilá! La pantalla de instalación de themes apareció. Era cuestion de solo instalar y reiniciar.

La razón para que no este disponible en Linux parece ser la desaparición de los menus de FF cuando les haces click o hover. Para mi este no es un problema tan grave, pues estoy acostumbrado a usar shortcuts. Por ultimo, un preview de Kempleton corriendo en Firefox 3 (Ubuntu):

(Click para agrandar)

Qué es (o fue) clab rosa?

Quien no extraña las bellas épocas, cuando Freddie actualizaba el diseño de clab por épocas? Y quien no recuerda el genial Cristalab rosa, delirio para Mx (y probablemente basado en Mx) que disfrutamos como regalo de CristalabOzon3, hace ya algún tiempo?

Pues bueno, mis queridos nostálgicos, para ustedes y en exclusiva (no es cierto, ya se lo pasé a Mx hace algunos días @.@) les presento el css para transformar clab a rosa, de nuevo. Lo pondría en un descargable, pero me da pereza subir archivos, así que…

Descarga


@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("www.cristalab.com") {
#logo{
display:block !important;
background: url(http://img501.imageshack.us/img501/4710/logopngoz6.png) no-repeat transparent;
margin-top:4px !important;
}
#logo img{
display:none !important;
}
#header_fondo {
background:none !important;
background-position:center !important;
}
#header_bordes {
background-image: url(http://img518.imageshack.us/img518/5121/decoracionrj8.png) !important;
}
#menu_arriba ul li a, #menu_abajo ul li a{
color:#fff !important;
}
#menu_abajo ul li a:hover{
color:#FE3667 !important;
}
body{
background-image:url(http://img518.imageshack.us/img518/3339/fondobgyv0.png) !important;
background-color:#FFE8F0 !important;
}
h1.titulo a, h2.titulo a{
color:#FF0164 !important;
}
h1.titulo a:hover, h2.titulo a:hover{
color:#FE3887 !important;
}
span.subtitulo{
color:#E74B72 !important;
}
#principal a, .tags, .caja a, .infoComic a{
color:#FF0066 !important;
}
.tags{
background-color:#FFEAF2 !important;
}
.tags:hover{
background-color:#FFD9E8 !important;
}
.tituloCaja{
background-image:url(http://img155.imageshack.us/img155/7242/cajatitlecp2.png) !important;
}
#contenido_abajo{
background-image:url(http://img518.imageshack.us/img518/6545/footervw9.png) !important;
}
#contenido_abajo a, #contenido_abajo{
color:#FF0066 !important;
}
.separador {
border:#FFDDE9 solid 1px !important;
}
/* Fu·k con cambiar el color de cada link! */
* > a{
color:#FF0164 !important;
}
* > a:hover{
color:#FE3887 !important;
}
.comentario{
border-color:#FFDDE9 !important;
}
legend{
color:#FF0164 !important;
}
fieldset{
border-color:#FF0164 !important;
}
.row2{
background-color:#FFECF2 !important;
}
th, .tablaSep{
background-image:url(http://img155.imageshack.us/img155/7242/cajatitlecp2.png) !important;
}
.infoPost, .row1{
background-color:#FFF9FB !important;
border-color:#FFDDE8 !important;
}
div.tituloCaja a{
color:#fff !important;
}
}


Son unas cuantas lineas de css, que combinadas con la extension Stylish para Mozilla Firefox, transformarán todo el sitio web Cristalab a su pink version.

Como lo instalo?

Lo primero que debes hacer, es instalar la extensión Stylish para Mozilla Firefox. Adivinaste, solo funciona en Firefox (aunque eso también lo haría útil para Flock, Seamonkey, Thunderbird, etc). Imagino que habrá algún widget para Opera que permita guardar hojas de estilo de usuario (o alguna creepy extension para IE7)… pero me desvié del tema.

Despues de instalar la extension y reiniciar Firefox, solo debemos clickear el pequeño icono de stylish en la esquina inferior derecha del navegador, seleccionar “Write Style” y “Blank style”. Nos aparecerá una ventana, en la cual podemos (debemos) poner un nombre al estilo. Ponle “Cluv!” o “PinkClab” o incluso “GirlishFreddie”. En el campo grande, solo pegamos el css de arriba. Damos “Save” y listo, abrimos Clab… o algo asi.

Troubleshooting, etc

Esta es la seccion de todo lo que son bugs, sugerencias de los usuarios, tips, y consejos amorosos.

• Pueden haber declaraciones redundantes en el css, la verdad no lo he revisado lo suficiente. Al menos funciona.
• Ven la imagen de fondo del header? Esta algo pixelada, pues las dimensiones son raras, asi que me toco ajustarla (distorsionarla :P) un poco.
• Si no les funciona el estilo revisen que en la ventana de extensión este esté “Enabled” (Activado).
• Para ver el tema de siempre, simplemente desactiva el estilo creado
• Las imagenes estan alojadas en imageshack porque… me gustan las ranas amarillas. Si fuera un sapo usaria Flickr

Agradecimientos

Gracias.

Ahora en serio.
A Mx, por motivar la idea. Al CSS, por ser tan c00l. Al poco tiempo que dedico a mis labores serias ^^

Espero al menos prueben el estilo, y lo disfruten. Saludos!