Couleur des onglets

Vos requêtes concernant Mozilla Firefox, le navigateur Gecko alternatif, ne trouvèrent point de réponses lorsque vous cherchâtes ? Toute l'équipe Geckozone est prête à vous aider.

Modérateurs : Mori, myahoo, jpj, nico@nc

Freddy
Lézard à collerette
Messages : 370
Enregistré le : 15 nov. 2009, 11:37

Re: Couleur des onglets

Message par Freddy » 16 sept. 2019, 18:49

Pas trop le temps d'y regarder ce soir :| mais as-tu bien copier/coller tout le code complet que j'ai donné ?
Voici ce que ça donne chez moi, sur un profil tout neuf:
Image
-en vert = onglet sélectionné
-en texte rouge = onglets non lus
- en texte blanc = onglets lus

vinces
Lézard à collerette
Messages : 214
Enregistré le : 05 nov. 2003, 01:16

Re: Couleur des onglets

Message par vinces » 17 sept. 2019, 00:38

Avec un profil neuf (pas d'extensions) voici ce que ton code me donne;

Image

L'onglet actif est bien en vert mais les onglet a droite sont tous non lu mais ne sont pas colorés (ni le fond, ni le texte)

Freddy
Lézard à collerette
Messages : 370
Enregistré le : 15 nov. 2009, 11:37

Re: Couleur des onglets

Message par Freddy » 19 sept. 2019, 15:16

Pas facile de voir d'où ça vient vu que je peux pas reproduire ce qui t'arrive.
Y aurai bien eu la solution de demander à d'autres utilisateurs pour voir ce qu'il en est, mais bon je viens de voir que GlopGlop est dans le même cas que toi, donc... :-?

Peut-être à voir si déjà, en essayant simplement avec ce qui bloque voir ce que ça donne, donc de ne coller que (et uniquement) la règle suivante:

Code : Tout sélectionner

/* Apparence des onglets non lus */
#TabsToolbar .tabbrowser-tab[pending] .tab-label{
color: red !important;
font-style: italic !important;
}


Après je vois pas trop...
Vraiment pour pas capituler, j’essaierai pourquoi pas en agissant à l'inverse, càd d'agir sur les onglets lus:

Code : Tout sélectionner

/* Apparence des onglets non lus */
#TabsToolbar .tabbrowser-tab:not([pending]) .tab-label{
color: red !important;
font-style: italic !important;
}


sinon ça

Code : Tout sélectionner

/* Apparence des onglets non lus */
#TabsToolbar .tabbrowser-tab[pending="true"] .tab-label{
color: red !important;
font-style: italic !important;
}
ou encore

Code : Tout sélectionner

/* Apparence des onglets non lus */
#TabsToolbar .tabbrowser-tab[pending] .tab-label{
-moz-appearance: none !important;
color: red !important;
font-style: italic !important;
}
A voir aussi du côté de l'OS (j'en doute), dans mon cas ici c'est W7, et j'ai pas accès pour le moment à mon poste sur Linux :|
Sinon j'ai fait un test avec la version beta (fx 70) et tout est correct aussi.

GlopGlop
Varan
Messages : 1213
Enregistré le : 05 juil. 2006, 15:54

Re: Couleur des onglets

Message par GlopGlop » 19 sept. 2019, 17:17

Bonjour,
Freddy a écrit :
19 sept. 2019, 15:16
Y aurai bien eu la solution de demander à d'autres utilisateurs pour voir ce qu'il en est, mais bon je viens de voir que GlopGlop est dans le même cas que toi, donc... :-?
Exact, même résultat que vinces viewtopic.php?p=891518#p891518 (je suis sous Windows 8.1)
@Freddy
Je viens de tester tous les codes, un par un (et uniquement la règle), et tester aussi avec le code complet et la modif /* Apparence des onglets non lus */ de chaque code que tu donne, Aucun ne fonctionne comme souhaiter.
vinces a écrit :
16 sept. 2019, 18:38
J'ai essayer plusieurs combinaisons avec .tabbrowser-tab([unread] mais ça ne fonctionne pas, il doit me manquer quelque chose
il semble que [unread] ne soit plus d'actualité, mais est remplacé par [notselectedsinceload="true"] :?: vue sur plusieurs forums d’après ce que j'ai compris.
Peut-être une piste :?:
Le code ci-dessous fonctionne, mais a la condition que lorsque l'on clique sur un onglet dont le texte est en rouge il faut actualiser l'onglet pour qu'il passe en vert (onglet lu).

Code : Tout sélectionner

/* Apparence des onglets non lus */
#TabsToolbar .tabbrowser-tab[notselectedsinceload="true"] {
color: red !important;
font-style: italic !important;
}
Maintenant comment faire pour qu'il passe en vert directement quand l'on clique dessus, sans l'actualiser :?:
A+ :wink:

Edit:
Outils de développement Ctrl+Maj+I
lien direct de l'image: https://nsa40.casimages.com/img/2019/09 ... 215496.png

Image
Vous venez chercher de l'aide, alors aider les autres, penser à marquer votre message en [Résolu]
Comment ?, Explication pour mettre votre sujet en [Résolu]: clic sur ce lien: Mettre en [Résolu]

vinces
Lézard à collerette
Messages : 214
Enregistré le : 05 nov. 2003, 01:16

Re: Couleur des onglets

Message par vinces » 19 sept. 2019, 22:19

D'après ce que tu nous donnes [notselectedsinceload="true"] serait a utiliser avec d'autres arguments.

je suis sous Win 10 avec les dernieres mises a jour

Freddy
Lézard à collerette
Messages : 370
Enregistré le : 15 nov. 2009, 11:37

Re: Couleur des onglets

Message par Freddy » 20 sept. 2019, 14:20

GlopGlop a écrit :
19 sept. 2019, 17:17
il semble que [unread] ne soit plus d'actualité, mais est remplacé par [notselectedsinceload="true"] :?: vue sur plusieurs forums d’après ce que j'ai compris.
[unread] est remplacé par [pending] ,en tout cas chez moi.
Et pour ce qui est de [notselectedsinceload="true"] chez moi ça marche pas, et de toute façon ça ne correspond pas à ce qu'il faut.

Par contre j'ai pris le temps d'y regarder de plus près, et une autre solution fonctionne chez moi:

Code : Tout sélectionner

/* Apparence des onglets non lus */
#TabsToolbar .tabbrowser-tab:not([linkedpanel]) .tab-label {
color: red !important;
font-style: italic !important;
}
D'où la possibilité aussi pour l'inverse:

Code : Tout sélectionner

/* Apparence des onglets lus */
#TabsToolbar .tabbrowser-tab[linkedpanel] .tab-label {
color: red !important;
font-style: italic !important;
}

GlopGlop
Varan
Messages : 1213
Enregistré le : 05 juil. 2006, 15:54

Re: Couleur des onglets

Message par GlopGlop » 21 sept. 2019, 17:07

Bonjour,
Je viens de tester tous les codes, un par un (avec uniquement le code /* Apparence des onglets non lus */), et tester aussi avec le code complet et la modif /* Apparence des onglets non lus */ de chaque code que tu donne, Aucun ne fonctionne.
Tester sous Windows 8.1 avec Firefox Portable 69.0, Firefox Portable 69.0.1, Firefox Portable 70.0 Beta et sous Windows 7 avec Firefox 54.0, Firefox Portable 69.0 et Firefox 69.0.1, Ouf :!:
le mystère s’épaissit :!:
A+ :wink:
Vous venez chercher de l'aide, alors aider les autres, penser à marquer votre message en [Résolu]
Comment ?, Explication pour mettre votre sujet en [Résolu]: clic sur ce lien: Mettre en [Résolu]

Freddy
Lézard à collerette
Messages : 370
Enregistré le : 15 nov. 2009, 11:37

Re: Couleur des onglets

Message par Freddy » 22 sept. 2019, 15:44

Ah ok, j'ai compris, on veut me mettre la cervelle à l'envers :!: Eh ben ça marchera pas, y'arriverez pas :mrgreen:

A vérifier:
-contrôle de la pression des essuie-glaces.
-essorer plus souvent ses chaussons avant de se brosser les dents.
-éplucher correctement les nouilles avant de les congeler.
-... :shock: :shock:

Bon plus sérieusement, une capture d'écran je sais pas, mais histoire d'être bien d'accord au niveau du quoi/comment de la procédure, il faut bien avoir plusieurs onglets de présents à l'ouverture de la session de fx, je pense que ça on est d'accord ?

Sinon pour essayer d'isoler un peu mieux le problème, une solution serait d'être carrément plus radical, et donc par étape essayer ça:
:arrow: là, tous les onglets doivent être impactés:

Code : Tout sélectionner

.tabbrowser-tab  {
background-color: blue !important;
color: red !important;
font-style: italic !important;
}
:arrow: ensuite, un peu plus sélectif:

Code : Tout sélectionner

/* Apparence des onglets non lus */
.tabbrowser-tab:not([linkedpanel])  {
background-color: blue !important;
color: red !important;
font-style: italic !important;
}
Si déjà là ça bloque, alors...

GlopGlop
Varan
Messages : 1213
Enregistré le : 05 juil. 2006, 15:54

Re: Couleur des onglets

Message par GlopGlop » 22 sept. 2019, 19:42

Bonjour,
Freddy a écrit :
22 sept. 2019, 15:44
Ah ok, j'ai compris, on veut me mettre la cervelle à l'envers :!: Eh ben ça marchera pas, y'arriverez pas :mrgreen:
A vérifier:
-contrôle de la pression des essuie-glaces. Cela doit être une nouvelle fonction, je demande au mécano de vérifier :?:
-essorer plus souvent ses chaussons avant de se brosser les dents. Précise: se "brosser les dents" le matin, le midi ou le soir :?:
-éplucher correctement les nouilles avant de les congeler. Les nouilles cuites ou crues :?:
ImageImage

J'ai vérifié:
- fourrer les chaussons de nouilles et les brosser avec la brosse à dents avant de les éplucher avec les essuie-glaces puis essorer le tout pour les congeler :-? :-? , j'ai aussi fait bouillir 10 litres d'eau que j'ai congelé en cas de besoin d'eau très chaude bouillante, comme il y avait de la place dans le congélateur, j'ai congelé plusieurs sachets de trous de Ø8, Ø10 et Ø12 toujours utile d'avoir des trous préparer d'avance.
Freddy a écrit :
22 sept. 2019, 15:44
il faut bien avoir plusieurs onglets de présents à l'ouverture de la session de fx, je pense que ça on est d'accord ?
Oui, plusieurs onglets de présents à l'ouverture de la session de fx.
Donc:
Tester avec Firefox portable 69.0 (Windows 8.1)
Page d’accueil plus 3 onglets.

Teste avec le code (uniquement que le code) Freddy » 13 sept. 2019, 14:18 (1 codes)
1 Code) l'onglet sélectionner est bien en vert, les autres ne change pas.
Image
.

Teste avec le code (uniquement que le code) Freddy » 19 sept. 2019, 15:16 (4 codes)
Code 1 L'onglet sélectionner est normal, les autres ne change pas.
Image

Code 2 Texte en rouge sur tous les onglets.(si je sélectionne un autre onglet le texte reste en rouge)
Image

Code 3 L'onglet sélectionner est normal, les autres ne change pas.
Image

Code 4 L'onglet sélectionner est normal, les autres ne change pas.
Image
.

Teste avec le code (uniquement que le code) Freddy » 20 sept. 2019, 14:20 (2 codes)
Code 1 L'onglet sélectionner est normal, les autres ne change pas.
Image

Code 2 Texte en rouge sur tous les onglets (si je sélectionne un autre onglet le texte reste en rouge).
Image
.

Teste avec le code (uniquement que le code) Freddy » 22 sept. 2019, 15:44 (2 codes)
Code 1 Onglet sélectionner normal, les autres en bleu, texte en rouge sur tous les onglets.
Image
Toujours Code 1 même code(Sélection d'un autre onglet)(si je sélectionne un autre onglet il passe en normale, mais les autres (déjà lu) passe en bleu, le texte reste en rouge).
Image


Code 2 L'onglet sélectionner est normal, les autres ne change pas.
Image

Je t'appelle un docteur, spécialiser en cervelothérapie.css :lol:
A+ :wink:
Edit: mise en couleurs pour différencier les titres les codes.
Modifié en dernier par GlopGlop le 24 sept. 2019, 15:11, modifié 4 fois.
Vous venez chercher de l'aide, alors aider les autres, penser à marquer votre message en [Résolu]
Comment ?, Explication pour mettre votre sujet en [Résolu]: clic sur ce lien: Mettre en [Résolu]

vinces
Lézard à collerette
Messages : 214
Enregistré le : 05 nov. 2003, 01:16

Re: Couleur des onglets

Message par vinces » 22 sept. 2019, 23:38

Même chose les résulatats sont partiel mais on arrive pas a avoir une différence entre un onglet lu et un onglet non lu, Il y aurait-il un delais minimum d'affichage des onglets pour qu'ils passent d'un status (non lu) a un autre status (lu)

Freddy
Lézard à collerette
Messages : 370
Enregistré le : 15 nov. 2009, 11:37

Re: Couleur des onglets

Message par Freddy » 24 sept. 2019, 14:50

@GlopGlop
Merci pour toutes ces captures bien descriptives :wink:
vinces a écrit :
22 sept. 2019, 23:38
Il y aurait-il un delais minimum d'affichage des onglets pour qu'ils passent d'un status (non lu) a un autre status (lu)
non, c'est instantané.

Puisqu'on est dans les captures, je veux bien voir ce que ça donne chez vous, une comme celle-ci avec au moins 2 onglets non-lus et 2 onglets lus (ici c'est sans aucun code css, avec 4 non_lus et 3 lus) et histoire d'avoir tous les onglets sur la capture j'ai précisé "sans déplier l'arborescence"
Image

GlopGlop
Varan
Messages : 1213
Enregistré le : 05 juil. 2006, 15:54

Re: Couleur des onglets

Message par GlopGlop » 24 sept. 2019, 16:30

Bonjour,
j'ai repris les même onglet que sur ta capture.
Sans aucun code css (dossier "chrome" et fichier "userChrome.css" supprimer avant le lancement de Firefox 69.0)
3 Onglets lus (Nouvel onglet, Informations de dépannage, Couleur des onglets - Page 2 - Geckozone)
4 Onglets non lus (Firefox Private Network Privacy Notice, Privacy Notice for Firefox for Fire TV and Firefox for Echo Show, Firefox OS Privacy Notice, Options)
lien direct de l'image (grande taille): https://nsa40.casimages.com/img/2019/09 ... 646907.png
Image
A+ :wink:
Vous venez chercher de l'aide, alors aider les autres, penser à marquer votre message en [Résolu]
Comment ?, Explication pour mettre votre sujet en [Résolu]: clic sur ce lien: Mettre en [Résolu]

Freddy
Lézard à collerette
Messages : 370
Enregistré le : 15 nov. 2009, 11:37

Re: Couleur des onglets

Message par Freddy » 28 sept. 2019, 16:20

coucou,
Bon ben là je comprend pas trop d'où ça vient,mais on a pas les mêmes attributs :shock: et j'ai pas trop l'occasion de chercher,
Encore ça pourrait venir d'une extension qui modifie qqchose, mais sur un profil vierge :-?

Après d'après ta capture, je me demande pourquoi ça ne marche pas avec la proposition que tu as énoncé plus haut,
GlopGlop a écrit :
19 sept. 2019, 17:17
il semble que [unread] ne soit plus d'actualité, mais est remplacé par [notselectedsinceload="true"] :?: vue sur plusieurs forums d’après ce que j'ai compris.
Peut-être une piste :?:
Le code ci-dessous fonctionne, mais a la condition que lorsque l'on clique sur un onglet dont le texte est en rouge il faut actualiser l'onglet pour qu'il passe en vert (onglet lu).

Code : Tout sélectionner

/* Apparence des onglets non lus */
#TabsToolbar .tabbrowser-tab[notselectedsinceload="true"] {
color: red !important;
font-style: italic !important;
}

Maintenant comment faire pour qu'il passe en vert directement quand l'on clique dessus, sans l'actualiser
Je m'était permis de dire que c'était pas bon, mais parce que chez moi je l'avais pour tous les onglets, et d'ailleurs ça m'est arrivé que cette fois là pcq là il n'apparait plus du tout/jamais... :shock:

Par contre du coup je saisi pas trop ça
GlopGlop a écrit :
19 sept. 2019, 17:17
Le code ci-dessous fonctionne, mais a la condition que lorsque l'on clique sur un onglet dont le texte est en rouge il faut actualiser l'onglet pour qu'il passe en vert (onglet lu).
Si tu ne colle que ce code (désolé moi je peux pas le tester vu que j'ai pas cet attribut) ,à l'ouverture de fx tous les onglets sont rouges, sauf celui sélectionné.
Si tu sélectionne un autre onglet il ne reste plus rouge, et l'ancien sélectionné (donc le lu) n'est plus rouge non plus, non :?:

GlopGlop
Varan
Messages : 1213
Enregistré le : 05 juil. 2006, 15:54

Re: Couleur des onglets

Message par GlopGlop » 29 sept. 2019, 16:05

Bonjour,
Freddy a écrit :
28 sept. 2019, 16:20
Après d'après ta capture, je me demande pourquoi ça ne marche pas avec la proposition que tu as énoncé plus haut,
. . .
Je m'était permis de dire que c'était pas bon, mais parce que chez moi je l'avais pour tous les onglets, et d'ailleurs ça m'est arrivé que cette fois là pcq là il n'apparait plus du tout/jamais... :shock:
La cervelle va en prendre un sérieux coup :lol:
Si cela peu t'aider: https://nsa39.casimages.com/img/2018/09 ... 480497.jpg . :lol: :lol:

.
Freddy a écrit :
28 sept. 2019, 16:20
Si tu ne colle que ce code (désolé moi je peux pas le tester vu que j'ai pas cet attribut) ,à l'ouverture de fx tous les onglets sont rouges, sauf celui sélectionné.
Avec Firefox portable 69.0 (profil vierge), avec uniquement le code:

Code : Tout sélectionner

/* Apparence des onglets non lus */
#TabsToolbar .tabbrowser-tab[notselectedsinceload="true"] {
color: red !important;
font-style: italic !important;
}
Non, a l'ouverture de Firefox, il s'ouvre sur l'onglet "Nouvel onglet" (normal), mais les deux autres onglets "Informations de dépannage" et "Options" ne sont pas en rouge (donc, considérer comme lu, peut être normal puisqu’il appartiennent a Firefox :?: ).
Lien direct de l'image ci-dessous): https://nsa40.casimages.com/img/2019/09 ... 313877.png

Image

.
Freddy a écrit :
28 sept. 2019, 16:20
Si tu sélectionne un autre onglet il ne reste plus rouge, et l'ancien sélectionné (donc le lu) n'est plus rouge non plus, non :?:
Si je sélectionne un autre onglet, il reste rouge.
Lien direct de l'image ci-dessous): https://nsa40.casimages.com/img/2019/09 ... 173569.png
Image

.
Après actualisation de l'onglet (passe en lu).
Lien direct de l'image ci-dessous): https://nsa40.casimages.com/img/2019/09 ... 544139.png
Image

et reste en lu si je sélectionne un autre onglet.
Lien direct de l'image ci-dessous): https://nsa40.casimages.com/img/2019/09 ... 312036.png
Image

Je ne sais pas s'il existe un forum spécialiser sur le CSS/Firefox :?:
vinces pourrait y poser la question sur le problème :?:
A+ :wink:
Vous venez chercher de l'aide, alors aider les autres, penser à marquer votre message en [Résolu]
Comment ?, Explication pour mettre votre sujet en [Résolu]: clic sur ce lien: Mettre en [Résolu]

Freddy
Lézard à collerette
Messages : 370
Enregistré le : 15 nov. 2009, 11:37

Re: Couleur des onglets

Message par Freddy » 04 oct. 2019, 13:21

Ok, ben vu comme ça, je lâche l'affaire :|
Perso je garde ce code actif chez moi pcq vu le nombre d'onglets ouverts, ça m'est bien pratique finalement 8-)

Je verrai plus tard si j'ai 100€ à donner par télépathie dans le cas où mon cerveau me lâche :mrgreen: (décidément à Nice la télépathie ça fait des miracles, y en a un qui devait payer ses impôts par télépathie aussi... :mrgreen: STOP pas de politique ici :wink: )

Répondre

Qui est en ligne

Utilisateurs parcourant ce forum : Aucun utilisateur enregistré et 2 invités