Page 1 sur 2

Mettre couleurs dossiers barre personnelle [Résolu]

Publié : 15 nov. 2018, 10:31
par Lo Capestanot
Bonjour,
Comment une couleur différente, pour chaque dossier de ma barre personnelle comprenant des marques page ?
Au plaisir de vous lire.

Re: Mettre couleurs dossiers barre personnelle

Publié : 15 nov. 2018, 10:35
par Lo Capestanot
Re,
Oups, j'ai oublié une image;
https://www.cjoint.com/c/HKpjIPOI8DR

Re: Mettre couleurs dossiers barre personnelle

Publié : 15 nov. 2018, 16:34
par Anonyme1
Bonjour,
Avec un code en CSS, tu peut jouer avec les couleurs après le # (Hashtag)
Voici un site intéressent, http://www.colorzilla.com/gradient-editor/ tu peut même faire un dégradé de couleur, ou en horizontal, en vertical, en diagonal à droite ou gauche, ou en radial.

Couleur des dossiers dans la barre personnelle.
-fichier userChrome.css dans le dossier chrome dans le profil.
Exemple:

Code : Tout sélectionner

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

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

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

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

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

Edit: je viens de retrouvé le qui était tombé dans le bas de l'écran :lol:
A+ :wink:

Re: Mettre couleurs dossiers barre personnelle

Publié : 15 nov. 2018, 18:07
par Lo Capestanot
Bonsoir GlopGlop,
J'ai créer chrome dans FF, nouveau dossier , que j'ai appelé " fichier userChrome.css " (image https://www.cjoint.com/c/HKprbuA4PsR )
J'ai éteins FF et rallumé.
J'ai sélectionné la totalité de ton code, mais le résultat n'est pas là !
Apparemment , je me suis méchamment planté !
Bonne soirée.

Re: Mettre couleurs dossiers barre personnelle

Publié : 15 nov. 2018, 18:39
par filou81158
Bonsoir,

Si je regarde la capture, c'est le dossier chrome et non Chrome.

Re: Mettre couleurs dossiers barre personnelle

Publié : 15 nov. 2018, 19:26
par Bob49
Salut
filou81158 a écrit : 15 nov. 2018, 18:39 Si je regarde la capture, c'est le dossier chrome et non Chrome.
Sous Windows, cela n'a pas d'importance, mais autant commencer par garder de bonne habitude, au cas d'une exportation vers un Linux ou un Mac, un jour ..! :)

Par défaut et depuis les débuts de Firefox (dossier et fichiers créés par défaut à l'époque) : dossier avec un "c" et fichiers avec un "C". Donc suivre cela.

Sous Windows, un "C" pour le dossier au lieu d'un "c", ne dérange pas du tout sa prise en charge. Tout comme le "c" pour les fichiers, ne dérange pas non plus.

Sous Linux (et je suppose que pour Mac, c'est pareil ! :| ), le "c" au dossier et les "C" aux fichiers sont une obligation.

************************************
Pour revenir au problème, c'est le contenu du fichier qu'il faudrait voir...

Le code testé et fonctionnel chez moi. (mais pas dans la descente de la barre perso.. Comme la majorité des codes du genre..)

Re: Mettre couleurs dossiers barre personnelle

Publié : 16 nov. 2018, 09:34
par filou81158
Bonjour,

Merci Bob, je pensais que sur Windows c'était pareil, une piqure de rappel ne fais pas de mal, à vrai dire ça fait des années que je n'ai pas touché à Windows !!
Bonne journée.

Re: Mettre couleurs dossiers barre personnelle

Publié : 16 nov. 2018, 14:57
par Anonyme1
Bonjour,
Sur ta capture je remarque que dans la colonne "type de fichier" il est en " Document texte, le type de ficher devrait être en " fichier CSS "
Il semble donc que tu as enregistré ton fichier et .txt (texte), ce qui donne → userChrome.css.txt.
Donc vérifier si dans (Windows) dans les "Options des dossiers" que la case "Masquer les extensions des fichiers dont le type est connu" est bien Décochée:
Explication:
Tu vas ouvrir la fenêtre "Exécuter" avec les touches " Windows+ R ", et tu écrit " explorer.exe " (sans les guillemets), et clique sur " OK ".
Dans la fenêtre de l’Explorateur (image ci-dessous): clique sur: 1° → Affichage, 2° → Options, 3° → Modifier les options des dossiers ...
Image

Ensuite, dans la fenêtre "Options des dossiers" (image ci-dessous), clique sur l’onglet, 1° → "Affichage", et recherche la ligne, 2° → "Masquer les extensions des fichiers dont le type est connu" que tu décoche, et tu clique sur "Appliquer" et "OK"
Image

et tu vérifie ton extension de fichier userChrome.css.txt supprime le .txt (point txt)
A+ :wink:

Re: Mettre couleurs dossiers barre personnelle

Publié : 16 nov. 2018, 17:00
par Lo Capestanot
Bonjour GlopGlop,
Options dossiers modifiés.
Résultat en image : https://www.cjoint.com/c/HKqp5P1xiJR
Lorsque j'ouvre FF, toujours pas de couleurs ! J'ai pourtant tout sélectionné de ton code .
@+

Re: Mettre couleurs dossiers barre personnelle

Publié : 16 nov. 2018, 17:04
par Anonyme1
Bonjour,
Non :!: : pas "fichier userChrome.css mais → UserChrome.css
A+ :wink:

Re: Mettre couleurs dossiers barre personnelle

Publié : 16 nov. 2018, 17:24
par Lo Capestanot
Ok, fait.
Mais ne figure pas en couleur , GOUV (ex ETAT) et @NET ?
En image : https://www.cjoint.com/c/HKqqtAqCxdR

Re: Mettre couleurs dossiers barre personnelle

Publié : 16 nov. 2018, 17:49
par Anonyme1
Bonjour,
Il y à du mieux déjà.
il doit y avoir une erreur dans ton code pour les dossiers qui ne sont pas en couleurs.
met ton code CSS dans ton prochain message entre les 2 balises [ code ]
exp:" [ code ] colle ton code CSS ici entre les balises [ /code ] " (sans les guillemets)
A+ :wink:

Re: Mettre couleurs dossiers barre personnelle

Publié : 16 nov. 2018, 17:55
par Bob49
Salut

Il semble y avoir un espace entre "@" et "NET" sur le dossier !.. Il y en a pas dans le code.
Et un "." (point) au bout de GOUV sur le dossier, est-ce qu'il est aussi dans le code ?

Re: Mettre couleurs dossiers barre personnelle

Publié : 16 nov. 2018, 18:05
par Lo Capestanot
Entre temps je me suis entrainé avec les couleurs CSS, mais je vais suivre les conseils de Bob49, pour les deux autres.
En image : https://www.cjoint.com/c/HKqrfhKVsJR

Re: Mettre couleurs dossiers barre personnelle

Publié : 16 nov. 2018, 18:10
par Anonyme1
Bonjour,
Bob49 a écrit : 16 nov. 2018, 17:55 Il semble y avoir un espace entre "@" et "NET" sur le dossier !.. Il y en a pas dans le code.
Et un "." (point) au bout de GOUV sur le dossier, est-ce qu'il est aussi dans le code ?
Erreurs trouver sur les deux dossiers et à vérifier dans le code CSS Bien vue Bob49 +1 :wink: