Comunidad de diseño web y desarrollo en internet

Firefox 4: Reducir el tamaño botón naranja de "Firefox"



Me encanta como va quedando Firefox 4, con un aspecto muy a la Chrome, algo que me gustó en cierto modo aunque no del todo fue el gran botón naranja en la esquina superior izquierda que pretende remplazar a la barra de menú de un modo mas amigable para el usuario común, en si la idea es buena pero me inquieta la cantidad de espacio que ocupa comparado con soluciones similares como la de Microsoft Office y su "Orb", cambio similar al de Windows donde eliminaron el "Start" y dejaron el icono.

Es por esto que me decidí por hacer del botón de FF un poco mas parecido a los ejemplos anteriores llegando hasta el resultado que pueden ver en la imagen, hay dos formas de conseguir el botón, la complicada y la que no funciona como debería:

La forma complicada sería hacerte hasta tu perfil de Firefox y crear un nuevo documento, dentro de el agregar las lineas que hacen el truco, algo tedioso pero también tenemos a Stylish, este plugin para Firefox que sirve para modificar el CSS de cualquier sitio (o incluso del mismo navegador como en este caso).

Yéndome por la segunda opción, he creado un style que debería funcionar con un solo click pero por lo menos a mi no me funciona (si ustedes pueden instalarlo me vendría bien que lo comentaran), aun así se puede crear el nuevo estilo rápidamente, para esto basta con darle click al botón de Stylish debajo a la derecha del navegador y escribir un nuevo estilo en blanco (Write new style/blank style...) esto no abrirá una nueva ventana en la que colocaremos lo siguiente:

Name:

FF4 Little Button


Estilo:

Código :

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
#appmenu-button {list-style-image: url("chrome://branding/content/icon16.png")!important;padding:1px 5px 1px 5px!important;min-width:43px!important;width:43px!important;}
#appmenu-button .button-text{color:transparent!important;text-shadow:none!important;margin-left:-27px!important;margin-right:-33px!important;}


Al dar click en Save para guardar los cambios probablemente el botón haya cambiado como era previsto pero dejando un espacio vacío entre el y las pestañas, solo basta con cerrar todas las pestañas y volver a abrirlas (Ctrl-W / Ctrl-shift-T) para que el espacio sea recuperado por las pestañas.

De este modo habremos recuperado unos cuantos pixeles en la UI que agradecerá cualquier tab-holic.

¿Sabes SQL? ¿No-SQL? Aprende MySQL, PostgreSQL, MongoDB, Redis y más con el Curso Profesional de Bases de Datos que empieza el martes, en vivo.

Publica tu comentario

o puedes...

¿Estás registrado en Cristalab y quieres
publicar tu URL y avatar?

¿No estás registrado aún pero quieres hacerlo antes de publicar tu comentario?

Registrate