Stylish, personalización de la estética de nuestros sitios favoritos

Durante mucho tiempo vemos los mismos sitios (Google, Youtube, Wikipedia) a diario, y con el pasar del tiempo uno se va aburriendo de ver los mismos diseños. Es hora de tomar riendas en este asunto. El primer paso sería instalar Stylish (una extensión para Firefox que permite cambiar el CSS de la mayoría de los sitios) y retomar la Web.

Si el usuario no esta familiarizado con Stylish, no debe preocuparse, ya que su instalación es simple y rápida. Instalar los scripts también es sencillo, aunque en algunos casos requerirá una configuración extra, dependiendo de la localización en la que estemos y el sitio al que accedamos. Por ejemplo, en mi caso, al tener que acceder a Google.com.ar con Stylish tuve que modificar algunos de los parámetros en los scripts de los skins para Google. Si se descarga algún estilo para Google y  no se presenta ninguna modificación en el mismo, es porque se está accediendo al sitio desde un país para el cual el skin no está configurado, para solucionar esto se tendrá que hacer lo siguiente:

  1. Copiar y pegar el código del estilo descargado en algún editor de texto (Microsoft Word en Windows o BBedit en Mac)
  2. Utilizar la herramienta "Buscar y reemplazar" en el editor de texto para buscar "google.com" y reemplazarla por "google.com.ar" en caso de que el usuario acceda al sitio desde Argentina por ejemplo.
  3. Copiar todo el texto nuevamente y pegarlo una vez más en el menú de Stylish.

Ahora si, pasamos a ver algunos de los estilos que esta extensión nos ofrece:

YouTube - Dark grey redisign
Comenzamos con este ya que es uno de los mas descargados. Nos permitirá cambiar la apariencia standard de YouTube a una de color negro. Como su título dice, le da a la página una tonalidad oscura, logrando una excelente combinación entre tonalidades oscuras y algunos de los botones del sitio, que son de color rojo. Este tema nos cambiará la apariencia, no sólo de la página principal, sino de todo el sitio. Al elegir un video para ver, podremos observar como todo el sitio mantiene las tonalidades oscuras al igual que en la página principal. Hay que admitir que YouTube se hará mucho más agradable a la vista.

Google Web Search - Dark blue redisign
Creo que somos muchos los que usamos Google par buscar cualquier tipo de información en la Web. Si bien muchas veces podemos encontrarnos con nuevos diseños en el logotipo de Google modificado, el sitio en si, puede llegar a aburrirnos con su fondo blanco. Dark blue redisign le dará al sitio un color azul oscuro de fondo, lo que a mi parecer, lo hace mucho más atractivo a la vista.

Google Web Search - Grey logo replacement
Habiendo instalado Dark blue redisign, veremos a Google con un fondo azulado, atractivo a la vista, pero creo que si le agregamos un toque de plateado, lograremos obtener una espectacular interfaz, más agradable a la vista aún. Grey logo replacement, cambiará el skin básico del logotipo de Google por uno de color plateado. Es recomendable poner este skin habiendo instalado primero el Dark blue redisign para tener un fondo que contraste bien con el logotipo plateado.

Google Image Search - Dark grey redisign
Dark grey redisign es muy similar a Dark blue redisign, pero posee dos diferencias. En primer lugar, no es de color azul, sino de color gris oscuro y negro y en segundo lugar, a diferencia de la ya nombrada Dark blue, éste skin modificará la interfaz de la pantalla de búsqueda de imágenes de Google.

Wikipedia - Grey lady look
Muchas veces hemos recurrido a Wikipedia en busca de información y nos hemos vuelto un poco locos con todas las columnas y opciones que tenemos como por ejemplo para editar artículos. Grey lady look ordenará todas las opciones del sitio y le dará, al artículo seleccionado, una apariencia adecuada a Firefox para poder ser leído cómodamente. Algunos de los cambios que veremos son:

  • Cambia la apariencia básica y monótona a una más agradable y con diseño de enciclopedia
  • Agranda la fuente de los artículos (estilo Serif) en una tonalidad gris
  • Se re-organizarán los menús y títulos (no serán eliminados)
  • Reduce el tamaño de los vínculos al mismo artículo seleccionado pero en otro idioma

Es importante tener en cuenta que estos son sólo algunos de los estilos que Stylish nos ofrece. En caso de querer buscar más estilos, deberemos visitar el sitio oficial y descargar los que nos gusten. Esta extensión es altamente recomendable para quienes le dan importancia a la interfaz de los sitios que visita.

Stylish-0.PNGStylish-1.PNGStylish-2.PNG
Stylish-3.PNGStylish-4.PNGStylish-5.PNG
agrandarHaga clic sobre las imagenes para agrandarlas

Promedio: 5 (5 votes)

Responder

El contenido de este campo se mantiene como privado y no se muestra públicamente.
  • Las direcciones de las páginas web y las de correo se convierten en enlaces automáticamente.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • You may post code using <code>...</code> (generic) or <?php ... ?> (highlighted PHP) tags.
  • Potentially problem-causing HTML tags are filtered.
  • Saltos automáticos de líneas y de párrafos.
  • You may quote other posts using [quote] tags.

Más información sobre opciones de formato