Diseño/Estilo alternativo para menéame.net

Instalación en Firefox

Hay dos formas para instalarlo:

Utilizando Greasemonkey

Si tienes instalado Greasemonkey sólo tienes que instalar este script (ver en Userscripts.org)

Pero tiene un problema: es posible que al cargar una página, antes de cargar el nuevo estilo aparezca el estilo normal durante un pequeño periodo de tiempo. Si ocurre y se desea evitar, mejor utilizar el método: Stylish + AdBlock Plus.

Utilizando Stylish y AdBlock Plus (Recomendado)

Si tienes instalado Stylish y AdBlock Plus son dos pasos (da igual el orden):

Este es el método que utilizo yo.

Instalación en Google Chrome

En Google Chrome hay que instalar este script (es el mismo que para Firefox). Es posible que al cargar una página, antes de cargar el nuevo estilo aparezca el estilo normal durante un pequeño periodo de tiempo.

Instalación en Opera

En Opera parece que hay que guardar el archivo .js de GreaseMonkey en el disco duro. Luego ir a "Herramientas" -> "Opciones" -> "Avanzado" -> "Contenido" -> "Opciones JavaScript" -> "Archivos JavaScript de Usuarios" -> "Seleccionar" y seleccionar el directorio donde se ha guardado el archivo .js

Para desactivarlo se puede borrar el fichero, cambiar el directorio o utilizar los botones de Toggle User JavaScript.

Es algo que acabo de probar, así que todavía hay fallos de visualización en Opera, lo siento.

Instalación en Safari

  1. Instalar SIMBL
  2. Cerrar Safari
  3. Descargar GreaseKit y copiar el archivo GreaseKit.bundle en "~/Library/Application Support/SIMBL/Plugins"
  4. Descargar el archivo JavaScript
  5. Arrastrar el archivo JavaScript descargado sobre el icono de Safari
  6. Dar permiso para instalar

No sé si habrá errores de visualización, creo que no puedo hacer eso en Safari de Windows.

Konqueror e Internet Explorer

Según la entrada de Greasemonkey en la Wikipedia en inglés existe la posibilidad de instalar scripts de Greasemonkey en Konqueror e Internet Explorer, aunque yo no lo he probado.

Add-ons

Pequeños cambios al diseño:

Desinstalación en Firefox

En Greasemonkey

  1. Ir al menú "Herramientas" de Firefox
  2. "Greasemonkey" -> "Administrar scripts..."
  3. Seleccionar el estilo correspondiente
  4. Desmarcar la casilla "Habilitado" o hacer clic en "Desinstalar" (según se prefiera)

En Stylish

  1. Clic en el icono de Stylish Icono Stylish (esquina inferior derecha normalmente)
  2. Seleccionar "Administrar estilos"
  3. Desmarcar Marca en Stylish el estilo correspondiente o seleccionarlo y hacer clic en Borrar

En AdBlock Plus

  1. Ir al menú "Herramientas" de Firefox
  2. Seleccionar "AdBlock Plus..."
  3. Presionar en el icono verde a la derecha de la regla que bloquea los estilos o seleccionar y presionar suprimir

Desinstalación en Chrome

En Chrome se instala como una extensión más, sólo hay que ir al apartado de Extensiones del navegador e inhabilitar o desinstalar.

Comentarios

Está hecho prácticamente "desde 0" y son más de 1.500 líneas, por eso es necesario "bloquear" los archivos CSS actuales (lo hace el script de Greasemonkey o con AdBlock Plus).

El código es mejorable (no está ordenado, hay estilos redundantes, etc.) pero parece que funciona xD. A menos que supusiese una mejora a la hora de dibujar la página seguirá siendo un desastre.

No sirve para utilizar directamente como plantilla/tema/theme en un clon de menéame (utilizando su software, se entiende) porque no ha sido probado en varios navegadores, pueden faltar estilos de las secciones de administración, etc.

Se empezó a hacer hace bastante tiempo para la v2 de menéame, aunque cuando se lanzó la v3 en 2008 hacía 7 meses que no se tocaba. Aprovechando el lanzamiento de la v3 se adaptó a la nueva versión y se completó.

Hoy en día se sigue actualizando a medida que cambia el diseño original de menéame.

Prototipos

Imágenes que en las que se ha basado este diseño:

Créditos

Una (creo que pequeña) parte está heredada del código CSS de 2008 de menéame (sobre todo las partes de la fisgona, microfisgona, etc.) escrito por Ricardo Galli, Benjamí Villoslada y Damián Vila bajo licencia Affero GPL.

Para desactivar los estilos el script de Greasemonkey utiliza parte del código de Alternative Style: Working With Alternate Style Sheets.

En ".news-body .comments a" se utiliza un icono de Silk Icons (famfamfam).

ashacz me pasó el enlace que explicaba cómo instalarlo en Opera.

Barredo comentó cómo instalarlo en Safari.

Contacto

Comentarios, problemas, sugerencias, etc. a través de correo electrónico a posavasos arroba gmail punto com o utilizando el formulario de contacto.