Firefox. userChrome.css

Publicado: febrero 22, 2009 en Firefox, navegadores, scripts, Utilidades

¿Creías que la personalización de Firefox se limita a las extensiones y a los ajustes en el about:config? Pues no. Hay muchas más posibilidades de adaptación,  editar el UserChrome es una más de ellas.

En el perfil del navegador Firefox o Seamonkey (menú Ayuda–> Información para solucionar problemas–> Directorio de perfil–> botón “Abrir la carpeta que lo contiene)  encontramos la carpeta Chrome, si no existe la creamos. Si miramos la ruta en que encontramos el perfil de Firefox por defecto, bien desde el menú Ayuda–> Información para solucionar promemas–> Directorio de perfil–> Abrir directorio,  o bien  se situa en /home/[usuario]/.mozilla/firefox/[nombre_aleatorio_de archivo]/chrome/userChrome-example.css, este archivo debe ser renombrado si queremos editarlo y con Firefox cerrado (sin procesos del mismo). Para ello podemos renombrarlo desde el navegador de archivos o abriendo la terminal y poniendo las siguientes líneas:

su -
cd /home/[usuario]/.mozilla/firefox/[nombre_aleatorio_de archivo]/chrome/
mv userChrome-example.css userChrome.css

O si estamos en Ubuntu con los sudoers.

 sudo mv /home/[usuario]/.mozilla/firefox/[nombre_aleatorio_de archivo]/chrome/userChrome-example.css userChrome.css

Por precaución, he dejado el archivo userChrome-example.css junto con el renombrado, ya que no está de más.

Nota *En las más recientes versiones de Firefox, al crear un perfil nuevo, dentro de éste no aparece la carpeta chrome y por consiguiente hay que crearlo y dentro de él, el archivo userChrome.css, con lo que hay que crearlo, por lo demás las instrucciones son las mismas.

pantallazo-chrome

Una vez renombrado podemos añadir scripts con el fin de modificar la interfaz del navegador. En un artículo de Zona Firefox podéis encontra varios ejemplos prácticos. Entre script y script debéis dejar una línea en blanco, así como acotar la descripción entre /* y */ salvo en el último script que tengáis al que solo debe figurar */ al principio, guardamos los cambios  y al reiniciar ya dispondremos de los cambios.

Para no tener que realizar todos los pasos anteriores, en vez de usar la terminal y de una forma más automática,  os recomiendo la extensión ChromeEdit Plus, o mucho mejor usar sólamente Greasemonkey, ya que nos da un orden y una facilidad inigualables a la hora de manejar los miles de scripts que podemos encontrar en userscripts.org, tan fáciles de instalar y desistalar a un golpe de clic.😉

En otros sucesivos artículos daré cuenta de otros muchos scripts interesantes, así daros una descripción de cómo modificar el contenido y estilo de las páginas con el userContent.css.

Enlace con ejemplos varios de personalización del userChrome y userContent (en).

comentarios
  1. […] -Editar el userChrome para compactar más los espacios entre marcadores. Añadiendo estas líneas: […]

  2. […] podemos reducir el espacio entre ellos editando el userChrome.css. para ello añadimos las siguientes líneas dejando una línea en blanco desde la última línea […]

  3. […] cambiar el logotipo de “Acerca de Firefox” debemos editar el userChrome.css. Yo he insertado una dirección con esta imagen., pero podéis poner la que más os guste (avatar, […]

  4. […] Para hacer las modificaciones editamos la carpeta userChrome.css -aquí dije cómo y dónde hacerlo-. […]

  5. […] la carpeta userChrome.css que creamos en nuestro perfil y con el ejemplo (cada uno tendrá un nombre de usuario y tal vez […]

  6. […] añadir los User Scripts ya dejé las instrucciones tanto en Mozilla Firefox, como en Google Chrome – […]

  7. […] la carpeta UserChrome contiene scripts para modificar el aspecto del navegador, UserContent alberga los scripts para modificar el aspecto de las páginas web. Así pues crearemos […]

  8. […] la cual gestiona los scripts que vayamos agregando o añadirlos de forma manual al archivo UserChrome.css. Hay varios bastante útiles, pero en el tema que tocamos menciono Floating Link preview. En Google […]

  9. […] Editando el userChrome.css en el que añadiremos estas líneas: […]

  10. […] Aumentar las fuentes de las letras en la barra de direcciones modificando el userChrome.css, olvidéis que el archivo /.mozilla es un archivo oculto. Para otros sistemas operativos mirad la […]

  11. […] modificar los iconos de las carpetas editamos el archivo userchrome.css tal y como expuse en este artículo. Añadimos el siguiente código en dónde debéis sustituir lo escrito en rojo por lo que […]

  12. […] – Cambiar el tamaño desde el userChrome.css. Si no tenéis creado el archivo userChrome.css aquí expliqué cómo crearlo. […]

  13. […] un anterior artículo comenté cómo añadir user scripts a Mozilla Firefox, una de las formas más sencillas de agregarlos era con la extensión Greasemonkey, desde la que […]

  14. MarcosDavidVirtual dice:

    Tu post era la explicación que estaba buscando, gracias.

  15. […] de los iconos, barras, bordes o pestañas. Los temas completos así pues la modificación en el userChrome suele ser más profunda, dotando incluso de más funciones, o restringiendo su compatibilidad a […]

  16. Noctuido dice:

    […] userChrome.css […]

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s