FF 57 Mehrzeilige Lesezeichen-Symbolleiste

black10

Hallo,

Bisher konnte man über das Add on "multirow bookmarks toolbar plus" die Lesezeichen-Symbolleiste mehrzeilig darstellen lassen.
Dieses ist mit der Version 57 ja nun (leider) entfallen.

Gibt es eine Alternative/Einstellungsmöglichkeit diese Leiste trotzdem noch über mehr als eine Zeile darzustellen..?

2002Andreas

Teste bitte mit einem Code:

CSS

#TabsToolbar
            {
            margin-top:-2px !important
            }


            .bookmark-item
            {
            margin-top:2px !important
            }


            #personal-bookmarks
            {
              display:block;
            }


            #PersonalToolbar            {
              display:block;
              min-height: 0px!important;     
              max-height: 300px!important ;


            }


            #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"]
            {
              display:none;
            }


            #personal-bookmarks #PlacesToolbar #PlacesToolbarDropIndicator
            {
              display:none;
            }




            #personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item
            {
              padding-top: 2px;
              padding-bottom: 2px;
              padding-left: 3px;
              padding-right: 3px;
            }
            #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;
            }

Alles anzeigen

Einzutragen in die userChrome.css

Sollte der Ordner chrome nicht vorhanden sein musst du ihn dir erst erstellen, und in ihm dann eine userChrome.css
Du mußt dir im Profilordner einen neuen Ordner chrome erstellen und in diesem dann eine Textdatei ( mit einem Editor ) in die du den Code kopierst, bzw. einträgst.

Dann schließt du die Datei und speicherst sie als userChrome.css ab.
Danach mußt du den Firefox neu starten.

PS:
Du musst dir dazu die versteckten Dateiendungen anzeigen lassen.

Um das einzustellen geht man im Windows Explorer (wenn man einen Ordner offen hat) links oben auf

"Organisieren" -> "Ordner und Suchoptionen" -> "Ansicht"

und entfernt das Häkchen bei "Erweiterungen bei bekannten Dateitypen ausblenden"

Wo finde ich meinen Profilordner

black10

Ja, Danke hat geklappt.

Alles so wie vorher. Sehr schön

2002Andreas

Danke für die Rückmeldung, freut mich dass ich dir helfen konnte

elli1983

Hallo,
habe diesen Code in userChrome.css hineinkopiert und nicht einmal eine Lesezeichenzeile erscheint. Wenn ich es zurücksetze auf den Ihnalt der zip.Datei, dann erhalten ich eine einzeilige Lesezeichenleiste.
Wo ist der Fehler? Hier den gesamten Inhalt von userChrome.css: (BITTE HILFE!!! & DANKE)

CSS

* userChrome.css **********************************************/


@-moz-document url-prefix(chrome://browser/content/browser.xul) {
/***************************************************************/


/* CSS-Anweisungen bitte unter diesen Kommentar eintragen. */
#TabsToolbar
            {
            margin-top:-2px !important
            }


            .bookmark-item
            {
            margin-top:2px !important
            }


            #personal-bookmarks
            {
              display:block;
            }


            #PersonalToolbar            {
              display:block;
              min-height: 0px!important;     
              max-height: 300px!important ;


            }


            #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"]
            {
              display:none;
            }


            #personal-bookmarks #PlacesToolbar #PlacesToolbarDropIndicator
            {
              display:none;
            }




            #personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item
            {
              padding-top: 2px;
              padding-bottom: 2px;
              padding-left: 3px;
              padding-right: 3px;
            }
            #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;
            }

Alles anzeigen

Edit 2002Andreas
Text in Klammercode gesetzt.

2002Andreas

Zitat von elli1983

den Ihnalt der zip.Datei

Welche Zip Datei?

Zitat von elli1983

diesen Code in userChrome.css hineinkopiert

Wenn der exakt so darin steht hat er Fehler.

Teste diesen bitte mal:

CSS

@-moz-document url-prefix(chrome://browser/content/browser.xul) {


/* CSS-Anweisungen bitte unter diesen Kommentar eintragen. */
#TabsToolbar
            {
            margin-top:-2px !important
            }


            .bookmark-item
            {
            margin-top:2px !important
            }


            #personal-bookmarks
            {
              display:block;
            }


            #PersonalToolbar            {
              display:block;
              min-height: 0px!important;     
              max-height: 300px!important ;


            }


            #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"]
            {
              display:none;
            }


            #personal-bookmarks #PlacesToolbar #PlacesToolbarDropIndicator
            {
              display:none;
            }




            #personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item
            {
              padding-top: 2px;
              padding-bottom: 2px;
              padding-left: 3px;
              padding-right: 3px;
            }
            #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;
            }}

Alles anzeigen

BarLoup

Hallo, eine Frage als absoluter Laie: Was heißt "Teste bitte mit einem Code"? Ich hab alle Angaben aus #2 einfach kopiert und so in meine UserChrome.css-Datei eingetragen, aber leider erscheinen die Tabs immer noch einzeilig. Irgendwas mache ich falsch, aber was?

2002Andreas

Zitat von BarLoup

erscheinen die Tabs immer noch einzeilig.

Siehe bitte den Threadtitel, es geht um die Lesezeichenleiste und nicht die Tableiste.

BarLoup

Oh, sorry, ich bin über den Verweis unter
"Re: Firefox 57: wie Tabs mehrzeilig?
hier steht die Lösung
viewtopic.php?p=1056519#p1056519"
auf diese Seite gestoßen...

Boersenfeger

Dies habe ich jetzt mal als falsch gekennzeichnet.. :oops:

elli1983

Hallo Andreas,
zunächst beantworte ich deine Frage:
zip.Datei aus "FF-Anpassungen, Basis: https://www.camp-firefox.de/forum/viewtopic.php?f=16&t=122538
Ich habe nun deinen Code in die userChrome.css hineinkopiert und es erscheint nicht einmal eine Leserzeichenleiste.
Was tun?
Danke & lieben Gruß
Elli

2002Andreas

Zitat von elli1983

zip.Datei aus "FF-Anpassungen

Diese Datei hat auch nichts mit optischen Änderungen vom Fx zu tun und gehört daher auch nicht in die userChrome.css

In die userChrome.css gehört nur der Code aus Beitrag Nr. 2
Damit wird eine 2te Lesezeichenleiste erstellt die aber erst erscheint wenn die erste Zeile kompl. belegt ist.
Und, es werden auch nur 2 Zeilen angezeigt, nicht mehr.

elli1983

Hallo Andreas,
ich meinte, dass ich zunächst alle diese Dateien kopiert habe:
"Nach dem Herunterladen und Entpacken der ZIP-Datei solltest du einen Ordner mit folgendem Inhalt vorfinden:

Unterverzeichnis userChromeJS mit den Dateien
main.js
utilities.js
Readme.txt

Unterverzeichnis chrome mit den Dateien
userChrome.js
userChrome.css
userContent.css

Datei config.js

Datei config-prefs.js"
Erst danach habe ich die userChrome.css mit deinem Code versehen aber leider bekomme ich nicht einmal 1 Lesezeichenzeile.
Elli

2002Andreas

Zitat von elli1983

bekomme ich nicht einmal 1 Lesezeichenzeile.

Hallo Elli...

dann passt etwas noch nicht.
Also bitte noch mal alles genau überprüfen.

Wenn du gar keine Lesezeichenleiste hast könnte es auch sein, dass sie gar nicht aktiviert ist bei dir :-??
Mach also bitte mal einen Rechtsklick im leeren Raum auf der Tableiste und sie nach ob da ein Haken gesetzt ist für dir Leiste.

elli1983

Hallo Andreas,
sorry, dass ich dir so viel Zeit raube.
Das Häckchen ist gesetzt.
Mit der userChrome.css aus der berüchtigten Basisanpassung (viewtopic.php?f=16&t=122538) bekomme ich genau 1 Lesezeichenzeile. Sobald ich den restlichen Code einfüge, verschwindet diese.
Nun, weißt du, ob eine App für eine multirow Toolbar für Quantum schon existiert?
Elli

2002Andreas

Zitat von elli1983

sorry, dass ich dir so viel Zeit raube.

Hallo Elli...
kein Problem, wir helfen doch gerne wenn es uns möglich ist :wink:

Zitat von elli1983

für Quantum schon existiert?

Darüber ist mir nichts bekannt, auch nicht ob das überhaupt noch möglich ist als Erweiterung.

Zitat von elli1983

Sobald ich den restlichen Code einfüge, verschwindet diese.

Verstehe ich das richtig dass du noch andere Einträge in der userChrome.css hast?

Du kannst ja bitte mal den kompletten Inhalt deiner userChrome.css kopieren, und hier ins nächste Antwortfenster einfügen.

elli1983

Hallo Andreas,
hier die "nackte" userChrome.css, mit welcher 1 Zeile Lesezeichen erzeugt wird:

CSS

/* userChrome.css **********************************************/


@-moz-document url-prefix(chrome://browser/content/browser.xul) {
/***************************************************************/


/* CSS-Anweisungen bitte unter diesen Kommentar eintragen. */
#fake-beispiel {
	font-color: red !important;
}


/***************************************************************/
}

Alles anzeigen

Und hier die userChrome.css mit der Anpassung für die mehrzeilige Toolbar (ich hatte vor dem Update 3 volle Zeilen):

CSS

* userChrome.css **********************************************/


@-moz-document url-prefix(chrome://browser/content/browser.xul) {
/***************************************************************/


/* CSS-Anweisungen bitte unter diesen Kommentar eintragen. */
#TabsToolbar
            {
            margin-top:-2px !important
            }


            .bookmark-item
            {
            margin-top:2px !important
            }


            #personal-bookmarks
            {
              display:block;
            }


            #PersonalToolbar            {
              display:block;
              min-height: 0px!important;     
              max-height: 300px!important ;


            }


            #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"]
            {
              display:none;
            }


            #personal-bookmarks #PlacesToolbar #PlacesToolbarDropIndicator
            {
              display:none;
            }




            #personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item
            {
              padding-top: 2px;
              padding-bottom: 2px;
              padding-left: 3px;
              padding-right: 3px;
            }
            #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;}
            }

Alles anzeigen

2002Andreas

Hallo Elli..

da ist dir ein Fehler beim Kopieren des Codes unterlaufen.

Entfern bitte mal alles aus deine userChrome.css und füg das wieder ein:

CSS

/* userChrome.css **********************************************/


@-moz-document url-prefix(chrome://browser/content/browser.xul) {
/***************************************************************/


/* CSS-Anweisungen bitte unter diesen Kommentar eintragen. */
#TabsToolbar
            {
            margin-top:-2px !important
            }


            .bookmark-item
            {
            margin-top:2px !important
            }


            #personal-bookmarks
            {
              display:block;
            }


            #PersonalToolbar            {
              display:block;
              min-height: 0px!important;     
              max-height: 300px!important ;


            }


            #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"]
            {
              display:none;
            }


            #personal-bookmarks #PlacesToolbar #PlacesToolbarDropIndicator
            {
              display:none;
            }




            #personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item
            {
              padding-top: 2px;
              padding-bottom: 2px;
              padding-left: 3px;
              padding-right: 3px;
            }
            #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;}
            }

Alles anzeigen

elli1983

Hallo Andreas,
ich habe jetzt nur den Inhalt aus deiner Antwort vom 11:53 Uhr in die userChrome.css eingefügt. Ergebnis: gar keine Lesezeichenleiste.
Elli[attachment=0]Unbenannt.JPG[/attachment]

2002Andreas

Dann (passt) etwas noch nicht bei dir :-??

Diese Datei userChrome.css befindet sich im Ordner chrome, und der befindet sich im Profilordner?

Und du lässt dir auch die "versteckten bekannten Dateiendungen" anzeigen!?