Firefox Lesezeichen Symbolleiste - Namen ausblenden/deaktivieren nur FavIcons

Vikingr · 5. Mai 2010

Hallo Leute...ich suche jetzt schon länger verzweifelt per Google danach, wie ich die Namen der Lesezeichen Symbolleiste ausblenden bzw. deaktivieren kann...da ich firefox nicht regelmäßig nutze, und ich leider auch nicht mehr weiß, wie ich das in der Vergangenheit hinbekommen habe, bitte ich hier doch nun mal um Hilfestellung....wäre nett, wenn jemand direkt kurz & knackig angeben könnte,wie man das an-/ausstellen kann mit den Namen neben den Lesezeichen in der Symbolleiste,...damit der Thread auch direkt wieder geschlossen werden kann und nicht unnötig viel geschrieben wird.

Dankeschön schon mal im vorraus.

macko125 · 6. Mai 2010

Hallo XXXX,

Die wohl einfachste Lösung für dein Problem ist sich das Smart Bookmarks Bar Addon zu installieren.

Hoffe ich konnte helfen.

MFG
macko125

Assimov · 6. Mai 2010

Auf Lesezeichen > rechtsklick > Anpassen > unter der Rubrik "Symbole" Symbole auswählen > Fertig

Lesezeichenleiste entfernen,einfach auf Lesezeichen > rechtsklick > das Häkchen vor "Lesezeiche-Symbolleiste" enfernen

Vikingr · 9. Mai 2010

@macko125

Super,..vielen Dank..sowas hab ich gesucht...DANKEEEEE!!!!!!

cartridge_case · 9. Mai 2010

https://addons.mozilla.org/de/firefox/addon/3780/

rentasad · 16. November 2017

Hallo Zusammen,

ich krame mal diesen uralten Thread aus, weil ich seit heute das gleiche Problem wieder habe.

Sämtliche Toolbar-Tools verweigern seit dem neuen Quantum-Update ihren Dienst.

Hat jemand von Euch noch eine schlaue Idee oder Addon in der Hinterhand, welches mit FireFox Quantum funktioniert?

Viele Grüße

rentasad

macko125 · 16. November 2017

Hallo rentasad, willkommen im CB-Forum

Ja ich kann dir dabei gerne helfen.
Eine Lösung mittels Addon kann ich dir dabei jedoch nicht anbieten, da Webextension Erweiterungen keine Anpassungen an der UI mehr erlauben.
Die Anpassung kannst du ab Firefox 57 nur noch mittels Einträge in einer userChrome.css erreichen (Hier eine >>Seite<<, welche in einem Beispiel beschreibt, wie du eine userChrome.css erstellen kannst)

Hier der Code der du dann in die userChrome.css kopieren musst: (dieser bewirkt, dass lediglich ein Favicon angezeigt wird, und dass der Text erst bei mousehover angezeigt wird.)

Code:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

#personal-bookmarks toolbarbutton.bookmark-item[image]:not([image=""]):not([container]) .toolbarbutton-text,
	#personal-bookmarks toolbarbutton.bookmark-item[image]:not([image=""]):not([container]) .toolbarbutton-text-shadow {
		display: none !important;
	}
	

#personal-bookmarks toolbarbutton.bookmark-item[container] .toolbarbutton-text,
	#personal-bookmarks toolbarbutton.bookmark-item[container] .toolbarbutton-text-shadow {
		display: none !important;
	}
}

#personal-bookmarks toolbarbutton.bookmark-item[container] .toolbarbutton-text,
	#personal-bookmarks toolbarbutton.bookmark-item[container] .toolbarbutton-text-shadow {
		border: none !important;
	}
	
	#personal-bookmarks toolbarbutton.bookmark-item:hover .toolbarbutton-text, #personal-bookmarks toolbarbutton.bookmark-item[image]:not([image=""]):not([container="true"]):hover .toolbarbutton-text, #personal-bookmarks toolbarbutton.bookmark-item[container="true"]:hover .toolbarbutton-text, #personal-bookmarks toolbarbutton.bookmark-item:not([image]):not([container="true"]):hover .toolbarbutton-text, #personal-bookmarks toolbarbutton.bookmark-item:hover .toolbarbutton-text-shadow, #personal-bookmarks toolbarbutton.bookmark-item[image]:not([image=""]):not([container="true"]):hover .toolbarbutton-text-shadow, #personal-bookmarks toolbarbutton.bookmark-item[container="true"]:hover .toolbarbutton-text-shadow, #personal-bookmarks toolbarbutton.bookmark-item:not([image]):not([container="true"]):hover .toolbarbutton-text-shadow {
		display: block !important;
	}

rentasad · 17. November 2017

Hi Macko,

tausend Dank für diesen Tipp - damit konnte ich mein Problem super lösen. Ich habe den letzten Absatz sogar weggelassen, weil ich den MouseOver nicht brauchte

Viele grüße

Matthias

MBLA · 30. April 2018

Servus Leute!

Auch mir hat die Lösung von macko125 schon mal ein großes Stück weiter geholfen.
Was mir jetzt zu meinem Glück noch fehlt, wäre den Abstand zwischen den Lesezeichensymbolen zu verkleinern um mehr in eine Reihe zu kriegen.
Ist dies mit einer Optimierung des Codes auch noch möglich?

Besten Dank, Manfred

macko125 · 30. April 2018

@MB4President

Selbstverständlich ist das möglich. Per userChrome.css lässt sich an der Oberfläche von Firefox beinahe fast alles anpassen. Zwar ist nicht ganz alles damit möglich, aber dafür sehr vieles.
Dies musst du deiner userChrome.css hinzufügen um die Abstände in der zwichen den Lesezeichensymbolen zu reduzieren:

Code:

/* Abstände Lesezeicheneinträge verkleinern */
toolbarbutton.bookmark-item:not(.subviewbutton) {
	margin: 0 -2px !important;
}

Die Zahl -2px kannst du dabei auch bis zu -5px reduzieren, damit dann die Lesezeichensymbole förmlich aneinander kleben, wobei dann Text und Icons bei mouse-over anfangen sich zu überlappen. Daher würde ich es eher auf maximal -2px belassen.

MBLA · 16. Mai 2018

@macko125

Vielen Dank für deine mehr als prompte Antwort.
Dafür hat meine Rückmeldung umso länger gedauert

Funktioniert einwandfrei, genauso wollte ich das haben.
Wundert mich bloß das eine ja scheinbar ziemlich häufig gewünschte Option seitens mozilla nicht standardmäßig integriert wird.
Nicht jeder hat einen macko

Danke nochmal, viele Grüße, Manfred

MBLA · 22. Mai 2018

Zusatzfrage...

Ist die Anzahl der Symbole irgendwie begrenzt?
Ich habe jetzt eine Zeile komplett, und eine zweite Zeile in etwa zu 3/4 voll, bei einem Abstand von -2.
Wenn ich jetzt etwas hinzufüge erscheint es nicht mehr in der Leiste, wird aber grundsätzlich hinzugefügt, ist also in der Lesezeichenliste unter Lesezeichen-Symbolleiste vorhanden.
Wenn ich dann irgendein Symbol aus der Leiste entferne rückt am Ende das bisher nicht sichtbare nach.
Ich hoffe es ist verständlich was ich meine...

Viele Grüße, Manfred

macko125 · 22. Mai 2018

Funktioniert bei mir eigentlich richtig --> siehe Screenshot (hab in meinem Screenshot extra mehrere Einträge zu Demonstrationszwecken eingefügt. Sieht i.d.R bei mir nämlich nicht so aus --> max. 1 Zeile in Verwendung)

Meine Vermutung ist, dass du höchstwahrscheinlich zusätzlich zum hier geposteten Code nicht den CSS-Tweak in Verwendung hast, welcher die Lesezeichenleiste mehrzeilig anzeigen lässt. Denn wie du schon richtig vermutest, ist die Lesezeichenbar i.d.R auf maximal einer Zeile begrenzt, und zeigt rechts an der Seite eine kleine Scrollleiste, wenn du mehr Einträge hast als auf einer Zeile Platz hat. Jetzt kann es natürlich sein, dass aufgrund der eingestellten negativen Abstände dir trotzdem zwei Zeilen angezeigt werden, wobei aber beim erreichen des Limits diese nicht mehr angezeigt werden bzw. nicht mehr innerhalb des sichtbaren Bereichs sind.

Daher bitte zusätzlich noch diesen CSS-Code bei dir in der userChrome.css hinzufügen, damit die Lesezeichenliste mehrzeiligfähig wird (Code stammt von hier):
[unter "--bookmark_items_lines: 3;" kann du die max. Zeilenanzahl einstellen --> hier jetzt max. 3]

CSS:

:root {
  --bookmark_items_height: 26px; /* <- bookmark items - line height */
  --bookmark_items_lines: 3; /* <- maximum amount of lines */
}

#personal-bookmarks {
  display: block;
}

#personal-bookmarks #PlacesToolbar {
  display: block;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: calc( var(--bookmark_items_lines) * var(--bookmark_items_height) );
}

#personal-bookmarks #PlacesToolbar > hbox {
  display: -moz-stack !important;
  left: 0px;
  right: 0px;
  width: 100%;
}

#personal-bookmarks #PlacesToolbar #PlacesToolbarItems {
  overflow-x: visible;
  overflow-y: visible;
}

#personal-bookmarks #PlacesToolbar #PlacesToolbarItems > box {
  display: block;
}

#personal-bookmarks #PlacesToolbar > .bookmark-item{
  visibility: visible !important;
}

#personal-bookmarks #PlacesToolbar .chevron{
  visibility: collapse;
}

#personal-bookmarks #PlacesToolbar > hbox > hbox{
  overflow-x: hidden;
  overflow-y: hidden;
}

#personal-bookmarks #PlacesToolbar #PlacesToolbarDropIndicator[collapsed="true"],
#personal-bookmarks #PlacesToolbar #PlacesToolbarDropIndicator{
  display: none;
}

#personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item{
  padding-top: 2px;
  padding-bottom: 2px;
}

#personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item:hover:active:not([disabled="true"]),
#personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item[open="true"] {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

#personal-bookmarks #PlacesToolbar toolbarseparator{
  -moz-appearance: none !important;
  visibility: visible !important;
  display: inline;
  text-shadow: none !important;
  border-left: 3px solid ThreeDShadow !important;
  border-right: 3px solid ThreeDHighlight !important;
  vertical-align: middle;
}

#personal-bookmarks toolbarbutton.bookmark-item[dragover][open]{
  -moz-appearance: toolbarbutton;
}

#navigator-toolbox #PersonalToolbar {
  max-height: calc( var(--bookmark_items_lines) * var(--bookmark_items_height) ) !important;
}

MBLA · 24. Mai 2018

Also ich hatte bereits einen Code für die mehrzeilige Anzeige.
Zwar einen etwas anderen, allerdings auch von dir.
Hatte es jetzt auch mit dem von dir gerade geposteten probiert, das Ergebnis ist jedoch dasselbe.

Hier mal meine komplette userchrome.css

Code:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@namespace html url("http://www.w3.org/1999/xhtml");

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

#personal-bookmarks toolbarbutton.bookmark-item[image]:not([image=""]):not([container]) .toolbarbutton-text,
    #personal-bookmarks toolbarbutton.bookmark-item[image]:not([image=""]):not([container]) .toolbarbutton-text-shadow {
        display: none !important;
    }
    

#personal-bookmarks toolbarbutton.bookmark-item[container] .toolbarbutton-text,
    #personal-bookmarks toolbarbutton.bookmark-item[container] .toolbarbutton-text-shadow {
        display: none !important;
    }
}

#personal-bookmarks toolbarbutton.bookmark-item[container] .toolbarbutton-text,
    #personal-bookmarks toolbarbutton.bookmark-item[container] .toolbarbutton-text-shadow {
        border: none !important;
    }

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

/* Firefox 57+ userChrome.css tweaks ****************************************************/
/* code mostly taken from 'Classic Theme Restorer' & 'Classic Toolbar Buttons' add-ons **/
/* by Aris (aris-addons@gmx.net)*********************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
/****************************************************************************************/


#personal-bookmarks {
  display: block;
}

#personal-bookmarks #PlacesToolbar {
  display: block;
  min-height: 0px;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 999px;
}

#personal-bookmarks #PlacesToolbar > hbox {
  display: -moz-stack !important;
  left: 0px;
  right: 0px;
  width: 100%;
}

#personal-bookmarks #PlacesToolbar #PlacesToolbarItems {
  overflow-x: visible;
  overflow-y: visible;
}

#personal-bookmarks #PlacesToolbar #PlacesToolbarItems > box {
  display: block;
}

#personal-bookmarks #PlacesToolbar > .bookmark-item{
  visibility: visible !important;
}

#personal-bookmarks #PlacesToolbar .chevron{
  display: none;
}

#personal-bookmarks #PlacesToolbar > hbox > hbox{
  overflow-x: hidden;
  overflow-y: hidden;
}

#personal-bookmarks #PlacesToolbar #PlacesToolbarDropIndicator[collapsed="true"],
#personal-bookmarks #PlacesToolbar #PlacesToolbarDropIndicator{
  display: none;
}

#personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item{
  padding-top: 2px;
  padding-bottom: 2px;
  /*margin-left: -4px !important;
  padding-right: 9.5px !important;*/
}

#personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item:hover:active:not([disabled="true"]),
#personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item[open="true"] {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
  /*-moz-padding-start: 4px;
  -moz-padding-end: 2px;*/
}

#personal-bookmarks #PlacesToolbar toolbarseparator{
  -moz-appearance: none !important;
  visibility: visible !important;
  display: inline;
  text-shadow: none !important;
  border-left: 3px solid ThreeDShadow !important;
  border-right: 3px solid ThreeDHighlight !important;
  vertical-align: middle;
}

#personal-bookmarks toolbarbutton.bookmark-item[dragover][open]{
  -moz-appearance: toolbarbutton;
}

#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar):not(#TabsToolbar) {
  max-height: 999px !important;
}


/* Abstände Lesezeicheneinträge verkleinern */
toolbarbutton.bookmark-item:not(.subviewbutton) {
    margin: 0 -4px !important;
}

Je nach Abstand zwischen den einzelnen Symbolen wird die Leiste auch zwei- oder dreizeilig, die Anzahl der Symbole bleibt jedoch dieselbe.

Viele Grüße, Manfred

2002Andreas · 24. Mai 2018

Bitte diesen kompletten Code mal testen.

Code:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@namespace html url("http://www.w3.org/1999/xhtml");


#personal-bookmarks toolbarbutton.bookmark-item[image]:not([image=""]):not([container]) .toolbarbutton-text,
    #personal-bookmarks toolbarbutton.bookmark-item[image]:not([image=""]):not([container]) .toolbarbutton-text-shadow {
        display: none !important;
    }
    

#personal-bookmarks toolbarbutton.bookmark-item[container] .toolbarbutton-text,
    #personal-bookmarks toolbarbutton.bookmark-item[container] .toolbarbutton-text-shadow {
        display: none !important;
    }


#personal-bookmarks toolbarbutton.bookmark-item[container] .toolbarbutton-text,
    #personal-bookmarks toolbarbutton.bookmark-item[container] .toolbarbutton-text-shadow {
        border: none !important;
    }


/* Firefox 57+ userChrome.css tweaks ****************************************************/
/* code mostly taken from 'Classic Theme Restorer' & 'Classic Toolbar Buttons' add-ons **/
/* by Aris (aris-addons@gmx.net)*********************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
/****************************************************************************************/


#personal-bookmarks {
  display: block;
}

#personal-bookmarks #PlacesToolbar {
  display: block;
  min-height: 0px;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 999px;
}

#personal-bookmarks #PlacesToolbar > hbox {
  display: -moz-stack !important;
  left: 0px;
  right: 0px;
  width: 100%;
}

#personal-bookmarks #PlacesToolbar #PlacesToolbarItems {
  overflow-x: visible;
  overflow-y: visible;
}

#personal-bookmarks #PlacesToolbar #PlacesToolbarItems > box {
  display: block;
}

#personal-bookmarks #PlacesToolbar > .bookmark-item{
  visibility: visible !important;
}

#personal-bookmarks #PlacesToolbar .chevron{
  display: none;
}

#personal-bookmarks #PlacesToolbar > hbox > hbox{
  overflow-x: hidden;
  overflow-y: hidden;
}

#personal-bookmarks #PlacesToolbar #PlacesToolbarDropIndicator[collapsed="true"],
#personal-bookmarks #PlacesToolbar #PlacesToolbarDropIndicator{
  display: none;
}

#personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item{
  padding-top: 2px;
  padding-bottom: 2px;
  /*margin-left: -4px !important;
  padding-right: 9.5px !important;*/
}

#personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item:hover:active:not([disabled="true"]),
#personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item[open="true"] {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
  /*-moz-padding-start: 4px;
  -moz-padding-end: 2px;*/
}

#personal-bookmarks #PlacesToolbar toolbarseparator{
  -moz-appearance: none !important;
  visibility: visible !important;
  display: inline;
  text-shadow: none !important;
  border-left: 3px solid ThreeDShadow !important;
  border-right: 3px solid ThreeDHighlight !important;
  vertical-align: middle;
}

#personal-bookmarks toolbarbutton.bookmark-item[dragover][open]{
  -moz-appearance: toolbarbutton;
}

#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar):not(#TabsToolbar) {
  max-height: 999px !important;
}


/* Abstände Lesezeicheneinträge verkleinern */
toolbarbutton.bookmark-item:not(.subviewbutton) {
    margin: 0 -2px !important;
}

Valeria · 29. Juni 2018

@macko125 :
Du hast mich gerade sehr glücklich gemacht

Danke für den Code, jetzt steht dem "neuen" Firefox ESR (57+) am Notebook (1366 Pixelbreite) nichts mehr im Weg.
Endlich wieder Platz in der Lesezeichenleiste!

MBLA · 14. März 2020

Seit dem letzten Update auf Version 74.0 wird die Leiste bei mir am linken Rand senkrecht angezeigt.
Zudem ist der komplette Inhalt des geöffneten Tabs leer oder verdeckt, was auch immer da genau schief läuft.
Vllt. kann da jemand mit Ahnung was dazu sagen?!

Viele Grüße, Manfred

2002Andreas · 14. März 2020

Bitte mal deinen kompl. Code entfernen, und diesen wieder einfügen:

CSS:

#personal-bookmarks toolbarbutton.bookmark-item[image]:not([image=""]):not([container]) .toolbarbutton-text,
    #personal-bookmarks toolbarbutton.bookmark-item[image]:not([image=""]):not([container]) .toolbarbutton-text-shadow {
        display: none !important;
    }
    

#personal-bookmarks toolbarbutton.bookmark-item[container] .toolbarbutton-text,
    #personal-bookmarks toolbarbutton.bookmark-item[container] .toolbarbutton-text-shadow {
        display: none !important;
    }


#personal-bookmarks toolbarbutton.bookmark-item[container] .toolbarbutton-text,
    #personal-bookmarks toolbarbutton.bookmark-item[container] .toolbarbutton-text-shadow {
        border: none !important;
    }
    
/*Mehrzeilige Lesezeichen-Symbolleiste*/
@-moz-document url-prefix("chrome://browser/content/browser.xhtml") {
     #PersonalToolbar {
        max-height: calc(20px * 3) !important;
    }
    
    #personal-bookmarks,
    #PlacesToolbar,
    #PlacesToolbar > hbox {
        display: block ;
        }
    
    #PersonalToolbar toolbarbutton {
        min-height: 20px !important;
        max-height: 20px !important;
    }
    
    #PlacesToolbarItems {
        max-height:60px!important;
        display: flex!important;
        flex-wrap: wrap!important;
        overflow-x: visible!important;
        overflow-y: auto!important;
    }
    
    #PlacesToolbar,
    #PersonalToolbar > scrollbar {
        -moz-window-dragging: no-drag !important;
    }
    
    #PlacesToolbar #PlacesChevron {
        display: none !important;
    }
}

MBLA · 15. März 2020

Super, hat funktoniert! 👍🏻

Vielen, herzlichen Dank! 😊

Suche

Firefox Lesezeichen Symbolleiste - Namen ausblenden/deaktivieren nur FavIcons

Vikingr

Ensign

macko125

Lt. Junior Grade

Assimov

Gast

Vikingr

Ensign

cartridge_case

Fleet Admiral

rentasad

Newbie

macko125

Lt. Junior Grade

rentasad

Newbie

MBLA

Cadet 1st Year

macko125

Lt. Junior Grade

MBLA

Cadet 1st Year

MBLA

Cadet 1st Year

macko125

Lt. Junior Grade

MBLA

Cadet 1st Year

2002Andreas

Lt. Junior Grade

Valeria

Admiral

MBLA

Cadet 1st Year

2002Andreas

Lt. Junior Grade

MBLA

Cadet 1st Year