20 Marzo 2009

Cambia la apariencia de Facebook con Stylish

Si todavía no has oido hablar de Stylish, se trata de una extensión para Firefox que permite aplicar estilos personalizados a sitios web, algo que en algún momento le llamé el Greasemonkey de las CSS. En userstyles.org podemos encontrar montones de estilos visuales creados por usuarios y que podemos utilizar teniendo instalada esta extensión.

Para el caso de Facebook existen varios de ellos, pero he seleccionado cinco que se adaptan a la nueva versión de Facebook y son los que siguen:

Vista Ultimate Skin for Facebook: ese lo he visto en este artículo y le da una apariencia al estilo Windows Vista. La barra inferior es una imitación de la barra de tareas de Windows:

Vista Ultimate Skin for Facebook

Facebook - Dark Shiny Blue, transparency: si estas aburrido de la apariencia y te gusta el azul puedes probar este (hay un estilo similar a este para Gmail, del mismo autor):

Facebook - Dark Shiny Blue, transparency

Facebook - Green colour 2009: de fondo verde, con transparencias:

Facebook - Green colour 2009

Facebook - Pink & love Skin: similar al anterior, en tonos rosa y transparencias:

Facebook - Pink & love Skin Tranparant

Facebook - Spring Skin: con motivo primaveral:

Facebook - Spring Skin

Para poder utilizar estos estilos es necesario tener instalada la extensión Stylish, que puedes instalar en este enlace.

A pesar de que me gustan los skins oscuros no he visto ninguno que funcione bien con la nueva versión de Facebook. Lo bueno de esto es que no es complicado crear estilos tomando como base el código de otro. Incluso crearlos desde cero no es complicado pero se aprende bastante modificando otras hojas de estilo. Solo necesitas conocer algo básico de CSS y el resto es imaginación.

23 Julio 2007

No más Snapshots en Firefox

Seguramente muchos de ustedes conocen a Snapshots, el sistema más conocido para previsualizacón de sitios web, el cual nos permite ver en un pequeño popup el sitio web al cual hace referencia un link, al pasar el puntero del mouse sobre el mismo.

Si bien muchos blogs o sitios web incluyen este sistema, puede resultar molesto que cada vez que apuntamos a un enlace nos aparezca un popup de este tipo. En Cristalab han realizado un artí­culo donde nos muestran como eliminar los Snapshots en Firefox utilizando la extensión Stylish, y que vemos a continuación:

Lo primero que debemos hacer es instalar Stylish, la extensión para Firefox que nos permite aplicar estilos personalizados para los sitios web. Puedes instalarla a continuación:

Instalar Stylish

Una vez instalada, damos clic con el botón derecho del mouse en el icono de Stylish (en la barra de estado) y luego clic en Administrar estilos…

Luego damos clic en el botón Escribir… para crear un nuevo estilo. en la descripción podemos poner cualquier cosa, como “Muerte a snapshots” y escriben el siguiente código:

Por último damos clic en Guardar y listo. No más Snapshots en Firefox.

22 Junio 2007

Google al estilo deviantART en Firefox

Así­ es como luce la página de Google si utilizamos el diseño deviantART Google, que le da una apariencia al estilo del sitio de deviantART. Lo menos, le da una apariencia diferente y curiosa al buscador, reemplazando el clásico diseño de Google que puede llegar a cansar.

Para aplicar este diseño necesitas disponer de la extensión Stylish para Firefox, la cual permite aplicar estilos personalizados a las páginas web. Puedes instalarla a continuación:

Instalar Stylish

Luego basta con ir al sitio de deviantART Google y das clic en el botón Load into Stylish. Aparecerá el siguiente diálogo:

Damos clic en el botón Guardar y listo. Ahora al entrar a Google notarás el cambio. Si bien prefiero el estilo Dark Blue para Google, no deja de ser una opción :)

Ví­a :: Xyberneticos | Vagabundia
Enlace :: deviantART Google

18 Abril 2007

Mejora el aspecto de Google Reader con Firefox

Hace un tiempo les habí­a comentado acerca de un estilo personalizado de Google Reader para utilizar con Firefox, aprovechando al máximo la pantalla. Ahora de la mano de Hicksdesign tenemos un nuevo estilo para Google Reader, dándole una apariencia mas clara y con un toque Mac, como vemos en la imagen. Apenas lo instalé me resulto todo un cambio, pero luego de un rato me acostumbré y lo estoy utilizando. Tiene un aspecto bastante interesante.

Para ponerlo en marcha es necesario disponer de la extensión Stylish. Si no la tienes instaladao, puedes hacerlo a continuación:

Instalar Stylish

Luego descargamos la hoja de estilo desde el siguiente enlace:

Descargar gReader

Y lo instalamos como sigue:

  • El archivo se encuentra en formato .zip, por lo que debemos descomprimirlo y luego buscar el archivo ‘greader.css‘ que se encuentra en la carpeta ‘Firefox + Camino‘.
  • Abrimos ‘greader.css’. Seleccionamos el texto y lo copiamos.
  • Damos clic en el icono de Stylish (en la barra de estado) y luego en ‘Escribir estilo‘ - ‘Para esta dirección…‘.
  • Por último pegamos el texto y lo guardamos, agregándole una descripción.

Verán enseguida el cambio de look. Les recomiendo darle una prueba, porque realmente está interesante.

Enlace :: Hicksdesign

Más estilos para Styilish y Firefox

02 Marzo 2007

Personaliza Google y YouTube con Stylish

Que les parece la página de Google con una apariencia dark? Aparte de gustos, lo cierto es que si Google tuviese el fondo de la página en color negro se ahorrarí­an unos cuantos Megawatts, ya que Google recibe alrededor de 200 millones de consultas diarias. Una página con todo el fondo blanco consume alrededor de 74 watts, mientras que una página con el fondo negro, unos 59 watts. A escala global es un ahorro de energí­a.

En Valacar’s Webpages han realizado unos estilos para Stylish que le cambian la apariencia a Google y YouTube dándole un aspecto dark. Para utilizarlos lo mejor es tener la extensión Stylish, que nos permite aplicar hojas de estilos personalizadas a las páginas, y con la posibilidad de activarlas y desactivarlas a nuestro gusto. Si aun no la tienes instalada, puedes hacerlo a continuación:

Instalar Stylish

Una vez instalada la extensión y reiniciado el navegador, procedemos a instalar los estilos personalizados:

En cada caso deben hacer clic en el botón ‘Load into Stylish‘ para agregarlos. Les aparecerá el código del estilo donde podrán modificarlo si quieren y luego le dan clic en ‘Guardar’. Para el caso de Google y Google Images tendrán que modificar la hoja de estilo agregando los prefijos .es, .ar, .uy (o el que sea correspondiente a tu paí­s) en las direcciones, ya que viene de forma predeterminada para google.com.

Pueden encontrar estos estilos y muchos más en userstyles.org.

Más sobre Stylish