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?
Como era?
Cristalab rosa
Alexgen, en Cristalab rosa
Imágenes vilmente tomadas del Flickr de Semper 2.0 sin permiso. (No me mates T-T!) (Visiten http://www.aeromental.com
)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
Código :
@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 sección 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 ) 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!
De http://lunaticlycanthrop.wordpress.com/2007/05/31/clab-rosa-volviendo-en-el-tiempo/
, ha re-gresado el rosa a Clab 
. No hay puntos rosa para Hernan 
Zguillez
.. en fin
y para Mx no se queje que sea en ingles. 
