Some features of this site require JavaScript.
Este artículo describe los cambios hechos al actualizar al tema de Firefox para trabajar en: Firefox 3.
Si alguien con experiencia en la creación de temas quisiera escribir algún artículo, adelante!
Los cambios del navegador requieren actualizar los temas
Existen diversos archivos que fueron cambiados o borrados del navegador que pueden requerir que realices cambios a tu tema. La siguiente tabla muestra tanto el archivo XUL cambiado como el archivos CSS correspondientes al tema que debes de actualizar.
Filename | CSS File | Details |
Cambios en el tema por defecto
La siguiente tabla muestra los cambios hechos en el tema por defecto de Firefox 3; puedes utilizar esta información como apoyo para tener una idea de los cambios que necesitas hacer.
Lista de todos los archivos
En todas las plataformas
Archivo | Descripción del cambio |
browser/themes/*/browser/browser.css | El ancho del indicador del 'drag and drop' ya no es calculado durante el arrastre (tabbrowser.xml). En vez de eso la propiedad '-moz-margin-start' debe ser agregada a .tab-drop-indicator-bar, con el valor de la mitad del ancho de la imagen indicadora. También, la visibilidad del indicador ahora es controlada is now controlled by setting collapsed in tabbrowser.xml. Como resultado, la propiedad 'display' debe ser eliminada de .tab-drop-indicator-bar (incluyendo for dragging="true"). |
En Mac OS X
Archivo | Descripción del cambio |
browser/themes/pinstripe/browser/tabbrowser/tabDragIndicator.png | Se removieron los pixeles blancos superfluos de los bordes, por lo tanto la imagen es más pequeña. Puede o no afectar a otros temas Mac que lo usen. |
browser/themes/pinstripe/browser/browser.css | .tabbrowser-tab[first-tab="true"] > .tab-image-left ya no tiene un margin-left. En vez de eso .tabs-left now displayed and given the same width as the former margin-left. It was already done this way in Winstripe. |
Cambios en browser
Cambios en global
En todas las plataformas
El fondo amarillo para la barra de dirección es obsoleto; en lugar de ello, los temas deben darle formato al nuevo elemento #identity-box
dependiendo de su clase verifiedDomain
/verifiedIdentity
.
El botón Ir ahora está localizado dentro de la barra de dirección, por lo tanto su imagen (chrome://browser/skin/Go-arrow.png
) tiene que ser más pequeña. El código requerido para mostrar y ocultar el botón Ir y otros iconos de la barra de dirección es:
#urlbar[pageproxystate="invalid"] > #urlbar-icons > :not(#go-button) , #urlbar[pageproxystate="valid"] > #urlbar-icons > #go-button { visibility: collapse; }
Imágenes agregadas
Agrega las siguientes imágenes:
chrome://global/skin/icons/information-16.png
- Utilizada cuando se presentan avisos de información.
chrome://global/skin/icons/warning-16.png
- Utilizada cuando de muestran alertas.
Imágenes eliminadas
Las siguientes imágenes fueron eliminadas:
chrome://mozapps/skin/extensions/question.png
- Ya no es utilizada.
En Mac OS X
Los temas de Mac OS X para Firefox 3 deben agregar estas dos clases al final del archivo chrome://global/skin/wizard.css
:
.wizard-buttons-btm { padding: Xpx; } .wizard-label-box { display: none; }
El valor numérico de X, el número de pixeles de relleno (padding) en .wizard-buttons-btm
, debe ser el mismo valor que el de el margen para .wizard-buttons-box-2
.
Cambios de imágenes
chrome://global/skin/icons/loading_16.gif fue reemplazado por chrome://global/skin/icons/loading_16.png .
Cambios en mozapps
Vea también
Viewing Details: