Créer une barre d'outils de signets dans Firefox uniquement Afficher le favicon

En chrome, vous pouvez remplacer les noms des signets dans la barre d'outils par leur favicon. Est-il possible de faire la même chose dans Firefox? Je veux que tous mes signets affichent simplement le favicon afin d'économiser de l'espace.

— Vandelizer
source

Comment remplacer les noms de signets par leurs favicons dans Chrome? Je ne savais même pas que c'était possible.

— alex

Je ne suis pas exactement sûr, mon ami l'a sur son Chrome. Je n'utilise pas le chrome car j'utilise OS X.

— Vandelizer

Voir la réponse de GAThrawn et mon commentaire.

— Andrew

Réponses:

Il existe un module complémentaire qui fait cela, "Smart Bookmarks Bar":

https://addons.mozilla.org/en-US/firefox/addon/4072

Vous pouvez le configurer pour ne jamais afficher le nom ou pour l'afficher au survol de la souris.

— user10685
source

Je viens de l'installer. Ça a l'air plutôt bien. Lui donnera une journée d'utilisation.

— Vandelizer

Je l'utilise depuis des lustres - c'est solide. Voir aussi forums.mozillazine.org/viewtopic.php?t=202845 pour ajouter des favicons aux dossiers

— CAD bloke

Cela est devenu obsolète. Son remplacement, Roomy Bookmarks Toolbar, est également obsolète à partir de Firefox 57 (et il plante continuellement mon Firefox 56). J'ai cherché d'autres modules complémentaires pour le remplacer et je n'en ai trouvé aucun. Voir la réponse de GAThrawn et mon commentaire, c'est la seule bonne solution que nous ayons pour l'instant.

— Andrew

Vous pouvez simplement supprimer le texte du signet, ce qui ne lui laisse que le Favicon.

texte alternatif

— The How-To Geek
source

C'est aussi ainsi que je le fais. Facile à faire et ne nécessite pas encore un autre module complémentaire :-)

— Chris_K

une bonne solution, je pense que j'aime la possibilité d'avoir un nom sur le roll-over pour l'add-on.

— Vandelizer

C'est la seule façon de le faire dans Chrome, et comme j'utilise Xmarks pour garder mes signets synchronisés entre les deux navigateurs, j'omet simplement un nom.

— Paul Lammertsma

Mauvaise solution, en fait. Et si vous avez plein de signets? Que faire si vous avez des icônes de signets en double? Que faire si vous souhaitez que les info-bulles affichent toujours le texte?

— Andrew

L'inconvénient de supprimer les descriptions / étiquettes est que vous perdez une partie de l'utilité du signet, vous ne pouvez pas simplement taper son nom dans la barre d'URL et le trouver plus, vos signets deviennent plus difficiles à gérer si les icônes sont perdues ( par exemple, si vous passez à une autre machine). Vous pouvez le faire sans installer de modules complémentaires ni supprimer les descriptions de signets, en les masquant simplement.

Vous pouvez créer un fichier appelé " userChrome.css" dans votre dossier de profil Firefox. Ce fichier peut être utilisé pour ajouter des règles CSS pour personnaliser l'interface utilisateur de Firefox, notamment en masquant ces étiquettes.

Créez un fichier texte dans le Bloc-notes avec le contenu suivant:

/*
 * This file can be used to customize the look of Mozilla's user interface
 * You should consider using !important on rules which you want to
 * override default settings.
 */

/*
 * Do not remove the @namespace line -- it's required for correct functioning
 */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 

/* set default namespace to XUL */

/* hide the bookmark toolbar icon labels */
toolbarbutton.bookmark-item>.toolbarbutton-text,toolbarbutton.bookmark-item>.toolbarbutton-multiline-text {
  display: none !important;
}

Enregistrez ce fichier sous " userChrome.css" et enregistrez-le dans le Chromedossier de votre dossier de profil Firefox. Ce sera dans l'un des emplacements suivants sur une boîte Windows normale, ou dans l'équivalent sur Mac / Linux:

Win XP: C: \ Documents and Settings \ * [YourLogin] \ Application Data \ Mozilla \ Firefox \ Profiles \ [randomtext] *. Default \ chrome

Sous Vista: C: \ Users \ * [YourLogin] \ AppData \ Roaming \ Mozilla \ Firefox \ Profiles \ [randomtext] *. Default \ chrome

Notez qu'il est possible que le chromedossier " " ou le userChrome.cssfichier " " n'existe pas dans votre profil pour le moment, mais vous pouvez les créer s'ils n'existent pas actuellement. Plus d'informations sur MozillaZine: UserChrome.css , merci à @Andrew de l'avoir signalé dans les commentaires.

Une fois que vous avez enregistré, redémarrez Firefox et vous devriez constater que vous disposez d'une barre d'outils de signets sans étiquette.

Si vous voulez des exemples d'autres choses que vous pouvez définir avec ce fichier, ouvrez le userChrome-example.cssfichier que vous devriez voir dans le dossier Chrome.

— GAThrawn
source

Ce serait bien si le code n'affectait pas les signets sur PrefBar. J'ai quelques bookmarklets sur la Prefbar (pour changer la taille de la police et l'utiliser en mono), et lorsque j'utilise le code, leurs étiquettes disparaissent. Et bien sûr, vous ne pouvez pas, pour autant que je sache, leur ajouter un favicon ...

L'utilisation de cette approche ajoute un espace vide à côté de l'icône. Cet espace a du sens s'il y a une étiquette (sinon le texte serait trop proche de l'icône), mais si le texte est caché, l'espace gaspille juste de l'espace. Existe-t-il un moyen de supprimer cet espace supplémentaire autre que la suppression de l'étiquette? Ou existe-t-il un moyen d'identifier l'élément en CSS autrement que par son étiquette? Quelque chose comme .bookmark-item[tag="_THETAG_"]au lieu de .bookmark-item[label="_THELABEL_"]?

— scenia

Génial, cela fonctionne toujours dans Firefox 56! Notez cependant que "Ce fichier n'existe pas dans un nouveau profil. Vous pouvez le créer manuellement." ( kb.mozillazine.org/index.php?title=UserChrome.css ) J'ai créé manuellement un dossier / chrome / et un fichier /chrome/userChrome.css, copié collé le code ci-dessus et redémarré Firefox, et cela fonctionne magnifiquement. Merci beaucoup!

— Andrew

"Browser Toolbox" * - j'espère qu'il n'y aura pas de merde qui rejette ma modification cette fois ... mais au cas où il y en aurait, j'ai changé le sélecteur CSS en toolbarbutton.bookmark-item>.toolbarbutton-text,toolbarbutton.bookmark-item>.toolbarbutton-multiline-text... Merci d'avoir jeté ma modification.

— Andrew

@Andrew Je ne sais pas pourquoi les autres éditeurs ont choisi de rejeter votre montage, mais cela me semble bien et je l'ai approuvé.

— GAThrawn