bececoste a écrit :

Tu me confirmes bien que ce texte explicatif que j'ai entouré modifie le code selon qu'il est présent ou non...

ben non...
-c'est le texte explicatif de la fonction du code ,cette ligne est supprimable.
-Pour neutraliser un texte : /* ton texte ici */
-et entre deux codes : /******************/

Dans ce cas, pourquoi, lorsque cette ligne est présente, le code ne fonctionne pas alors que lorsque je la supprime, tout est parfait ???

Ça fait 3 fois que l'on t'explique pour le texte dont tu parle, il faut qu'il soit entre les balises /* et */

Wullfk a écrit :

Ça fait 3 fois que l'on t'explique pour le texte dont tu parle, il faut qu'il soit entre les balises /* et */

J'ai bien compris que le texte, pour qu'il soit neutre, devait être placé entre les deux slash. Je m'en étais rendu compte en faisant mes essais. D'ailleurs, lorsque je veux désactiver un code, plutôt que de le supprimer, je supprime un slash (celui de la fin) et le code n'est plus appliqué.

Mais cela ne me donnait pas d'explications précises concernant la phrase commençant par des pointillés. J'en déduis donc qu'il ne faut JAMAIS rajouter ce genre de phrase, car dans ce cas, le code n'est plus actif.

Croyant bien faire, j'avais recopié textuellement ce que Scapo avait mentionné dans son post du 18 novembre à 10 h 12.

Je remercie tous les intervenants qui m'ont permis de comprendre ce genre de détails qui font toute la différence .

Très bonne fin de week-end à tous.

bececoste a écrit :

Mais cela ne me donnait pas d'explications précises concernant la phrase commençant par des pointillés. J'en déduis donc qu'il ne faut JAMAIS rajouter ce genre de phrase, car dans ce cas, le code n'est plus actif.

En fait, ça vient briser le code : ce qui suit n'est plus pris en compte...

Il suffit donc de l'insérer entre /* et */.

J'aurais encore besoin de vos "lumières".

Lorsque j'applique une couleur à la barre d'adresses à l'aide de ce code

j'obtiens en même temps cette bordure épaisse

Comment faire en sorte que la bordure soit plus fine ?

Essaie en ajoutant, par exemple :

border: 1px !important;

elle a écrit :

En fait, ça vient briser le code : ce qui suit n'est plus pris en compte...

Là, effectivement, l'explication est parfaitement claire.

Merci elle.

Bonsoir,

bececoste,

Pour la petite histoire,

Ton problème, m'est arrivé et quand j'ai vu que ça arrivait... Même aux meilleurs , j'ai compris que je ne devais pas copier cette phrase et qu'elle ne faisait pas partie du code, maintenant grâce à tes questions et la précision de "elle", je sais pourquoi.

Merci

Bonsoir Clikbill,

Je constate donc que je ne suis pas la seule dans ce cas-là.

Il est vrai que j'aime bien comprendre pourquoi telle ou telle chose ne fonctionne et je vais toujours, dans la mesure de mes faibles compétences, jusqu'au bout de mes possibilités.

Bonne soirée.

elle a écrit :

Essaie en ajoutant, par exemple :

border: 1px !important;

elle a écrit :

elle a écrit :

Essaie en ajoutant, par exemple :

border: 1px !important;

Négatif

Tu l'as pris où, le code?

Si tu pouvais le mettre en texte au lieu d'une image, ce serait plus simple pour tester...

/*URLbar-largeur-couleur-texte*/
#main-window[sizemode="maximized"] #urlbar-container {
max-width: 450px !important;
min-width: 450px !important ;
background-color: #6F6F6F !important;
text-align: none !important;
border: 1px !important;
}

J'avoue que je ne sais plus où je l'ai copié ; en effet, depuis la sortie de quantum, je parcours le web à droite et à gauche afin de trouver des substituts aux extensions qui ont été supprimées.

Je pense qu'il s'agit de ce site :

https://forums.mozfr.org/viewtopic.php?f=5&t=135506

Bon, il manque ceci : textbox

/*URLbar-largeur-couleur-texte*/
#main-window[sizemode="maximized"] #urlbar-container textbox {
max-width: 450px !important;
min-width: 450px !important ;
background-color: #6F6F6F !important;
}

Et text-align: none, ça n'existe pas.

https://www.w3schools.com/cssref/pr_text_text-align.asp

Voilà ce que j'obtiens :

La barre d'adresse est plus longue, la couleur est beaucoup plus foncée et je n'ai pas de bordure du tout. Si je rajoute border: 1px !important; comme tu me l'as dit précédemment, rien ne change au niveau de la bordure.

Choisis une couleur plus pâle et une longueur... moins longue!

Ce que tu vois correspond bien à la couleur #6F6F6F.

Et la bordure est bien présente, elle est de couleur plus pâle (#A6A6A7).

Voilà le code que j'ai mis :

/*URLbar-largeur-couleur-texte*/
#main-window[sizemode="maximized"] #urlbar-container textbox {
max-width: 450px !important;
min-width: 450px !important ;
background-color: #F0F0F0 !important;
border: 2px !important;
}

J'aimerais avoir une couleur contrastée pour la bordure ; que dois-je rajouter ?

Par exemple :

border: 2px solid red !important;

Impeccable !

Merci infiniment pour tout

Très bonne nuit.

Wullfk a écrit :

color: green !important;

Je ne sais pas si ça une importance, mais il manque le point-virgule (;) après green

Je suis en train d'essayer d'adapter le rendu par rapport à mon thème, la police gras n'est pas net (flou)

Salut

Non, pas de point-virgule (;) après green étant donné que tu as la propriété !important qui l'a après.

tu as un bon sujet sur ton site, mais plusieurs déclarations on le même probs.

Astuces personnalisations Firefox Quantum

Avec deux points-virgule pense pas quelle fonctionnent

11 - Modifier couleur, style et police des onglets lus et non lus

/* Apparence des onglets lus */
.tabbrowser-tab[selected] .tab-label{
color: black; !important;
font-weight: normal !important;
font-size: 12px !important;
background-color: transparent !important; }

/* Apparence des onglets non lus */
.tabbrowser-tab[unread] .tab-label{
color: green; !important;
font-weight: bold; !important;
font-style: italic !important;
font-size: 12px !important;
background-color: lightyellow !important; }

/* Apparence des onglets non lus */
.tabbrowser-tab[unread] .tab-label{
color: green; !important;
font-weight: bold; !important;
font-style: italic !important;
font-size: 12px !important;
background-color: lightyellow !important; }

color: green !important; => ok

color: green; !important; => Non !!

Bonsoir,

A la manière "Vogel pic" je cherche a mettre la sélection de texte (dossier chrome) dans une autre couleur que le bleu traditionnel, après plusieurs essais ça ne fonctionne pas.

Mon dernier essai est

/* Selection texte en couleur rouge */
.moz-selection {
background-color:#FF3C00!important;
font-color: white !important;
}

Pouvez vous me corriger.

Merci

Salut

Exemple une sélection texte blanc et fond en rouge

::-moz-selection {
color: #fff !important;
background: #ff0000 !important;
}

VIRUS -C -C

Merci,

J'en avais trouvé du même genre que le tien, mais ils ne fonctionnaient pas, et pareil pour celui que tu m'a mis.

Tu le mets bien dans le fichier userContent.css?

Bonsoir,

Bonjour elle,

Ben oui, cherche plus c'était ça l'erreur.

Merci

Edit:

VIRUS -C -C

Et du coup, merci également les lignes de code que tu as mis fonctionnent

elle a écrit :

Tu le mets bien dans le fichier userContent.css?

Hello

Bien vu elle , j'avais zappé de le préciser dans mon message.

J'ai encore une ribambelle de scripts au cas ou !!

VIRUS -C -C a écrit :

Salut

Non, pas de point-virgule (;) après green étant donné que tu as la propriété !important qui l'a après.

tu as un bon sujet sur ton site, mais plusieurs déclarations on le même probs.

Astuces personnalisations Firefox Quantum

Avec deux points-virgule pense pas quelle fonctionnent

color: green !important; => ok

color: green; !important; => Non !!

Mais tests indique qu'avec le point-virgule ou sans ça fonctionne.

Ceci dit pour une question d'uniformité avec tous les autres codes fournis dans mon article, j'ai supprimé le point-virgule en trop

Clikbill a écrit :

Bonsoir,

Bonjour elle,

Ben oui, cherche plus c'était ça l'erreur.

Merci

Edit:

VIRUS -C -C

Et du coup, merci également les lignes de code que tu as mis fonctionnent

Hello

Pour faire la même chose pour la couleur de l'url sélectionnée

Dans le fichier userChrome.css

/* exemple la couleur Sélection de l'url texte blanc et fond rouge */
::-moz-selection {
color: #fff !important;
background: #ff0000 !important;
}

Wullfk a écrit :

VIRUS -C -C a écrit :

Salut

Non, pas de point-virgule (;) après green étant donné que tu as la propriété !important qui l'a après.

tu as un bon sujet sur ton site, mais plusieurs déclarations on le même probs.

Astuces personnalisations Firefox Quantum

Avec deux points-virgule pense pas quelle fonctionnent

color: green !important; => ok

color: green; !important; => Non !!

Mais tests indique qu'avec le point-virgule ou sans ça fonctionne.

Ceci dit pour une question d'uniformité avec tous les autres codes fournis dans mon article, j'ai supprimé le point-virgule en trop

Oui mais le code est plus propre ainsi et la syntaxe conforme, c'était juste une remarque, pas de souci !!

VIRUS -C -C a écrit :

Clikbill a écrit :

Bonsoir,

Bonjour elle,

Ben oui, cherche plus c'était ça l'erreur.

Merci

Edit:

VIRUS -C -C

Et du coup, merci également les lignes de code que tu as mis fonctionnent

Hello

Pour faire la même chose pour la couleur de l'url sélectionnée

Dans le fichier userChrome.css

/* exemple la couleur Sélection de l'url texte blanc et fond rouge */
::-moz-selection {
color: #fff !important;
background: #ff0000 !important;
}

VIRUS -C -C

Chez moi ça ne fonctionne pas.

Dans le texte ( pour que la fonction puisse s'effectuer ) où se trouve la référence à "URL" ?

Clikbill a écrit :

VIRUS -C -C

Chez moi ça ne fonctionne pas.

Dans le texte ( pour que la fonction puisse s'effectuer ) où se trouve la référence à "URL" ?

si Bill ce code va bien
l'URL :

Scapo,

Merci pour ta confirmation, mais je viens de re tester et je met bien le texte ci-dessous , dans le fichier userChrome.css de Firefox 57.0.4, et chez moi ça ne fonctionne pas.

/* Sélection de l'url texte blanc et fond rouge */
::-moz-selection {
color: #fff !important;
background: #ff0000 !important;
}

Edit,

Je viens pour être certain que rien n'interfère, de renommer le fichier userChrome.css en .old d'en refaire un avec rien que le texte ci-dessus et le résultat est exactement le même "ne fonctionne pas "chez moi .

Tu sélectionnes l'URL dans la barre d'adresse, évidemment?

elle a écrit :

Tu sélectionnes l'URL dans la barre d'adresse, évidemment?

elle

Éclaire moi

Je n'ai pas de barre de recherche autre que la barre d'adresse, sauf sur nouvelle page (petite hutte à gauche) là j'ai une barre de recherche sur "Bing".

Je voudrais quand même confirmer que dans une "barre de recherche" j'ai la sélection en rouge, mais ça c'est je pense grâce aux lignes de code qui se trouvent dans le fichier user content.css

Juste pour info:

Utilisation de l'outil Développement Web pour visualiser en direct les modifications effectuées dans le fichier userChrome.css

Basiquement lorsque l'on modifie le fichier userChrome.css, on rentre un code, puis on relance Firefox pour voir le résultat. On répète cette manip à chaque ajout ou modification du code CSS jusqu'à obtention du résultat recherché.

Pour éviter cette relance systématique de Firefox pour visualiser le résultat d'une modification du code CSS il suffit d'utiliser les Outils de Développement Web inclus dans Firefox 57.

Lire l'intégralité de l'article : http://www.easy-pc.org/2018/01/visualiser-en-direct-les-changements-effectues-dans-le-fichier-userchrome.css-de-firefox-57.html

Re,

@Clikbill

le code :

/* exemple la couleur Sélection de l'url texte blanc et fond rouge */
::-moz-selection {
color: #fff !important;
background: #ff0000 !important;
}

placé dans le fichier userChrome.css sert à changer la couleur de sélection( couleur du texte + fond) du texte dans la barre URL

le code :

::-moz-selection {
color:white !important;
background: rgb(10,132,255) !important;
}

placé dans le userContent.css sert à changer la couleur de sélection ( couleur du texte + fond) de tous autres textes ( ici un bout de texte de Wullfk)

ou bien ici

UserChrome.css sert à modifier l'apparence de l'interface du navigateur.

UserContent.css sert à modifier l'apparence du contenu, des pages web donc.

Bonjour,

Merci pour vos réponses, je verrai ça ce soir en détail.