Modifier un théme.

Shadows · Message par **Shadows** » 06 avr. 2009, 17:00

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:

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

Message par **nico@nc** » 06 avr. 2009, 19:27

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).

Invité · Message par **Invité** » 06 avr. 2009, 21:16

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

Message par **nico@nc** » 06 avr. 2009, 21:35

Ç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).

Shadows93 · Message par **Shadows93** » 06 avr. 2009, 21:41

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

Shadows93 · Message par **Shadows93** » 06 avr. 2009, 21:48

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

Message par **nico@nc** » 06 avr. 2009, 21:48

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.

Message par **nico@nc** » 06 avr. 2009, 21:50

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.

Shadows93 · Message par **Shadows93** » 06 avr. 2009, 21:59

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

Message par **nico@nc** » 06 avr. 2009, 22:00

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).

Shadows93 · Message par **Shadows93** » 06 avr. 2009, 22:04

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

Message par **nico@nc** » 06 avr. 2009, 22:07

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");

Invité · Message par **Invité** » 06 avr. 2009, 22:12

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

Message par **nico@nc** » 06 avr. 2009, 22:15

Oups, essaie avec color au lieu de background (et #fff pour le blanc).

Shadows93 · Message par **Shadows93** » 06 avr. 2009, 22:24

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

Geckozone

Modifier un théme.

Modifier un théme.

Qui est en ligne ?