Modificar y personalizar el Throbber en Firefox

Publicado: marzo 28, 2009 en Firefox

*En Firefox 29 con la interfaz Australis queda eliminado el Throbber.

Por si alguno no lo sabe,  el Throbber está situado en la parte superior derecha del navegador (versiones anteriores a Firefox 3.5).   tiene forma de círculo, y la imagen gif nos da la sensación de giro cuando se está cargando una página.Dependiendo del tema del navegador puede tener una forma u otra. A su vez este lo podemos cambiar de sitio, hcer apaarecer, o bien ocultar desde el menú Ver–> Barras de Herramientas–> Personalizar… –> arrastrar desde la ventana de iconos.

Para modificarlo primero necesitamos dos imágenes gif de como máximo 16×16 pixeles, una fija y otra en movimiento. Yo por ejemplo he excogido como fija esta, y como imágen gif en movimiento esta. Una vez nos dirijamos a cada una de las imágenes, haremos clic derecho del ratón sobre la imagen–> Guardar imagen como… y no debemos olvidar la ruta en dónde la alojemos en mi caso y en Linux,  las he ubicado en  /home/[usuario]/imagenes/smilie_firefox.gif y la otra en movimiento en  /home/[usuario]/imagenes/_fire__by_zacthetoad.gif (en windows o mac igualmente tienen que poner la ruta).

Edito la carpeta userChrome.css que creamos en nuestro perfil y con el ejemplo (cada uno tendrá un nombre de usuario y tal vez haya ubicado la descarga en otra ruta y con otro tipo de gif) añado estas líneas dejando un reglón de separación respecto al anterior, insertando la ubicación del fijo en la primera y tercera dirección y el del gif en movimiento en la segunda y cuarta dirección:

/* Personalizar el Throbber */
#navigator-throbber {
list-style-image:url(“file:///home/usuario/imagenes/smilie_firefox.gif”) !important;
}
#navigator-throbber[busy=”true”] {
list-style-image:url(“file:///home/usuario/imagenes/_fire__by_zacthetoad.gif”) !important;
}
toolbar[iconsize=”small”] #navigator-throbber,
toolbar[mode=”text”] #navigator-throbber {
list-style-image:url(“file:///home/usuario/imagenes/smilie_firefox.gif”) !important;
}
toolbar[iconsize=”small”] #navigator-throbber[busy=”true”],
toolbar[mode=”text”] #navigator-throbber[busy=”true”] {
list-style-image:url(“file:///home/usuario/imagenes/_fire__by_zacthetoad.gif”) !important;
}

Guardamos los cambios en el editor y recargamos el navegador si lo tuviésemos abierto.

comentarios
  1. […] Desaparece el Throbber como opción en la barra de herramientas. No es más que el gif que aparece cuando se carga la […]

  2. Noctuido dice:

    […] Modificar y personalizar el Throbber […]

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