Taille icônes Barre perso

[Topynou]

OK, je ne vois plus rien qui cloche dans mon " recopiage " maintenant mais le souci demeure.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.3) Gecko/2008092417 Firefox/3.0.3

[ottomar]

re!

je signe : ça marche trés bien et je persiste !
as-tu bien la ligne magique dans ton userChrome ?
et vérifie bien dans le dossier chrome de ton profil que userChrome.css a bien été enregistré par windows sous ce nom et pas sous userChrome.css.txt comme ça peut arriver !

Zrffntr raiblé nirp : Zbmvyyn/5.0 (K11; H; Yvahk v686; se; ei:1.9.0.3) Trpxb/2008092416 Sversbk/3.0.1931

[Topynou]

Je n'ai aucun doute là dessus, je pense que c'est moi qui n'ai pas compris quelque chose.

Qu'est ce que " la ligne magique " ??

Sinon mon userChrome est bien enregistré, pas de problème

Merci à toi

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.3) Gecko/2008092417 Firefox/3.0.3

[Invité]

saluts

ton fichier userChrome.css doit impérativement commencer par la ligne :

Code : Tout sélectionner

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

peux-tu nous afficher ton userChrome qu'on y mette le doigt ?

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.17) Gecko/20080829 Firefox/2.0.0.17

[Topynou]

ok, voila, ainsi qu'une capture du résultat montrant que la place des icônes semble bien leur être réservée mais qu'elles n'apparaissent plus ( les 2 de gauche ne font pas partie de la barre perso, c'est une extension qui permet d'ouvrir des applications extérieures, et je voudrais justement harmoniser la taille des icônes de la barre perso à leur droite )
Merci

Code : Tout sélectionner

/*
 * Éditez ce fichier et copiez-le comme userChrome.css dans votre
 * dossier-de-profil/chrome/
 */

/*
 * Ce fichier peut être utilisé pour personnaliser l'apparence de l'interface utilisateur de Mozilla
 * Pensez à utiliser !important sur les rÚgles qui sont destinées à prendre
 * la place des paramÚtres par défaut.
 */

/*
 * Ne retirez pas la ligne @namespace line -- elle est requise pour un fonctionnement correct
 */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */


/*
 * Quelques améliorations possibles d'accessibilité
 */
/*
 * Mettre toutes les tailles de police par défaut à 20 pt :
 *
 * * {
 *   font-size: 20pt !important
 * }
 */
/*
 * Rendre en particulier les choix de menus en 15 pt au lieu de la taille par défaut :
 *
 * menupopup > * {
 *   font-size: 15pt !important
 * }
 */
/*
 * Donner à la barre d'adresse (URL) une police à largeur fixe
 *
 * #urlbar {
 *    font-family: monospace !important;
 * }
 */

/*
 * Masquer l'indicateur d'activité et son animation :
 *
 * #throbber-box {
 *   display: none !important;
 * }
 */
 #navigator-toolbox {
-moz-appearance: none !important;
background: url("file:///D:/Graphisme/Images/Ordi/barreff04c.bmp") !important;
} 
 
tab .tab-text
{
-moz-appearance: none !important;
   font-weight: normal !important;
   color: -moz-fieldText !important;
   font-family: verdana !important;
}
.tabbrowser-tabs
{
   background-color: transparent !important;
} 
#navigator-toolbox {
   background-color: transparent !important;
}
tab {
  -moz-appearance: none !important;
}
/* change background to light blue and font colour to dark blue and not bold */
.tabbrowser-tabs > tab[selected="true"] .tab-text {
  background-color: transparent !important; /* not for FF2 */
  color: black !important;
  font-weight: normal !important;
}
#bookmarksBarContent .bookmark-item > image
{
   visibility: hidden !important;
   height: 32px !important;
}
#bookmarksBarContent .bookmark-item > label
{
   padding-left: 16px !important;
}
#bookmarksBarContent .bookmark-item[label="Ile"]
{
-moz-appearance: none !important;
      background-image: url("file:///D:/Ressources/Icônes PNG/Boutons/LH/LH1 -Play.png") !important;
      background-repeat: no-repeat !important;
      background-position: 0 !important;
}
#bookmarksBarContent .bookmark-item > image
{
   visibility: hidden !important;
   height: 32px !important;
}
#bookmarksBarContent .bookmark-item > label
{
   padding-left: 16px !important;
}
#bookmarksBarContent .bookmark-item[label="Book"]
{
-moz-appearance: none !important;
      background-image: url("file:///D:/Ressources/Icônes PNG/Boutons/LH/LH1 -Play.png") !important;
      background-repeat: no-repeat !important;
      background-position: 0 !important;
}
#bookmarksBarContent .bookmark-item > image
{
   visibility: hidden !important;
   height: 32px !important;
}
#bookmarksBarContent .bookmark-item > label
{
   padding-left: 16px !important;
}
#bookmarksBarContent .bookmark-item[label="Stéphanie"]
{
-moz-appearance: none !important;
      background-image: url("file:///D:/Ressources/Icônes PNG/Boutons/LH/LH1 -Play.png") !important;
      background-repeat: no-repeat !important;
      background-position: 0 !important;
}
#bookmarksBarContent .bookmark-item > image
{
   visibility: hidden !important;
   height: 32px !important;
}
#bookmarksBarContent .bookmark-item > label
{
   padding-left: 16px !important;
}
#bookmarksBarContent .bookmark-item[label="Monde du SP"]
{
-moz-appearance: none !important;
      background-image: url("file:///D:/Ressources/Icônes PNG/Boutons/LH/LH1 -Play.png") !important;
      background-repeat: no-repeat !important;

      background-position: 0 !important;
}
/* Agrandir icônes barre perso */
.bookmark-item > .toolbarbutton-icon
{
width: 32px !important;
height: 32px !important;
} 
/*
 * Pour d'autres exemples, voir http://www.mozilla.org/unix/customizing.html
 */

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.3) Gecko/2008092417 Firefox/3.0.3

[nico@nc]

En indiquant une l'url d'un fichier en ligne au lieu d'un sur ton ordi pour l'image, est-ce que ça fonctionne mieux ?

PS : j'ai mis le contenu de ton fichier entre balises

Code : Tout sélectionner

pour qu'il prenne moins de place et soit plus lisible.

édité... les deux becsetyeux à gauche de la barre ne correspondraient pas aux images que tu essaie de mettre ?

[Topynou]

Merci pour le code, je me demandais comment faire ça.

Ca ne fonctionne pas avec une URL non plus, je viens de tester.

Les deux icônes à gauche ne sont pas les mêmes, et elles ne font pas partie de la barre perso, mais c'est bien à côté de celles ci et de la même taille que je tente d'insérer les autres

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.3) Gecko/2008092417 Firefox/3.0.3

[nico@nc]

Bon, c'est testé... et ça ne fonctionne que pour les marque-pages "simple", pas les joyeux marque-pages dynamiques.

PS : tu peux en tout cas enlever mon

Code : Tout sélectionner

/* Agrandir icônes barre perso */
.bookmark-item > .toolbarbutton-icon
{
width: 32px !important;
height: 32px !important;
}

à la fin du fichier, et tu n'as pas besoin de répéter les

Code : Tout sélectionner

#bookmarksBarContent .bookmark-item > image
{
   visibility: hidden !important;
   height: 32px !important;
}
#bookmarksBarContent .bookmark-item > label
{
   padding-left: 16px !important;
} 

juste le bloc spécifique à chaque marque-page.

[Topynou]

Merci de t'être donné du mal. Si je comprends bien c'est donc impossible ?

Bon, c'est testé... et ça ne fonctionne que pour les marque-pages "simple", pas les joyeux marque-pages dynamiques.

Quelle est la différence stp ?

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.3) Gecko/2008092417 Firefox/3.0.3

[ottomar]

saluts
je me sens tout embrouillé !

en effet, ne marche pas pour les marque-pages dynamiques, (aussi bien ça peut pas : c'est jamais les mêmes, mais sur que tu peux y mettre la même icône à tous dans le dossier, mais on s'égare)

et n'emmêlons pas trop notre ami Topynou !
je répète : ce code marche très bien !

donc question : tes marque-pages sont-ils simples (tu cliques, ça ouvre une page) ou des dossiers de marque-pages (tu cliques, ça ouvre une liste de marque-pages) ? ne confondons pas un oeuf brouillé et une omelette, hein !
et c'est pas du tout le même code, mais on va y arriver, bordin !

ton userChrome.css propre (c'est le tien, lisibilisé !

Code : Tout sélectionner

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




#navigator-toolbox {
-moz-appearance: none !important;
background: url("file:///D:/Graphisme/Images/Ordi/barreff04c.bmp") !important;
}




tab .tab-text
{
-moz-appearance: none !important;
   font-weight: normal !important;
   color: -moz-fieldText !important;
   font-family: verdana !important;
}
.tabbrowser-tabs
{
   background-color: transparent !important;
}
tab {
  -moz-appearance: none !important;
}
/* change background to light blue and font colour to dark blue and not bold */
.tabbrowser-tabs > tab[selected="true"] .tab-text {
  background-color: transparent !important; /* not for FF2 */
  color: black !important;
  font-weight: normal !important;
}





/* une seule fois */
#bookmarksBarContent .bookmark-item > image
{
   visibility: hidden !important;
   height: 32px !important;
}
#bookmarksBarContent .bookmark-item > label
{
   padding-left: 16px !important;
}


/* une fois par marque-page simple */
#bookmarksBarContent .bookmark-item[label="Ile"]
{
-moz-appearance: none !important;
      background-image: url("file:///D:/Ressources/Icônes PNG/Boutons/LH/LH1 -Play.png") !important;
      background-repeat: no-repeat !important;
      background-position: 0 !important;
}

#bookmarksBarContent .bookmark-item[label="Book"]
{
-moz-appearance: none !important;
      background-image: url("file:///D:/Ressources/Icônes PNG/Boutons/LH/LH1 -Play.png") !important;
      background-repeat: no-repeat !important;
      background-position: 0 !important;
}

#bookmarksBarContent .bookmark-item[label="Stéphanie"]
{
-moz-appearance: none !important;
      background-image: url("file:///D:/Ressources/Icônes PNG/Boutons/LH/LH1 -Play.png") !important;
      background-repeat: no-repeat !important;
      background-position: 0 !important;
}

#bookmarksBarContent .bookmark-item[label="Monde du SP"]
{
-moz-appearance: none !important;
      background-image: url("file:///D:/Ressources/Icônes PNG/Boutons/LH/LH1 -Play.png") !important;
      background-repeat: no-repeat !important;

      background-position: 0 !important;
}

maintenant, si ce sont des dossiers, ce que nous sauront bientôt...
rajoute à la fin de ton userChrome, pour tester :

Code : Tout sélectionner

#bookmarksBarContent .bookmark-item[container="true"][label="Book"] image
{
	height: 32px !important;
	width: 32px !important;
}
#bookmarksBarContent .bookmark-item[container="true"][label="Book"] 
{
-moz-appearance: none !important;
-moz-image-region: auto !important;
	list-style-image: url("http://www.iconarchive.com/icons/turbomilk/animals/chinchilla-32x32.png") !important;	
}

Zrffntr raiblé nirp : Zbmvyyn/5.0 (K11; H; Yvahk v686; se; ei:1.9.0.3) Trpxb/2008092416 Sversbk/3.0.1931

☎ Edith
on attend les nouvelles avec impatience
et si ottomar te dit que ça marche, c'est que ça marche, boudiou ! simplement, faut savoir s'il n'y a qu'une Stéphanie dans ta vie, ou un tas ! non pas Stéphanie le tas, mais des tas de Stéphanie

[Topynou]

Bonjour,

Désolée pour ce retard, j'étais partie en vacances.

Alors, pour répondre à ta question, ce sont de simples marque-pages ! Si je comprends bien ça devrait donc marcher mais je ne vois toujours pas mes icônes.

Merci et encore toutes mes excuses

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.3) Gecko/2008092417 Firefox/3.0.3

[nico@nc]

Est-ce que ça fonctionne avec le thème par défaut ?

[Topynou]

Ah, je ne sais pas .....

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.3) Gecko/2008092417 Firefox/3.0.3

[nico@nc]

Ah, il faut essayer (Outils > Modules complementaires > Thèmes > "par défaut" > [Utiliser] > [Redémarrer]) !

[ottomar]

Topynouchoute...
tes autres machins dans le userChrome fonctionnent ?

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.9.0.3) Gecko/2008092416 Firefox/3.0.3