Beiträge von Horstmann

  • Vertikale Lesezeichenleiste, Script und CSS

    Cool, funktioniert bei mir auch , Danke ! :)

  • Vertikale Lesezeichenleiste, Script und CSS

    Zitat von Mira_Belle

    Jup, genau dieses!

    Kann mir jemand etwas einfügen, damit die Leiste per default ausgeblendet ist?

    Oder geht das nicht?

    Genau das habe ich auch kürzlich ausprobiert ; hier ist was bei mir zu funktionieren scheint :

    Im Script habe ich in den oberen Zeilen das hier verändert bzw. eingefügt ( Vorsicht, ich habe keine Ahnung vom Scripten ! ) :

    Also nur die beiden Zeilen ( hier: 5 und 13 ) eingefügt .

    Aber wie gesagt, ich habe keine Ahnung davon, hab das nur von einer anderen Version des Scripts übernommen und mit etwas rumprobieren reinkopiert .

    Ein Experte kann Dir sicher eine sauberere Lösung anbieten , wäre vielleicht auch was für den originalen Thread .

  • Vertikale Lesezeichenleiste, Script und CSS

    Zitat von uwe_p

    Also ich habe dank freundlicher Helfer per CSS meine Sidebar so schön ;) umgestaltet, dass sie immer sichtbar sein soll und für mich nichts anderes darstellt als eine zweite (senkrechte) Lesezeichen-Symbol-Leiste. Dinge wie sidebar-header, sidebar-search-container und die Pfeil-Symbole links unsichtbar gemacht, schöne Trenn-Linien und eine bunte Animation als rechten Rand. Fast eine Sünde, solches vom Bildschirm verschwinden zu lassen ;) , zumal mein 16:10-Bildschirm so viel Horizontale hat gegenüber den vorigen mit 4:3 und 5:4.

    Das ist übrigen der Code, welcher die Schönheit erzeugt:

    Auch nicht schlecht, obwohl ich selber eher farbneutraler unterwegs bin ;) .

    Beim Projekt vertikale Lesezeichenleiste zum Einklappen gibt's auch was Neues ; erstmal hab ich die CSS tapfer und radikal reduziert .

    Zusätzlich zum Script von Aris benutze ich nur noch das hier zur groben ersten Anpassung ; die Breite ist im Script eingetragen ( geht auch im CSS ) .

    Zum stylen benutze ich die IDs #addonbar_v , #tooglebutton_addonbar_v, #PlacesToolbar und #personal-bookmarks ; #PersonalToolbar geht nicht, weil man ja die eigentliche Lesezeichenleiste nicht benutzt, sondern die neue #addonbar_v .

    Eigentlich logisch, hat aber einen Moment gedauert bis ich drauf kam ;) .

    Zum Herumschieben im Symbolleiste anpassen Fenster hilft mir das hier :

    CSS
    #addonbar_v[customizing] {
background-color: orange !important;
}

    Und nach ein paar zusätzlichen Schönheitsreparaturen sieht das Ganze momentan so aus - nicht ausführlich getestet, und wie schon erwähnt ist die Animation der Breitenanpassung beim Ein/Ausklappen etwas grob , aber immerhin .


  • Vertikale Lesezeichenleiste, Script und CSS

    Das ist wirklich pfiffig; veilleicht nicht was ich persönlich für diesen speziellen Zweck benutzen würde, aber eine Bereicherung für die Scriptsammlung , vielen Dank ! :)

    Mit dem (groben) CSS von meinem Beitrag davor sitzen die Lesezeichen auch untereinander; die popup Fenster muss man halt dann nach Belieben anpassen .


    Aber noch eine spezifische Frage an die Runde :

    Ich arbeite weiter an bzw. mit dem Script von Aris , funktioniert soweit prima , nur eines ist etwas unschön : die Übergänge zwischen Leiste auf und Leiste zu sind sehr ruckhaft .

    Beim Ein- und Ausblenden der Seitenleiste,während sich das Browserfenster in der Breite anpasst, gibt es keine Animation bzw. transition Phase, und zudem blitzt auf der rechten Seite kurz die Scrollbar auf , nach innen versetzt, bis sich das Fenster komplett justiert hat .

    Die reguläre Sidebar zum Beispiel macht das geschmeidiger, wie ja auch zu erwarten ist .

    Hättet Ihr evtl. Ideen dazu um das abzumildern ?

    Hier nochmal der Link zum Originalscript .

    Falls es was bringt ; in den Browserwerkzeugen lässt sich diese CSS für die Aris Toolbar auslesen ( Breite im Script schon auf 130px geändert ) :

  • Vertikale Lesezeichenleiste, Script und CSS

    Das ist noch in Arbeit, gut die Hälfte davon ist entweder unnötig oder muss weiter angepasst werden, aber für's erste bekomme ich die Lesezeicheneinträge damit untereinander dargestellt :

    Im Prinzip ist das der vertikale Lesezeichen Code vom Otherguy mit minimaler Änderung, was sehr ähnlich ist mit dem CSS für die mehrzeilige Lesezeichenleiste aus dem Forum hier .

    Im Aris Skript ist die Breite auf 130px gesetzt, wie Andreas es beschrieben hat , die gleiche Breite habe ich dann erstmal einfach in die CSS gesetzt .

    Ebenfalls wie von Andreas beschrieben ist das Vorgehen zum Verschieben der Lesezeichen in die neue Leiste .

    Das geht alles noch viel eleganter, und die Abstände der Zeilen in der Lesezeichenleiste werden mit diesem CSS ignoriert, da muss ich wohl noch mit spezifischeren Selektoren rangehen , aber es ist ein Anfang .


    Ids aus dem Aris Script zum Spielen, und die Hintergrundfarbe hilft zur Übersicht beim Testen :

    CSS
    #tooglebutton_addonbar_v {
list-style-image: url("bookmark-cap-32.png") !important;
}


#addonbar_v {
background-color: orange !important;
}

    Kleiner Button im Anhang .


    Und natürlich nicht zu vergessen : Dankeschön für Eure Hilfe ! :)

  • Vertikale Lesezeichenleiste, Script und CSS

    Zitat von Mira_Belle

    Will Horstmann einfach nur eine zusätzliche, frei konfigurierbare Seitenleiste,

    die den Fensterinhalt staucht, oder bei Einblendung überlagert?

    Fragen über Fragen. :/

    Genau das; eingeblendet reduziert die (zusätzliche) Seitenleiste das Browserfenster, ausgeblendet wächst das Browserfenster wieder zu voller Breite ; ansonsten wäre diese Seitenleiste idealerweise wie eine zusätliche toolbar, nur eben vertikal .

    Also in diesem einen Verhalten genau wie die Sidebar - aber eben keine Sidebar, weil die mir generell im Aufbau und der Funktionsweise nicht gefällt .

    Möglich dass die Sidebarskripts von oben eine entsprechende Modifikation erlauben, aber ich hatte die bisher nicht sauber zum laufen gebracht, wie gesagt .

    Aber lange Rede kurzer Sinn - mit zarten Modifikationen am Skript von Aris und am vertikalen Bookmarks CSS von Mr. Otherguy bin ich nah dran ; es scheint soweit schon prima zu klappen, ich muss nur noch den ganzen Stylingkrams aus dem Skript überschreiben oder editieren .

    Wenn doch bloss die Skripte Schreiber das ganze Stylegedöns in eine separate CSS Datei packen würden, wir Anfänger hätten's so viel einfacher ... ;)

    Sobald ich was Spruchreifes habe poste ich den Code - und vielen Dank nochmals für Eure Mühe ! :)


  • Vertikale Lesezeichenleiste, Script und CSS

    Zitat von Mira_Belle

    Nimm doch bitte noch einmal das originale expandsidebar.uc.js Script,

    ohne irgendwelche Veränderungen.

    Teste es bitte in einem jungfräulichen Profil, natürlich vorbereitet, damit es auch CSS und Javescript verarbeiten kann.

    Und berichte, bitte.

    Habe ich widerholt versucht, Script hatte ich mehrmals neu kopiert, nie verändert, und in verschiedenen Profilen ; das Ergebnis ist immer das Gleiche wie im obigen Beitrag beschrieben .

  • Vertikale Lesezeichenleiste, Script und CSS

    Kann gut sein dass ich etwas falsch mache hier , aber dieses Script erzeugt bei mir nur eine Sidebar mit ein paar kleinen Modifikationen, und einigen Bugs .

    Der Inhalt lässt sich nicht verändern über Symbolleiste anpassen, weil die Leiste da nicht auftaucht, also gibt's auch keine austauschbaren Basis-Inhalte .

    Es ist einfach eine stinknormale Sidebar mit extra Knöpfen, etwas misslungenem Styling und eben ein paar Bugs ....

    Wie die Standard Sidebar ist sie vertikal, hat Sidebar Lesezeichen drin, und passt hier auch den Browserinhalt beim Schliessen/Öffnen in der Breite an .

    Aber es ist eine klassische Sidebar, und eine klassische Sidebar ist ja eben nicht das Ziel , sondern eine vertikale Lesezeichen-Symbolleiste .

  • Vertikale Lesezeichenleiste, Script und CSS

    Hehehe, das Script macht den Hintergund der normalen Firefox Sidebar transparent, und verhindert dass sich der Browserinhalt in der Breite anpasst, bei geöffneter normaler Sidebar . ;)

    Noch dazu geht die Sidebar nach kurzer Zeit automatisch zu, auch nicht optimal .

    Im Symbolleiste anpassen Fenster - oder überhaupt irgendwo - taucht die zusätzliche Sidebar nicht auf , also drag&drop geht nicht ; das Skript zerschiesst einfach nur die reguläre Firefox Sidebar . 8)

    Das Ganze ausprobiert im Testprofil ohne andere Scripts, und mit CSS Dateien deaktiviert (userChrome.css umbenannt) ; meine anderen Scripts, wenn benutzt, funktionieren .

    Ich benutze generell zur Verwendung von Scripten die Dateien von Endor, die hier verlinkt werden, seit Mitte diesen Jahres .

    Irgendwo hakt es da wohl; bei Dir scheint das Script ja zu klappen, bei mir macht es 10 Schritte in die genau falsche Richtung . ;)

    Meine FF Version ist die aktuelle 106, auf macOS .

    Hier noch ein Screenshot :


  • Vertikale Lesezeichenleiste, Script und CSS

    Vielen Dank, Mira, besser erklärt und zusammengefasst als ich es geschafft habe ! :)

    Und um alles an einer Stelle zu haben, hier auch noch ein Skript von Aris , Original hier .

    Damit erhält man eine zusätzliche vertikale Toolbar, die aber nur schwer zu bändigen ist - für mich jedenfalls .

    Meine Vermutung ist dass um Zeile 180 herum die Anpassung der Browser-Fensterbreite geregelt wird .

    Wie Mira aber schon dargestellt hat, ideal wäre wenn man "einfach nur" (...) im vorhandenen Button_PersonalToolbar

    Skript diese Anpassung mit einpflegen könnte .

    In der Höhe funktioniert es ja auch, wenn die Leseteichenleiste wie üblich horizontal ist .

    Zitat von Mira_Belle

    Was ich auch gerade festgestellt habe, die 'PersonalToolbar' überlagert bei mir zum Teil die Tableiste.

    Das hat den unschönen Effekt, dass der erste Tab nicht "angefasst" werden kann!

    Auch öffnet sich bei Rechtsklick folglich das falsche Kontextmenü.

    Wissen macht "AHHHH"!

    Ich habe die Tableiste per CSS nach unten versetzt, deshalb gibt es die Überlagerung :!:

    Den Spass hatte ich auch schon ;) .

    Es sollte klappen die Leiste nach unten zu schieben um die Höhe der Tabs Leiste :

    CSS
    #PersonalToolbar {
margin-top: 24px !important;
}

    Oder die Reihenfolge der Leisten festzulegen , zB auf die Art , abhängig von Deiner Konfiguration :

    Ich teste das Ganze momentan mit einem Einzeiler Profil, hatte die Überschneidungen aber auch am Anfang mit der Tableiste unten .

  • Neuen beweglichen Button mit Funktion erstellen.

    Nene, ich meine schon die klassische Lesezeichenleiste, nicht die Sidebar , wie hier beschrieben .

    Das geht auch mit reinem CSS wie im Anhang gezeigt, aber wie im Link geschildert, passt sich der Browserinhalt beim Schliessen der Leiste nicht flexibel an .

    Also ja, im Prinzip suche ich nach einer Art konfigurierbaren zusätzlichen Sidebar;

    was das Script von Aris auch bietet, nur idealerweise in vereinfachter Form - falls das überhaupt möglich ist .

  • Neuen beweglichen Button mit Funktion erstellen.

    Zitat von Mira_Belle
    Zitat von Horstmann
    Zitat von Mira_Belle

    Eine einfache zusätzliche Leiste.

    Herzlichen Dank, aber diese Leiste ist horizontal, nicht vertikal . :)

    Hatte ich auch schon probiert aufgrund deines früheren Beitrags, funktioniert auch prima - Dankeschön dafür - aber ist halt leider nicht vertikal bzw. seitlich angelegt .

    Verdammt, schreib doch gleich, "von oben nach unten"!

    Hehe :) ; also wenn der Daumen rechts ist und Richtung Himmel zeigt, dann ginge das von Daumennagel Oberkante abwärts . ;)

    Aber Du bist ja inzwischen eine veritable Script Expertin geworden - eine Oben-nach-Unten Symbolleiste für Lesezeichen ist doch ein Klacks für dich ! :saint:

  • Neuen beweglichen Button mit Funktion erstellen.

    Zitat von Dharkness

    Hallo Horstmann,

    schau mal da → #CustomJSforFx/addonbar_vertical.uc.js at master · Aris-t2/CustomJSforFx · GitHub.

    Vielen Dank für die Antwort . :)

    Ich hätte erwähnen sollen, dass ich dieses eine Script schon habe, ist aber etwas temperamentvoll in der Anwendung . ;)

    Meine Hoffnung war auf eine Art heruntergekochte Basis-Version, v.a. ohne die ganzen CSS bezogenen Störer für den Button etc., ; aber das ist wohl eher was für einen neuen Thread ; oder vielleicht was das hierzu passen könnte . :/ :saint: