cacher barre personnelle automatiquement? (Résolu)

[jason2005]

Bonjour,

je cherche le moyen de cacher cette barre automatiquement, j'ai trouvé un bout de code
sur le forum mais si la barre disparait et réapparait effectivement au passage de la
souris elle est totalement vide de tout favoris... Avant (mais ca c'etait avant) il existait
des extensions mais celles ci ne fonctionnent plus avec les nouvelle version de FF, si
quelqu'un avait une solution je l'en remercie d'avance

[Mapenzi]

Bonjour,

pour cacher la barre personnelle en permanence utiliser le code CSS suivant dans un fichier (texte) userChrome.css :

Code : Tout sélectionner

#PersonalToolbar {
display: none !important; }

Ce fichier userChrome.css doit être glissé dans un dossier "chrome" qu'il faut créer dans le dossier de profil de Firefox.

Si tu veux cacher la barre personnelle et seulement l'afficher lors d'un survol avec la souris ("hover") essaie le code suivant

Code : Tout sélectionner

#PersonalToolbar { display: none; }
#navigator-toolbox:hover > #PersonalToolbar {display: -moz-box; }

[jason2005]

Si tu veux cacher la barre personnelle et seulement l'afficher lors d'un survol avec la souris ("hover") essaie le code suivant

Code : Tout sélectionner

#PersonalToolbar { display: none; }
#navigator-toolbox:hover > #PersonalToolbar {display: -moz-box; }

Merci, c'est effectivement cette solution que je cherche, ca fonctionne mais la barre est vide de tout marques pages...
c'est la qu'est le soucis...

[Mapenzi]

Merci, c'est effectivement cette solution que je cherche, ca fonctionne mais la barre est vide de tout marques pages...
c'est la qu'est le soucis...

Peut-être que tu n'as jamais enregistré des M-P dans la barre personnelle ?
As-tu vérifié en ouvrant la Bibliothèque via le menu Marque-pages > Afficher tous les marque-pages si le dossier "Barre personnelle" contient des marque-pages ?
Est-ce que tu utilises d'autres codes CSS dans le fichier userChrome.css ?

[jason2005]

Oh que oui, elle est blindée de M-P cette barre

voila mon mini .css

/* Police agrandie et italique dans les barres supérieures */
#navigator-toolbox {
font-size: 105%;
font-style: italic;
}

///
/* Global UI font */
* { font-size: 9pt !important; }
* { font-style: italic; }
///

/*ligne bleue onglet*/
.tab-line {
display: none; }

/* Taille Police Barre Personnelle */
#PersonalToolbar .bookmark-item {
font-size:13px !important; }

[Mapenzi]

Oh que oui, elle est blindée de M-P cette barre

voila mon mini .css

J'ai testé ton code, il marche parfaitement et on voit bien la barre personnelle avec ses marque-pages.
Ça va toujours aussi bien en y ajoutant mon deuxième code et au survol avec la souris la barre personnelle devient visible avec ses marque-pages.

Question bête : tu as quand même activé ta barre personnelle via le menu Affichage > Barre d'outils ?
Sinon, je n'ai pas d'explication à part l'interférence d'une extension ou d'un reliquat d'extension devenue non compatible.
As-tu fait un test en désactivant manuellement tous les modules ? Un test en mode sans échec ne sert à rien car le safe mode désactive aussi le userChrome.css.

Si tu ne trouve pas la cause un test dans un nouveau profil de Firefox est conseillé.

[jason2005]

Oui la barre perso est activée, je viens de désactiver toutes mes extensions, j'ai même supprimé les autres codes temporairement
pour ne laisser que celui donné plus haut, la barre apparait et disparait bien au survol de souris mais est complétement grise, sans M-P...
oui la prochaine étape sera de tester un nouveau profil, merci

[Anonyme1]

Bonjour,
tester avec Firefox portable 61.0.2

Merci, c'est effectivement cette solution que je cherche, ca fonctionne mais la barre est vide de tout marques pages...
c'est la qu'est le soucis...

je confirme, la barre s'ouvre bien mais elle est vide, la barre personnelle via le menu Affichage > Barre d'outils est bien activée.
J'avais rechercher un code pour afficher la barre personnelle au passage de la souris, pas trouver grand chose qui fonctionne.
mise a par ceci pour le moment.

Code : Tout sélectionner

/* Barre personnelle Cachée */
#PersonalToolbar {
background: #F9F9FA !important;
font-family: Times, sans-serif !important;
font-size: 13px !important;
color: #000 !important;
height: 6px !important;
min-height: 6px !important;
max-height: 6px !important;
padding:0;
transition: .0s ease;
z-index: 100 !important;
}

/* Barre personnelle affichée en hover */
#PersonalToolbar:hover{
background: #f9f9fa !important;
height: 43px !important;
min-height: 40px !important;
max-height: 43px !important;
padding: 2px 2px;
transition: .0.5s ease !important;
box-shadow: 1px 1px 2px #000 !important;
}

le seul inconvénient est que pour que la barre personnel s'affiche il ne faut pas pointer sur l'espace vide, il faut pointer sur les sites enregistrer dans la barre.

A+

[jason2005]

Effectivement cette fois ca fonctionne, juste à faire les réglages a ma sauce et c'est parfait

grand merci!

[Mapenzi]

le seul inconvénient est que pour que la barre personnel s'affiche il ne faut pas pointer sur l'espace vide, il faut pointer sur les sites enregistrer dans la barre.

C'est à cause de ton code qui est trop restrictif

Avec mon code #navigator-toolbox:hover > #PersonalToolbar {display: -moz-box; } il suffit de survoler une de trois barres (barre de navigation ou barre personnelle ou barre des onglets) pour afficher la barre personnelle. Car l'élément #navigator-toolbox les englobe toutes !

ici le pointeur se trouve en dehors de la boîte de navigation, la barre personnelle reste cachée :




Maintenant le pointeur se trouve sur la barre des onglets, pourtant la barre personnelle est affichée :

[jason2005]

Je viens de retester Mapenzi mais rien n'y fait, voila a quoi ressemble cette barre grise et vide de tout Marques pages



les mystères de l'informatique

[Mapenzi]

Je viens de retester Mapenzi mais rien n'y fait, voila a quoi ressemble cette barre grise et vide de tout Marques pages

Je ne comprends plus rien.
A 15h29 tu écrivais "Effectivement cette fois ca fonctionne, juste à faire les réglages a ma sauce et c'est parfait"
Alors qu'est-ce qui fonctionnait ou quels sont les réglages à ta sauce (ou quel est le code .....) pour que ça fonctionne ?
N'oublions pas que je suis sous macOS et parfois des codes pour Firefox-Mac ne marchent pas sous Windows ou vice versa.

EDIT: je viens de m'en apercevoir qu'il manque le mot "!important" dans mon deuxième code, pourtant chez moi ça marche même sans ce mot.
Il faut donc essayer le code suivant :

Code : Tout sélectionner

#PersonalToolbar { display: none !important; }
#navigator-toolbox:hover > #PersonalToolbar {display: -moz-box; }

[jason2005]

Oui ca fonctionne, avec le code de "GlopGlop" qu'il a posté un peu plus haut,


/* Barre personnelle Cachée */
#PersonalToolbar {
background: #F9F9FA !important;
font-family: Times, sans-serif !important;
font-size: 13px !important;
color: #000 !important;
height: 6px !important;
min-height: 6px !important;
max-height: 6px !important;
padding:0;
transition: .0s ease;
z-index: 100 !important;
}

/* Barre personnelle affichée en hover */
#PersonalToolbar:hover{
background: #f9f9fa !important;
height: 43px !important;
min-height: 40px !important;
max-height: 43px !important;
padding: 2px 2px;
transition: .0.5s ease !important;
box-shadow: 1px 1px 2px #000 !important;
}

[Mapenzi]

Oui ca fonctionne, avec le code de "GlopGlop" qu'il a posté un peu plus haut,

Sans citation ce n'était pas évident pour moi de savoir à qui tu répondais.
D'autant plus que j'avais testé son code et chez moi c'est pas bô. La partie supérieure de la barre personnelle est toujours visible avec son code:



Mais bon, je n'insiste pas. Ça doit venir des différences entre les versions Windows et Mac de Firefox....

[Anonyme1]

Bonjour,
@Mapenzi
Rien à faire, même avec le nouveau code qui contient le mot "important".
C'est même pire avec le nouveau code, puisque la barre ne s'ouvre plus
le fichier porte le nom de userChrome.css, après une recherche rapide il devrait avoir ce nom Userchrome.css, un U majuscule et un c minuscule.
j'ai testé les deux, cela ne change rien
Voila, voila, pour le moment

Ça doit venir des différences entre les versions Windows et Mac de Firefox....

Ce qui semble effectivement curieux, c'est que cela fonctionne chez toi en Mac, mais pas sous Windows, normalement le fichier Userchrome.css ne devrait agir que sur Firefox, enfin je crois

@jason2005

Effectivement cette fois ca fonctionne, juste à faire les réglages a ma sauce et c'est parfait

Peux tu nous dire les réglages a quelle sauce
A+