Beiträge von Horstmann

  • Vertikale Lesezeichenleiste, Script und CSS

    Mir ist nicht ganz klar wie - aber mit einer wilden Mixtur aus Infos aus dem Forum hätte ich ( vielleicht ) hier eine potentiell funktionierende vertikale Toolbar in reduzierter Form . :)

    Die auch den Browserinhalt anpasst beim Schliessen !


    Vielleicht kann mir jemand mit mehr Kompetenz einen oder 2 Tips Tip geben, um weiterzukommen ohne zu viel Zeit mit meinem Amateurgepfusche zu verschwenden .

    Zu erledigen # 1 : Im Symbolleiste anpassen Fenster ist die Zusatzleiste nicht sichtbar ; bei mir sind die Leseichensymbole nur drin weil ich sie in einer früheren Version schon reingepflanzt hatte ; in eine unsichtbare Leiste kann man eben nichts reinschieben oder rausnehmen .

    Das wäre der allerwichtigste nächste Schritt .

    #2 : Die Lesezeichen als Inhalt der Zusatzleiste werden nur im ersten geöffneten Firefox Fenster dargestellt; in jedem weiteren Fenster bleibt die Liste leer ( Anhang 1 erstes Fenster , Anhang 2 neues Fenster ) .

    Andere Buttons aus dem Symbolleiste anpassen Fenster haben das Problem nicht - nur ausgerechnet die Lesezeichen Symbole machen Ärger ... Und um die geht's mir ja hauptsächlich ... X/

    #3 : Beim Einklappen der seitlichen Leiste gibt es das gleiche Problem wie beim Aris Script; der Browserinhalt 'zuckt' etwas für einen Moment, auf der rechten Seite und besonders die Scrollbar , bevor er sich komplett in der Breite angepasst hat .

    Wäre auch nett wenn man einen weichen Übergang haben könnte .

    Und hier der Code; sehr grob noch und mit mehr Sturheit als Verstand zu Laufen gebracht :

    Script für seitliche Toolbar :

    CSS, -moz-box-ordinal-group kann bestimmt auch in's Script, aber bis dahin braucht man das zur Positionierung .

    Button zum Ein-/ Ausklappen :

    Erwartet wird hier ein Icon in einem Ordner namens icons im chrome Ordner , genannt newtoolbar.png ( hängt an ) .

    Ansonsten ist der Button da, aber nur bei hover erkennbar .


    Kommentare, Hilfe und viel benötigte Verbesserungsvorschläge wie immer herzlich willkommen ! :)


                          

  • Vertikale Lesezeichenleiste, Script und CSS

    Zitat von Mira_Belle

    Ich nutze das Button_PersonalToolbar.uc.js, nur ist beim Start des Firefox

    die Lesezeichen-Symbolleiste sichtbar.

    Als Notlösung haben "wir", wie hier beschrieben

    einfach eingefügt.

    In dem Thread zum Toggle Button ist die Festlegung vom Startzustand eigentlich schn öfters definiert worden, in den Scripts die gepostet wurden.

    BrokenHeart hat eine super Variante angeboten, die das Problem mit der mehrere Fenster übergreifenden Buttonfunktion löst .

    Nur der Startzustand war dabei weggefallen , war aber ja auch nicht angefragt .

    Beide unserer Notlösungen scheinen zu funktionieren, zumindest auf meiner Seite ; die Frage scheint mir eher ob man den Code eleganter einpflegen kann, als dass man eine komplett andere Lösung braucht .

  • Vertikale Lesezeichenleiste, Script und CSS

    Zitat von Mira_Belle

    Ich bekomme es einfach nicht gebacken!

    Es gibt eine Funktion in JavaScript um Elemente auszublenden.

    function hide_elements()

    im zusammenspiel mit document.getElementById(elementName).style.display='none';

    Aber ich bekomme es einfach nicht hin.    

    Jeztz bin ich etwas verwirrt - geht's dabei um die ursprüngliche Frage - das Anpassen des Browserfensters beim Schliessen einer seitlichen Leiste ?

  • 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 .