Geckozone

Forums d'assistance et de discussion sur les logiciels produits par Mozilla ou créés à partir des technologies Mozilla. Ce site ne dépend pas de la fondation Mozilla et est maintenu par un collectif de bénévoles.
https://forums.mozfr.org/

Modifier un théme.

https://forums.mozfr.org/viewtopic.php?t=74262

Page 1 sur 2

Modifier un théme.

Publié : 06 avr. 2009, 17:00
par Shadows™
bonjours a toutes et a tous,
Voila plusieurs jours que j'essaye de trouver l'endroit ou modifier ses menus au niveau de la couleur mais je ne trouve pas.
Je voudrais un couleurs blanche pour ses menu de préférence en espérant une réponse de votre part je vous remercie d'avance.
Voir le problème ci-dessous:

Image


Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.8) Gecko/2009032609 Firefox/3.0.8 MEGAUPLOAD 1.0

Publié : 06 avr. 2009, 19:27
par nico@nc
Bonsoir,

Tu peux le faire très simplement avec le fichier userChrome.css si tu ne souhaite pas le redistribuer par la suite. La modification persistera en plus même après une mise à jour du thème. Mode d'emploi : http://www.geckozone.org/forum/viewtopic.php?t=55281 et exemples de codes : http://www.geckozone.org/forum/viewtopic.php?t=28965.

édité... je viens de voir que c'est bien pour faire un thème : http://www.geckozone.org/forum/viewtopic.php?t=74226. Tu dois pouvoir trouver dans les fichiers css du thème une ligne spécifiant la couleur de la barre ; s'il n'y en a pas, il faudra l'ajouter sur le modèle de celles du userChome.css (les liens précédent pourront donc t'être utile, voir notamment les informations sur l'inspecteur DOM dans le deuxième pour trouver l'id de la barre).

Publié : 06 avr. 2009, 21:16
par Invité
Merci pour ta réponse,si j'ai bien compris il faut crée le fichier userchrome.css nn?

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.8) Gecko/2009032609 Firefox/3.0.8 MEGAUPLOAD 1.0

Publié : 06 avr. 2009, 21:35
par nico@nc
Ça dépend de ce que tu veux faire. Si c'est modifier un thème pour le redistribuer par la suite, il faut modifier la ligne adéquate dans les fichiers du thème, je vois dans un thème que ça se trouve dans global/menu.css.

Si tu ne souhaites modifier le thème que pour toi, le fichier userChrome.css est alors le plus adapté, tu le trouvera à l'emplacement indiqué dans le message du premier lien (selon ta première version de Firefox, il faudra éventuellement le créer).

Publié : 06 avr. 2009, 21:41
par Shadows93
OK merci beaucoup,
Ps:j'ai la version 3.0.8 la derniere quoi et je trouve le fichier mais il est ecris userChrome-example au lieu de userChrome c'est normal.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.8) Gecko/2009032609 Firefox/3.0.8 MEGAUPLOAD 1.0

Publié : 06 avr. 2009, 21:48
par Shadows93
Voila tout ce qu'il y a dans le fichier Menu.css de mon thème mais le problème ces que je mis connais pas trop en css et je ces pas quelle ligne modifier peux tu m'aider s'il te plait.

Code : Tout sélectionner

/* ::::: menu/menuitem ::::: */

menu,
menuitem {
  -moz-box-align: center;
  border: 1px solid transparent;
  font: menu;
  list-style-image: none;
  -moz-image-region: auto;
  height: 22px;
}
menu,
menuitem {
  color:   MenuText ;
}
menuitem[default="true"] {
  font-weight: bold;
}
menu[disabled="true"], menuitem[disabled="true"],
menu[_moz-menuactive="true"][disabled="true"],
menuitem[_moz-menuactive="true"][disabled="true"] {
  color: GrayText;
}

menuitem.spell-suggestion {
  font-weight:bold;
}

/* ..... internal content .... */

.menu-accel,
.menu-iconic-accel,
.menu-text,
.menu-iconic-text {
  -moz-margin-start: 1px !important;
  -moz-margin-end: 6px !important;
  color: inherit;
}

.menu-text {
  -moz-margin-start: 34px !important;
  font-weight: inherit;
}

.menu-accel,
.menu-iconic-accel {
  -moz-padding-end: 1px;
  -moz-margin-start: 5px;
  color: inherit;
}

.menu-iconic-left {
  min-width: 18px;
  -moz-padding-start: 2px;
  -moz-margin-start: 2px;
  -moz-margin-end: 12px;
}
.menu-iconic-icon {
  width: 16px;
  height: 16px;
}
/* ..... menu arrow box ..... */

.menu-right {
  margin-top: 0px;
  margin-bottom: 1px;
  -moz-margin-start: 0px;
  -moz-margin-end: 6px;
  list-style-image: url("chrome://global/skin/menu/Menu-arrow.png");
  -moz-image-region: auto;
}

.menu-right[_moz-menuactive="true"] {
  list-style-image: url("chrome://global/skin/menu/Menu-arrow-hover.png");
  -moz-image-region: auto;
}

.menu-right[disabled="true"] {
  list-style-image: url("chrome://global/skin/menu/Menu-arrow-disabled.png") !important;
  -moz-image-region: auto;
}

.menu-right[chromedir="rtl"] {
  list-style-image: url("chrome://global/skin/menu/Menu-arrow-rtl.png");
}

.menu-right[chromedir="rtl"][_moz-menuactive="true"] {
  list-style-image: url("chrome://global/skin/menu/Menu-arrow-hover-rtl.png");
}

.menu-right[chromedir="rtl"][disabled="true"] {
  list-style-image: url("chrome://global/skin/menu/Menu-arrow-disabled-rtl.png") !important;
}

/* ::::: menu/menuitems in menubar ::::: */

menubar > menu {
  border: 1px solid transparent !important;
  padding: 0px 3px 0px 2px !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
menubar > menu[_moz-menuactive="true"],
menubar > menu[_moz-menuactive="true"][open="true"] 
 {
  padding: 0px 3px 0px 2px;
  background-color : #3399ff !important;
  color: HighlightText !important;
  border: 1px solid #3399ff;
}

/* ..... internal content .... */

.menubar-left {
  margin-top: 0px;
  margin-bottom: 0px;
  -moz-margin-start: 0px;
  -moz-margin-end: 2px;
  color: inherit;
}

.menubar-text {
  margin-top: 0px;
  -moz-margin-end: 4px !important;
  margin-bottom: 0px;
  -moz-margin-start: 5px !important;
  padding-top: 0px;
  color: inherit;
}

/* ::::: menu/menuitems in popups ::::: */

menupopup > menu,
popup > menu,
menupopup > menuitem,
popup > menuitem {
  max-width: 42em;
  margin-left:1px ;
  margin-right:0px ;
}

menupopup > menu[_moz-menuactive="true"],
menupopup > menuitem[_moz-menuactive="true"],
popup > menu[_moz-menuactive="true"],
popup > menuitem[_moz-menuactive="true"] {
  background: url('chrome://browser/skin/Selects1.png') center repeat-x;
  border: 1px solid #a8d8eb;
  background-color: transparent !important;
  -moz-border-radius: 3px;
  color: menutext;

}

/* ::::: menu/menuitems in menulist popups ::::: */

.menulist-menupopup > menuitem,
menulist > menupopup > menuitem,
.menulist-menupopup > menu,
menulist > menupopup > menu {
  border: 1px solid transparent;
  padding-top: 1px;
  -moz-padding-end: 15px;
  padding-bottom: 1px;
  -moz-padding-start: 2px;
  max-width: none;
  font: message-box;
  color: -moz-FieldText;
  
}

.menulist-menupopup > menuitem > .menu-iconic-left,
menulist > menupopup > menuitem > .menu-iconic-left,
.menulist-menupopup > menu > .menu-iconic-left,
menulist > menupopup > menu > .menu-iconic-left {
  display: none;
}

menulist > menupopup > menuitem[_moz-menuactive="true"] {
  border: 1px dotted #60abf0;
}

menulist > menupopup > menuitem > .menu-iconic-text {
  margin: 0 !important;
}

/* ::::: checkbox menuitem ::::: */

menuitem[checked="true"] {
  list-style-image: url("chrome://global/skin/menu/myMenucheck.png");
  -moz-image-region: rect(0px, 16px, 16px, 0px);
}
menuitem[checked="true"] .menu-iconic-left {
  margin-top:-1px !important;
  margin-bottom:-1px !important;
  margin-left:-1px !important;
  width: 22px !important;
  height: 22px !important; 

  background: url("chrome://global/skin/menu/Menu-check-Ground.png") no-repeat;
}
menuitem[checked="true"][disabled="true"] {
  list-style-image: url("chrome://global/skin/menu/myMenucheck.png");
  -moz-image-region: rect(16px, 16px, 32px, 0px);
}

menuitem[checked="true"][_moz-menuactive="true"] {
  list-style-image: url("chrome://global/skin/menu/myMenucheck.png");
  -moz-image-region: rect(0px, 16px, 16px, 0px);
}

/* ::::: radio menuitem ::::: */

menuitem[checked="true"][type="radio"] {
  list-style-image: url("chrome://global/skin/menu/myMenucheck.png");
  -moz-image-region: rect(32px, 16px, 48px, 0px);
}

menuitem[checked="true"][type="radio"][disabled="true"] {
  list-style-image: url("chrome://global/skin/menu/myMenucheck.png");
  -moz-image-region: rect(48px, 16px, 64px, 0px);

}

menuitem[checked="true"][type="radio"][_moz-menuactive="true"] {
  list-style-image: url("chrome://global/skin/menu/myMenucheck.png");
  -moz-image-region: rect(32px, 16px, 48px, 0px);
}

/* ::::: menuseparator ::::: */

menuseparator {
  margin: 3px 0px 3px 28px;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #ffffff;
}

menulist > menupopup > menuseparator,
.menulist-menupopup > menuseparator {
  margin: 5px 0 4px 0;
  border-top: 1px solid #000000;
  border-bottom: none;
}

/* ::::: autocomplete ::::: */

.autocomplete-history-popup > menuitem {
  max-width: none !important;
  font: message-box;
}

/* ::::: tree column picker ::::: */

.treecell-popupcell-menu {
  -moz-margin-start: -2px;
  list-style-image: url("chrome://global/skin/columnselect.gif");
  -moz-image-region: auto;
}
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.8) Gecko/2009032609 Firefox/3.0.8 MEGAUPLOAD 1.0

Publié : 06 avr. 2009, 21:48
par nico@nc
Personnaliser l'apparence de Firefox (user*.css) a écrit :Par défaut, ils n'existent pas, mais vous trouverez un userChrome-example.css et un userContent-example.css qui contiennent des exemples de codes mis en commentaires (voir l'explication un peu plus haut). Vous pouvez tout simplement les renommer respectivement en userChrome.css et un userContent.css à partir de votre explorateur de fichiers.

Publié : 06 avr. 2009, 21:50
par nico@nc
Shadows93 a écrit :/* ::::: menu/menuitem ::::: */

menu,
menuitem {
-moz-box-align: center;
border: 1px solid transparent;
font: menu;
list-style-image: none;
...
Mais encore ?

PS : encadre tes extraits de code des balises

Code : Tout sélectionner

 et
pour qu'ils soient plus lisibles et prennent moins de place.

Publié : 06 avr. 2009, 21:59
par Shadows93
Voila c'est fait merci pour l'astuce je savais pas comment faire.
ps: Pour la partie que tu ma donner je vois aucun code de couleur comment mis prendre alors?

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.8) Gecko/2009032609 Firefox/3.0.8 MEGAUPLOAD 1.0

Publié : 06 avr. 2009, 22:00
par nico@nc
toolbar.css en fait. Essaie ceci dans ce fichier ou userChrome.css :

Code : Tout sélectionner

#toolbar-menubar { background:#FF0000 !important; }
...en remplaçant par la couleur de ton choix (là si ça fonctionne ça va donner du rouge).

Publié : 06 avr. 2009, 22:04
par Shadows93
Ok merci pour le fichier userchrome-example.css je peux tout supprimer se qu'il y a dedans avant de le renommer en Userchrome.css ?

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.8) Gecko/2009032609 Firefox/3.0.8 MEGAUPLOAD 1.0

Publié : 06 avr. 2009, 22:07
par nico@nc
Presque :
userChrome-example.css a écrit :/*
* Ne retirez pas la ligne @namespace line -- elle est requise pour un fonctionnement correct
*/
@namespace url("http://www.mozilla.org/keymaster/gateke ... s.only.xul"); /* set default namespace to XUL */
Personnaliser l'apparence de Firefox (user*.css) a écrit :⚠ Ce fichier doit impérativement comporter la ligne suivante pour fonctionner correctement :

Code : Tout sélectionner

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

Publié : 06 avr. 2009, 22:12
par Invité
ok je ne ces comment te remercier pour les tes reponse je vien de faire ce que tu ma dit et ces l'arriere plan qui est devenu rouge et non les ecriture
Y a pas une autre soluce?

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.8) Gecko/2009032609 Firefox/3.0.8 MEGAUPLOAD 1.0

Publié : 06 avr. 2009, 22:15
par nico@nc
Oups, essaie avec color au lieu de background (et #fff pour le blanc).

Publié : 06 avr. 2009, 22:24
par Shadows93
Je vien de faire ce que tu ma dit remplacer background par color et mettre #FFFFFF mais sa a rien fait.
Ps:Dsl de t'ennuyer.
Y a pas un autre moyen?

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.8) Gecko/2009032609 Firefox/3.0.8 MEGAUPLOAD 1.0
Fuseau horaire sur UTC+02:00
Page 1 sur 2

Développé par phpBB® Forum Software © phpBB Limited

Traduction française officielle © Qiaeru