Stylish: el Greasemonkey de las CSS | Zona Firefox

Escribe tu búsqueda:
Archivo por fechas:
Estoy probando Stylish en mi Firefox 2.0. Está muy interesante. Se trata de una extensión que nos permite modificar el aspecto de nuestro navegador y de las páginas web mediante la manipulacón de las hojas de estilo (CSS) en forma dinámica. Algo así­ como es Greasemonkey con Javascript, pero para manipular CSS. En userstyles.org hay un repositorio con estilos dividido en 3 categorí­as: para cambiar la apariencia al navegador (App styles), para modificar determinadas páginas web (Site styles), y para cambiar a todas las páginas web (Global styles). Podemos darle un aspecto dark a Youtube, modificar la apariencia y el í­cono de Google, o darle un toque a Gmail, modificar la apariencia y colores de las pestañas del navegador, entre muchas otras personalizaciones. Si no te alcanza el repositorio con más de 1.000 personalizaciones, puedes agregar tu propio estilo con un poco de conocimiento de CSS. Como empezar a utilizar Stylish? Muy fácil. Solo sigue los siguientes pasos:
1) Instala Stylish haciendo clic aquí­.

2) Luego de reiniciar el navegador, nos aparece un icono a la derecha de la barra de estado. Cuando estemos en una página, hacemos clic en el icono y elegimos “Buscar estilos para esta página“, o “Escribir estilo” si deseamos crear uno propio. Tenemos también la opción “Administrar estilos” donde podemos escribir uno nuevo, editar o eliminar los que ya tenemos o habilitar/deshabilitar estilos, además de chequear si hay actualizaciones disponibles para los estilos que tenemos instalados.

3) En userstyles.org, tenenos un botón en cada uno de los estilos disponibles que nos permite agregar el código directamente desde la página, como muestra la siguiente imagen:

Lo bueno es que los cambios se realizan dinámicamente y sin tener que reiniciar el navegador, como cuando ejecutamos Javascript. Lo que realiza esta extensión es utilizar nuestros CSS en lugar de usar los archivos userChrome.css y userContent.css.

Sin lugar a dudas, una excelente extensión. Las posibilidades de personalizacón son ilimitadas.

https://addons.mozilla.org/firefox/2108/
http://userstyles.org/stylish



5 comentarios en “ Stylish: el Greasemonkey de las CSS ”

  1. a gravatar Unai | Mozilla Firefox Mozilla Firefox 2.0.0.6 | Windows Windows XP Agosto 11th, 2007 , 19:13

    Hola, he subido a userstyles.org uno con el que podreis ver google con un fondo gris oscuro muy bonito.. Ademas esta traducido, asi que se puede usar directamente en Google.es
    Este es: http://userstyles.org/styles/3149

    espero que os guste.. Un saludo..

  2. a gravatar Nico | Mozilla Firefox Mozilla Firefox 2.0.0.6 | Windows Windows XP Agosto 11th, 2007 , 20:43

    Gracias Unai por el style. Hace un tiempo habí­a comentado sobre unos estilos similares para Google y Youtube:

    http://www.zonafirefox.net/2007/03/personaliza-google-y-youtube-con.html

    Lo bueno es que en tu caso no hay que modificarlo para que funcione en español. ;)

    Saludos y gracias por el aporte.

  3. a gravatar Aninimous Forever | Mozilla Firefox Mozilla Firefox 2.0.0.14 | Windows Windows XP Mayo 5th, 2008 , 7:04

    tengo un pequeño problema =/ no puedo entrar en userstyles.org
    aqui os pongo lo que me dice la pag
    Forbidden

    You don’t have permission to access /styles/3149 on this server.

    Additionally, a 403 Forbidden error was encountered while trying to use an ErrorDocument to handle the request.
    Apache/2.2.4 (Unix) mod_ssl/2.2.4 OpenSSL/0.9.7a DAV/2 FrontPage/5.0.2.2635 mod_bwlimited/1.4 PHP/5.2.3 mod_auth_passthrough/1.8 SVN/1.4.4 mod_python/3.3.1 Python/2.4.3 Server at userstyles.org Port 80

    que hago ?

  4. a gravatar Nico | Mozilla Firefox Mozilla Firefox 2.0.0.12 | Windows Windows XP Mayo 5th, 2008 , 10:42

    En efecto, está dando ese error al entrar a la página. Debe ser un error temporal.

  5. a gravatar noctuido | Mozilla Mozilla 1.9pre | Linux Linux Mayo 6th, 2008 , 11:41

    Está habiendo problemas con gmail la aplicación de ciertos scripts, ya que este se está modificando la página de este correo web.

    Saludos.

Deja tu comentario

XHTML: Puedes utilizar las siguientes etiquetas : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>



Keegy