Geckozone

pmic a écrit :Ton nouveau code fonctionne très bien, en faisant comme cela, il laisse la part libre à TMP
Mais je préférais autant qu'il laisse la part libre à ce code

Code : Tout sélectionner

    /* Color of active tab */
    tab[selected="true"] {
    background-image: Gold !important;
    color: Purple !important;
    font-weight: bold !important;
    font-size: medium !important;
    }   

Je veux dire que l'onglet actif soit en fond "Gold" avec le texte en "Purple" et le reste ...
Que ce soit l'onglet "Gmail" ou un autre

Freddy a écrit :Ton code ne fonctionne pas car la valeur de la propriété background-image n'est pas reconnue et n'est donc pas prise en compte.
Il faut apporter la petite modif suivante:

Code : Tout sélectionner

    /* Color of active tab */
    tab[selected="true"] {
    background-image: linear-gradient(gold, gold) !important;
    color: Purple !important;
    font-weight: bold !important;
    font-size: medium !important;
    } 

pmic a écrit :Bonjour

Avec ce code c'est bon
Il faut désactiver la gestion des MP activés dans TMP car autrement il s’opère un conflit
Ce qui est logique

Cependant cela n'agit pas sur les MP qui ont déjà été codés avec les instructions précédentes (Gmail)

J'ai donc modifié mes codes de cette façon

Code : Tout sélectionner

	.tabbrowser-tab[label*="Gmail"]
{ 
/*====Couleur du fond====*/
background-image: linear-gradient(rgba(5, 51, 31, 0.8), ForestGreen 80%) !important;
    
/*====Couleur du texte====*/ 
color: yellow !important;
font-weight: bold !important;
font-size: medium !important;
}
	
	 .tabbrowser-tab:not([selected])[label*="Gmail"]
{ 
/*====Couleur du fond====*/
background-image: linear-gradient(rgba(5, 51, 31, 0.8), ForestGreen 80%) !important;

/*====Couleur du texte====*/ 
color: brown !important;
font-weight: bold !important;
font-size: small !important;
font-style: oblique !important;

Cela me permet de bien différencier l'onglet actif
Mais par-contre cela m'oblige à créer 2 codes pour chaque MP paramétré
Mais je suppose qu'il n'y a pas d'autre moyen

A+

Freddy a écrit : /*======================================================*/
/******************** Couleur de l'onglet Gmail **************************/

.tabbrowser-tab:not([selected])[label*="Gmail"]
{
séance de maquillage perso
}

/*======================================================/
/******************* Couleur de l'onglet ACTIF ***************************/
/********** (valable pour tous les onglets, quel qu'il soit) ***********/

tab[selected="true"]
{
séance de maquillage perso
}

pmic a écrit :et je ne voudrais surtout pas te déranger davantage, il ne faut pas que tu te prennes la tête pour le reste.

pmic a écrit :S’agissant des couleurs, elles sont sans importance, jaune, vert, Bleu, à chaque fois que je modifie mon UserChrome, j’en profite pour faire des essais de couleurs car je veux paramétrer plusieurs onglets.

pmic a écrit :Puisque tu me dis que pour toi c’est possible, Je vais donc reprendre mes codes pour voir d’où peut venir le problème, sans doute une erreur de ma part dans l’adaptation de tes codes.

pmic a écrit :En fait je ne suis pas rentré dans les détails parce que je ne voyais pas d’utilité de le faire, mais j’aurais peut être du le faire….

.tabbrowser-tab[label*="Gmail"] .tab-background-end:after
        { content: "Je met c'que j'veux" !important; }

.tabbrowser-tab[label*="Gmail"] .tab-background-end:after
        { content: "NomSignificatif" !important; }

[label*="NomSignicatif"]

       .tabbrowser-tab[selected][label*="ComptePerso@gmail.com"]
    {
    /*====Couleur du fond====*/
    background-image: linear-gradient(rgba(5, 51, 31, 0.8), ForestGreen 80%) !important;
       
    /*====Couleur du texte====*/
    color: yellow !important;
    font-weight: bold !important;
    font-size: medium !important;
    }
       
        .tabbrowser-tab:not([selected])[label*="ComptePerso@gmail.com"]
    {
    /*====Couleur du fond====*/
    background-image: linear-gradient(rgba(5, 51, 31, 0.8), ForestGreen 80%) !important;

    /*====Couleur du texte====*/
    color: brown !important;
    font-weight: bold !important;
    font-size: small !important;
    font-style: oblique !important;
    }

[label*="ComptePerso@gmail.com - Gmail"]

Ah oui en effet je pense.

Je pense avoir compris ta demande, mais y a avant tout qqchose qui m’interpelle, pcq je fini par douter de ce qu'il est possible de faire :
Quand tu dis que tu as donné un "nom significatif", c'est bien au titre de l'onglet ?

Si c'est bien le cas, je vois pas comment le reste de ton code arrive à fonctionner, càd en utilisant

[label*="Travail"]

Ça donnerait donc par exemple :
(où ComptePerso@gmail.com est à remplacer par ta vraie adresse correspondante)

   .tabbrowser-tab[label*="Travail"]
{ 
/*====Couleur du fond====*/
background-image: linear-gradient(rgba(5, 51, 31, 0.8), ForestGreen 80%) !important;
    
/*====Couleur du texte====*/ 
color: yellow !important;
font-weight: bold !important;
font-size: medium !important;
}
   
    .tabbrowser-tab:not([selected])[label*="Travail"]
{ 
/*====Couleur du fond====*/
background-image: linear-gradient(rgba(5, 51, 31, 0.8), ForestGreen 80%) !important;

/*====Couleur du texte====*/ 
color: brown !important;
font-weight: bold !important;
font-size: small !important;
font-style: oblique !important;

pmic a écrit :Je viens de mettre ton code pour supprimer les noms dans les onglets, c'est super
J'utilisais la fonction "Renommer les onglets" du module "Tab Mix Plus", mais c'est très aléatoire et pas très constant comme fonctionnement

pmic a écrit :Chapeau, En plein dans le mille

Moi qui est chercher longtemps le moyen de renommer mes onglets
Sans jamais vraiment pouvoir y parvenir durablement
Même avec des modules dont le but était justement celui-là

pmic a écrit :Prenons un exemple, disons que j'appelle mon compte Gmail pour le travail tout simplement "Travail", mon adresse mail est donc travail@gmail.com, je donne le nom Travail au MP qui sert à lancer mon compte et je renomme mon onglet "Travail" directement avec TMP.
Jusque là pas besoin de code.

    /*=======================================================*/
    /********* Remplacement du Favicon et du Titre pour le compte "Travail" *********/

           .tabbrowser-tab[label*="travail@gmail.com"] .tab-icon-image,
            .tabbrowser-tab[label*="travail@gmail.com"] .tab-label
            { visibility:hidden !important; }

            .tabbrowser-tab[label*="travail@gmail.com"] .tab-background-start
            { background: url("file:/D:/Mes images/image.png") no-repeat center !important;
              width: 20px !important;
            }

            .tabbrowser-tab[label*="travail@gmail.com"] .tab-background-end:after
            { content: "Travail" !important; }

    /*======================================================*/
    /******************** Couleur de l'onglet "Travail" **************************/

             .tabbrowser-tab[label*="travail@gmail.com"]
    {
    /*====Couleur du fond====*/
    background-image: linear-gradient(rgba(5, 51, 31, 0.8), ForestGreen 80%) !important;
       
    /*====Couleur du texte====*/
    color: yellow !important;
    font-weight: bold !important;
    font-size: medium !important;
    }
       
        .tabbrowser-tab:not([selected])[label*="travail@gmail.com"]
    {
    /*====Couleur du fond====*/
    background-image: linear-gradient(rgba(5, 51, 31, 0.8), ForestGreen 80%) !important;

    /*====Couleur du texte====*/
    color: brown !important;
    font-weight: bold !important;
    font-size: small !important;
    font-style: oblique !important;
    }

    /*======================================================/
       /******************* Couleur de l'onglet ACTIF ***************************/
    /********** (valable pour tous les onglets, autre que les comptes Gmail) ***********/

        /* Color of active tab */
        tab[selected="true"] {
        background-image: linear-gradient(rgba(139, 115, 85, 0.8), RosyBrown 80%) !important;
        color: Yellow !important;
        font-weight: bold !important;
        font-size: small !important;
        }

pmic a écrit :Onglet actif ou non, la couleur reste constante
Ecriture en Marron (Onglet non actif) et Jaune (Onglet actif)
Que ce soit dans la boite de réception ou dans n’importe quel libellé

pmic a écrit :Le nom choisi dans ce code reste ainsi constant quelque soit le libellé ouvert

 [label*="Travail.com"], [label*="travail@gmail.com"]
{
maquillage perso
}

pmic a écrit :Pour bien faire il aurait fallu que le puisse utiliser comme en ligne de commande le « ? » à la place de « * »
Soit un joker pour une seule et unique lettre et non un ensemble de lettre.

Perso°

pmic a écrit :
J’en ai profité pour installer Stylish
Effectivement on gagne un temps précieux puisque on a pas besoin redémarrer Firefox.
En revanche, on en perd sur l’écriture, car on est obligé de faire des va et viens avec Notepad++, car l’éditeur présent est réduit à sa plus simple expression.

Je vois pas trop l'utilité du doublon [label*="Travail"] et [label*="travail@gmail.com"]

Et dans ce cas tu peux toujours alléger le nombre de lignes en regroupant ainsi:

 [label*="Travail.com"], [label*="travail@gmail.com"]
{
maquillage perso
}

 [label*="Travail"], [label*="travail@gmail.com"]
{
maquillage perso
}

je vois pas trop pourquoi, car prendre une seule lettre comme identificateur de référence c'est encore plus vaste (moins sélectif) qu'un ensemble de lettre, non...

La solution pourrait consister à inclure un caractère spécial dans le nom du libellé, ce qui rendrait la confusion avec d'autres onglets beaucoup plus improbable.

pmic a écrit :J'ai suivi ton conseil en supprimant ".com" après "Travail"

pmic a écrit : Non, je pensais à ce cela car * = un ensemble de lettre, alors que ? est égale à une seule lettre
Donc si on avait pu mettre [label??????="Travail"] Travailler par exemple aurait été exclu

[label="Travail"]

.tabbrowser-tab:not([label*="Travailler"])[label*="Travail"]

Si le titre de l'onglet est uniquement Travail dans ce cas il suffirait de
[label="Travail"]

Sinon je vois pas trop de solution autre que la précédente, ou bien de préciser chaque confusion possible à éviter, càd par exemple

.tabbrowser-tab:not([label*="Travailler"])