Couleur ou image pour les dossiers marques-page

[suber]

Bonjour à tout le forum

Autrefois dans les anciennes versions de Firefox, j'utilisais des modules pour personnaliser les dossiers de marques-pages
Comme "Bookmarks Favicon Images" ou "Bookmarks Favicon Changer"

Ces modules ne sont malheureusement plus opérationnels avec la version actuelle de Firefox
J'ai bon chercher, je ne trouve rien en module qui serait susceptible de faire la même chose avec cette cette nouvelle version
Peut-être que quelqu'un en connait-il ?

Par ailleurs j'ai essayé de nombreux script en CSS, mais rien ne fonctionne non plus
Là aussi si quelqu'un a un script pour inclure une image, un icon ou simplement même ne serait-ce qu'une couleur pour différencier mes dossiers de marque-page dans la barre personnel ?

Merci d'avance

[Anonyme1]

Bonjour,

Par ailleurs j'ai essayé de nombreux script en CSS, mais rien ne fonctionne non plus
simplement même ne serait-ce qu'une couleur pour différencier mes dossiers de marque-page dans la barre personnel ?

Voir les codes css qui fonctionnent:
viewtopic.php?p=876359#p876359
viewtopic.php?p=901797#p901797
bien respecter les majuscules, minuscules, espace, et autres signes des noms de tes dossiers dans le code css
A+

[suber]

Bonjour GlopGlop

Merci de ton aide

J'ai repris les scripts des 2 liens, mais cela ne fonctionne pas

/*==== dossier "BANQUES" ====*/
.bookmark-item[label="M1"],
[container="true"][label="M1"] menu > label
{
background: #ef2929 !important;


/*==== dossier "Ad" (left → gauche / right → droite) ====*/
.bookmark-item[label="Ad"],
[container="true"][label="Ad"] menu > label
{
border-right: 2px solid black !important;
background: yellow
}
}

[suber]

Bonjour à tout le forum
Je suis toujours à la recherche d'un script ou d'un module pour personnaliser mes dossiers de marque-page
Merci d'avance

[Freddy]

Bonjour l'impatient,

(Ouai, ici c'est un forum, les bénévoles y répondent quand ils peuvent, d'autant qu'y a rien d'urgent dans ta demande )
Remarque faite, voilà ce que je pourrai te proposer comme codes:

Code : Tout sélectionner

/* couleur de fond Dossier*/
.bookmark-item[container="true"][label="Dossier"] {
  background-color: gold;
}

remplace le nom "Dossier" par celui qui correspond. Si tu veux qu'ils soient tous pareils, supprime [label="Dossier"].

Si tu veux juste changer la couleur de l'icone en gardant l'image standard:

Code : Tout sélectionner

/* couleur icone dossier standard */ 
.bookmark-item[container="true"] image {
  background-color: red;
  border-radius: 3px;
}

ou une couleur pour chaque dossier:

Code : Tout sélectionner

/* couleur icone dossier standard */ 
.bookmark-item[container="true"][label="Dossier"] image {
  background-color: red;
  border-radius: 3px;
}

Pour remplacer l'icône par une de ton choix, le plus simple est de coller ton/tes image-s dans le dossier "chrome" qui contient aussi le fichier "userChrome.css",comme ça le nom de l'image (avec le nom de l'extension) suffira comme adresse:

Code : Tout sélectionner

/* icone personnalisé */
.bookmark-item[container="true"] image {
  list-style-image: url("image.png") !important;
}

donc on est d'accord, remplace "image.png" par ce qui correspond pour ton cas.

Pour supprimer le nom des dossiers et ne garder que le favicône:

Code : Tout sélectionner

/* supprimer le nom des dossiers */
.bookmark-item[container="true"] label {
  display :none !important;
}

Tu peux mixer tous ça à ta convenance, y a pas de risque d'explosion

[Anonyme1]

Bonjour,
Je viens de tester et cela fonctionne
Dossier: Forums 1 le fond en vert, Forums 2 écriture en Bleu, et Forums 3 fond en rouge.
j'ai même changer la couleur de la barre en dégrader de vert à jaune



A tu pensé à ceci pour que le code css fonctionne: viewtopic.php?f=13&t=141630

Si tes dossiers s’appelle M1 et Ad Voici le code

Code : Tout sélectionner

/*==== dossier "Ad" ====*/
.bookmark-item[label="Ad"],
[container="true"][label="Ad"] menu > label
{
background: yellow
}

/*==== dossier "M1" ====*/
.bookmark-item[label="M1"],
[container="true"][label="M1"] menu > label
{
background: #ef2929 !important
}

A+
Salut Freddy

[suber]

Bonjour GlopGlop et Freddy
Merci à tous les deux pour votre aide
Pardonnez-moi tout d'abord, si j'ai fait preuve d'impatience
Ce n'était pas le cas, car cela fait longtemps que je cherche par moi-même, mais en vain

Merci pour ce lien sur ce post de Bob49, je ne connaissais pas du tout ce bug
Du coup tout fonctionne

Juste 2 questions :
Lorsque je mets une image pour un dossier, cela se répercute pour tous les sous-dossiers !
Y a t-il un moyen d'éviter cela ?

Peux-tu me donner ce code pour ce joli dégradé ?

[Freddy]

Pardonnez-moi tout d'abord, si j'ai fait preuve d'impatience

c'est pas plus grave que ça, déjà la politesse était/est là

Lorsque je mets une image pour un dossier, cela se répercute pour tous les sous-dossiers !
Y a t-il un moyen d'éviter cela ?

Là c"est moi que j'va m'excuser j'ai été trop rapide, trop imprécis dans mes sélecteurs; le ptit détail des séparateurs Parent/Enfant.
Donc voilà qui devrait être plus mieux correct:
(et puis j'ajoute quelque z'ajouts)

Code : Tout sélectionner

/* icone personnalisé */
.bookmark-item[container="true"][label="Dossier"] > image {
  list-style-image: url("image.png") !important;
}

/* icone personnalisé pour sous-dossier */
.bookmark-item[container="true"][label="Dossier"] menupopup .bookmark-item[container="true"][label="sous-dossier"] .menu-iconic-left {
  list-style-image: url("image.png") !important;
}


/* icone personalisé pour dossier dans le menu étendu */
#PlacesChevronPopup .bookmark-item[container="true"][label="dossier"] .menu-iconic-left  {
  list-style-image: url("image.png") !important;
}

Edit:salut GlopGlop; et oui bien vu la précision du about:config, j'y pense plus à force...

[Cucurbitacé]

Bonjour à tous,

Je suis tombé, il y a quelques temps, sur un logiciel externe à Firefox, mais qui agirait sur son apparence, à vous de voir.

Il fonctionne pour Lunix et Windows, aller en bas de l’explication, il y a ‘Asset’ et le moyen de télécharger.
► Multirow-Patcher-Quantum-Nox-Installer-Windows ◄

Bien à vous.

[Anonyme1]

Bonjour,

Peux-tu me donner ce code pour ce joli dégradé ?

Pour un dégradé:
Exemple: (pique les yeux)

Code : Tout sélectionner

/* Couleur barre Firefox */
body {
 background: -moz-linear-gradient(left, #00fa2f 0%, #00f6e7 42%, #3263f4 64%, #f022ec 80%, #fb0017 100%)
 !important;
}

Exemple: du vert au jaune (Couleur barre Firefox)

Code : Tout sélectionner

/* Couleur barre Firefox */
body {
  background: -moz-linear-gradient(left, #80ce0c 1%, #9fea26 20%, #a4ea3a 40%, #a4ea3a 60%, #e2e907 80%, #eeff00 99%)
  !important;
}

Pour faire des dégradés de couleurs: https://www.colorzilla.com/gradient-editor/
Lien de l'image ci-dessous: https://nsa40.casimages.com/img/2020/05 ... 783570.png

Là c"est moi que j'va m'excuser j'ai été trop rapide, trop imprécis dans mes sélecteurs;

Edit:salut GlopGlop; et oui bien vu la précision du about:config, j'y pense plus à force...

Mon œil oui, tu croyais t'en sortir par une pirouette, tu as la carafe en bouillotte; et les neurones qui grillent, on n'a bien compris
A+

[suber]

Bonjour à tout le forum

Bonjour Freddy et merci pour ces nouveaux codes
Plus de problème ainsi avec les sous-dossiers
Mais je ne comprends pas un phénomène assez étrange
Si j'utilise ce code

Code : Tout sélectionner

/*==== dossier "E" ====*/
.bookmark-item[container="true"][label="E"] image {
  background-color: Green;
  border-radius: 3px;
}

Donc applicable au dossier et aux sous-dossiers
Je me retrouve avec des liens direct avec des entourages disgracieux en vert
Cela se fait notamment pour des liens Gmail
Ou pour des liens sans icônes
Par contre la majorité des autres liens, c'est normal ??

J'ai essayé ce code :

Code : Tout sélectionner

/* icone personalisé pour dossier dans le menu étendu */
#PlacesChevronPopup .bookmark-item[container="true"][label="V"] .menu-iconic-left  {
  list-style-image: url("imageV.png") !important;
}

Mais je ne sais pas ce qu'il est censé faire, car rien ne se produit ??

Bonjour Glopglop
Merci pour ces 2 dégradés, malheureusement ils ne produisent aucun effet chez moi ??
Peut-être un code complémentaire à ajouter ??

Code : Tout sélectionner

/* Couleur barre Firefox */
body {
 background: -moz-linear-gradient(left, #00fa2f 0%, #00f6e7 42%, #3263f4 64%, #f022ec 80%, #fb0017 100%)
 !important;
}

Bonjour Cucurbitacé
Merci pour ce lien
Mais mon anglais n'est pas très bon
Je crois comprendre que cela parle d'une barre d'onglets sur plusieurs lignes ??
J'avoue que pour l'instant je ne comprends pas bien son utilisation ?

[Freddy]

C'est pcq il faut utiliser le code avec la correction que j'ai ajouté, c'est pas grand chose mais la preuve, le >

Code : Tout sélectionner

/*==== dossier "E" ====*/
.bookmark-item[container="true"][label="E"] > image {
  background-color: Green;
  border-radius: 3px;
}

Mais je pense qu'on peut simplifier mes codes précédents, comme ça:

Code : Tout sélectionner

/* icone personnalisé Dossiers barre perso (en général) */
.bookmark-item[container="true"] > image {
  background-color: green;
}

/* icone personnalisé Dossiers barre perso (pour un dossier en particulier)  */
.bookmark-item[container="true"][label="Dossier"] > image {
  background-color: red;
}

/* icone personnalisé pour sous-dossier */
/* icone personalisé pour dossier dans le menu étendu */
.bookmark-item[container="true"] > .menu-iconic-left  {
  background-color: green;
}

.bookmark-item[container="true"][label="dossier"] > .menu-iconic-left  {
  background-color: grey;
}

Le menu étendu c'est quand le nombre de marque-pages dépasse la taille de la barre perso, un bouton à droite apparaît pour y accéder.
Après, ça c'est pour colorier l'icône natif d'un dossier, personnellement je trouve que c'est plus clair, plus parlant, d'agir sur la couleur de fond de l'ensemble du bouton.
Je met un exemple de comparaison en image pour être plus parlant:
https://pix.toile-libre.org/upload/orig ... 812928.png

Et là je reprend un peu ce que j'ai sur un autre profil (celui-ci étant un profil de test):
http://pix.toile-libre.org/upload/origi ... 813010.png
En plus, la différence entre un m-p et un dossier étant plus flagrante, ça permet de supprimer l'icône des dossiers (de la barre perso, pas dans les menus) pour gagner de la place.

Bonjour Glopglop
Merci pour ces 2 dégradés, malheureusement ils ne produisent aucun effet chez moi ??
Peut-être un code complémentaire à ajouter ??

Ça c'est pcq il c'est foutu de moi alors j'ai jeter un sort à son code
D'après ce que j'ai essayer, ça ne marche pas que pour l'option du "thème par défaut", c'est ok pour "thème clair" et "thème sombre".
Après il existe aussi la solution des Thèmes => https://addons.mozilla.org/fr/firefox/themes/

[Anonyme1]

Bonjour,

Bonjour Glopglop
Merci pour ces 2 dégradés, malheureusement ils ne produisent aucun effet chez moi ??
Peut-être un code complémentaire à ajouter ??

Ça c'est pcq il c'est foutu de moi alors j'ai jeter un sort à son code
D'après ce que j'ai essayer, ça ne marche pas que pour l'option du "thème par défaut", c'est ok pour "thème clair" et "thème sombre".

@Freddy
me foutre de toi, non , c'est pas le genre le de maison
Chez moi le dégradé fonctionne avec l'option du "thème par défaut", "thème clair" et "thème sombre".
Pour le sort, c'est raté, de toute façon j'avais pris mes précautions, j'ai emmené mon pc chez le curé et lui est demandé de le tremper dans l'eau bénite
A+

[suber]

Bonsoir Freddy et GlopGlop
Merci pour ces nouveaux codes
Pour le dégradé, je n'avais aucun thème, mais cela ne fonctionne pas quand même
J'ai trouve un thème dégradé qui me plait assez bien et c'est bien car je n'aime pas les thèmes avec images, trop chargé, on ne voit plus rien !
Merci encore à vous deux, me voilà avec une barre personnelle en couleur et ou on peut facilement cerné rapidement le dossier que l'on souhaite
En plus c'est agréable de vous lire

[Cucurbitacé]

J'ai trouve un thème dégradé qui me plait assez bien et c'est bien car je n'aime pas les thèmes avec images, trop chargé, on ne voit plus rien !

Bonjour suber,

Ben ..... mon jeune ami, vous pouvez créer vous-même grâce à The Mozilla Foundation qui a programmé une extension qui permet de faire ses propres thèmes. Youkaïdi, youkaïda > Firefox color <=.

Quant à Multi-row tabs and other functions installers FF70-78, il propose beaucoup plus de chose que les multi-lignes : and other functions.

Cordialement.