Cambios en los temas de Firefox 3

<noscript>

Some features of this site require JavaScript.

</noscript>

Este artículo describe los cambios hechos al actualizar al tema de Firefox para trabajar en: Firefox 3.

Nota: Se puede utilizar el artículo Actualizar temas para Firefox 3 como guía para actualizar temas.
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 en mozapps

Vea también

Message will close by itself in seconds Message timer has been stopped

Viewing Details:

Etiquetas y colaboradores del documento

 Colaboradores en esta página: DR, Omarbenyabir, Nathymig
 Última actualización por: DR,