Beiträge von Horstmann

  • Unterschiedlicher Verlauf Border - oben / unten

    In meiner userChrome.css habe ich unten eine Border eingebaut für jeweils die nav-bar, PersonalToolbar und die ( unten sitzende ) TabsToolbar .

    Für die ersten beiden ist diese untere Border ein Verlauf von links ( transparent ) nach rechts ( hellgrau ) , s. Screenshot #1 .

    Das CSS dafür ist dieses :

    Jetzt dachte ich mir , es wäre nett mal auszuprobieren, ob eine helle Kante direkt unter diesen verlaufenden Trennlinien nicht auch nett wäre ; für einen altmodischen 3D Effekt .

    Was auch nicht so schwierig ist - im Prinzip .

    Das Beste was ich geschafft habe, ist eine helle Kante über die gesamte Breite, aber leider bekomme ich keinen Verlauf für diese zweite Kante hin .

    Das aktuelle CSS für die zusätzliche Border , nach erfolglosen Versuchen mit diversen background/border-image etc. Varianten :

    CSS
    #PersonalToolbar {
box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.9) !important;
}

#TabsToolbar {
box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.9) !important;
}

    Funktioniert , aber halt leider kein Verlauf von transparent links nach weiss rechts , s. Screenshot #2 .

  • Lesezeichen-Symbolleiste

    Zum testen kannst du auch mal Folgendes in die userChrome.css kopieren, und nur das ; wenn das Ergebnis nicht komisch aussieht , hast du irgendwo einen Fehler drin.

    Und wie oben schon erwähnt - die Datei muss userChrome.css heissen, mit grossem C , in einem Ordner namens  chrome , im aktiven Profilordner ; und nach Änderungen Firefox beenden und neustarten .

    Mit Linux kenne ich mich nicht aus, aber du solltest Dateiendungen anzeigen oder ähnliches im OS aktiviert haben, und die userChrome.css Datei als reinen Text formatieren .

    CSS
    :root {
--toolbar-bgcolor: red !important;
}


#navigator-toolbox {
background-color: cyan !important;
}

  • Nach Update von V91 auf V103 gehen meine scripte nimmer - erledigt

    Zitat von scorpie

    Ist erledigt, woran genau es lag weiß ich nicht. Denk mal an der userChrome.js

    Vorher sah die so aus

    Code
    // userChrome.js
userChrome.ignoreCache = true;
userChrome.import("*", "UChrm");

    jetzt so

    Code
    // userChrome.js
userChrome.ignoreCache = true;
userChrome.import("/scrollbars.uc.js", "UChrm");
userChrome.import("/Firefox_ToolBarButtons.uc.js", "UChrm");
userChrome.import("/RAMBack.uc.js", "UChrm");
userChrome.import("/RestartFirefoxButton_Movable.uc.js", "UChrm");

    Ging vorher mit dem Platzhalter auch ohne jede Datei einzeln einzutragen. Oder den gefühlten 100 Neustarts.

    Na egal, erledigt

    Also hast du die Änderungen denn selber eingetragen, oder hat sich die userChrome.js plötzlich von alleine geändert ?

    Es liest ja der Eine oder Andere mit, und könnte von gemachten Erfahrungen profitieren ...

    Davon abgesehen funktionieren meine paar Scripts mit einer userChrome.js, die nach wie vor so aussieht :

    JavaScript
    // userChrome.js
userChrome.ignoreCache = true;
userChrome.import("*", "UChrm");

  • Adressleiste bei klick - hintergrundfarbe ändern ?

    Zitat von Son Goku
    Zitat von reni

    Guten Morgen,

    und wie hast du den markierten Text grün bekommen?

    Guten Morgen,

    habe ich so gemacht.

    CSS
    #urlbar-container {
    --toolbar-field-focus-border-color:#486860 !important;
    }


    Moment, wäre das nicht nur die Farbe für die Umrandung ?

    Für den markierten Text benutze ich sowas :

    CSS
    /* Highlight color URL bar */
#urlbar-input::selection {
background-color: rgba(87, 80, 68, 0.2) !important;
}

  • JavaScript mag nicht funktionieren

    Zitat von 2002Andreas

    Teste bitte mal die Kurzform.

    Danke, geht prima . :)

    Du hälst es gerne kurz und knackig, ist mir schon aufgefallen . ;)

    Ist auch besser so, es sammelt sich so schnell unnötiger Ballast an ...

    Ich habe oft ein paar Zeilen mehr als nötig in der userChrome.css während ich Dinge noch austeste, wegen der Übersichtlichkeit beim Bearbeiten ; idR gehe ich dann aber alle 1-2 Wochen über die Datei drüber und fasse Einträge zusammen etc. .

  • JavaScript mag nicht funktionieren

    Zitat von grisu2099

    Wenn das Script nicht funktioniert, startet der Fuchs nicht neu... ;)

    Verstehe, danke für die Antworten ! :)

    Ich hab mir das mal umgestrickt mit gleicher Funktion für alle Mausbuttons, und Icon über CSS ; scheint zu funktionieren .

    Nur zur Info, Vorsicht von Anfänger modifiziert :

    Icon, sichtbar nur bei hover :

  • Anpassen des Bibliothek-Fensters

    Zitat von 2002Andreas
    Zitat von Horstmann

    leider bis auf die in der Bibliothek-Downloadliste

    Teste bitte mal:

    CSS
    .downloadTypeIcon {
filter: grayscale(50%) sepia(1%) !important;
}

    Nochmals vielen Dank , das funktioniert prima !

    Tatsächlich habe ich jetzt auch endlich kapiert wie man das Bibliotheksfenster mit den Browsertools auslesen kann , also weniger Anfänger-Fragen zumindest dazu in der Zukunft . ;)

    Dann geh ich jetzt mal schauen, wie ich die Bibliotheksfenster dazu bringen kann nicht das macOs Design zu benutzen ... ||

  • Anpassen des Bibliothek-Fensters

    Zitat von 2002Andreas
    Zitat von Horstmann

    die bunten Favicons in der Bibliothek

    Wenn ja, dann teste bitte und pass dir den Wert an.

    CSS
    #placeContent.plain.placesTree treechildren::-moz-tree-image {
  opacity: .5 !important;
}

    Es funktioniert tatsächlich doch mit einem Filter, man muss nur den gesamten Inhalt anzielen statt der Icons :

    CSS
    /*  Library Icon saturation  */
#placeContent.plain {
filter: grayscale(50%) sepia(1%) !important;
}
treechildren::-moz-tree-image {
fill: rgba(87, 80, 68, 1) !important;
}

    Damit werden dann alle icons - leider bis auf die in der Bibliothek-Downloadliste - in der Sättigung reduziert, und zusätzlich die Basisicons wie Ordner und Weltkugel mit einer beliebigen Farbe gefüllt .

    Man muss halt mit dem Filter vorsichtig umgehn, weil wie gesagt alles inkl. Hintergrundfarben und Text angesprochen wird ; mit dem grayscale Filter kann man aber nicht viel falsch machen, und so passt das Ganze jetzt besser zu meinem restlichen Look .

  • Download Button verstecken - Variante ?

    Zitat von clio

    Wahrscheinlich freuen wir uns aber nur darüber...denk dran, immer von den geänderten Dateien auch ein Backup zu machen,

    wäre doch ärgerlich, wenn man wieder von vorne beginnen müsste.

    Das ist auch ein Grund, warum ich nur die esr-Versionen nutze, da kann ich mein CSS länger mitschleppen, da dort so oft keine deutlichen Änderungen kommen.

    Viel Spaß noch beim Tüfteln.

    Seit ich an FF rumbastle, hab ich knapp 300 userChrome.css backups - allerdings von 4 Profilen - und ungefähr 20GB an Firefox Komplettbackups . In ungefähr 3 Monaten ....

    Das Ganze 6x gesichert auf den normalen Backup Festplatten .

    Und nachdem ich das jetzt tatsächlich nachgeschaut habe, geh ich erstmal löschen, das ist ja dann doch ein bisschen viel ... ;)

    Aber Du hast natürlich recht - ohne Backup zu basteln ist keine gute Idee ; meine Strategie - Backup, dann wild in die Tasten hauen , und sich wundern . ^^

  • Download Button verstecken - Variante ?

    Zitat von clio

    Ich wollte auch gerade noch was schreiben, da habe ich Deinen Eintrag gesehen.

    Schön, daß Du es gelöst hast. Ich wollte u.a. noch die Tastenkombi Strg+Umschalt+Y erwähnen.

    Ich sehe aber, daß wir die Funktion doch sehr unterschiedlich nutzen. Ich habe z.B. keine Icons in der Leiste, habe überhaupt nur eine einzige Leiste mit Inhalt, meine Tableiste ist links angeordnet, also von der Standardansicht ist nicht mehr viel übrig.

    Ich habe auch für mich die perfekte Lösung gefunden, eben abgestimmt auf meinen persönlichen Geschmack.

    Das ist ja das Schöne an der ganzen Sache, man kann sich in Firefox eine Menge nach den eigenen Vorlieben und Bedürfnissen anpassen .

    Das Problem ist nur - man kann sich eine Menge nach den eigenen Vorlieben und Bedürfnissen anpassen ;) .

    Der Aufwand am Ende, zusammen mit dem Suchtfaktor, ist manchmal beänstigend , vor allem für einen Anfänger .

    Meine eigene Version , wie in den Screenshots, ist jetzt eine Art etwas minimierter, alter Safari Browser, mit 6 Icons .

    Etwas überladen, aber man gönnt sich ja sonst nichts ...

    Man kann auch die Lösung wie von Andreas oben beschrieben benutzen , oder hier auf dem Mac einfach mit cmd+j die Bibliotheks-Downloadliste aufrufen ( vermutlich ähnlich wie Strg+Umschalt+Y bei Dir ? ) und den Liste leeren Button klicken .

    Aber die Schaltfläche musste einfach her, der Downloadbutton musste verschwinden - ohne Rechtsklick oder Tastatur ! ;)

    Als CSS benutze ich das hier, zusammen mit Schaltfläche nur bei vorhandenen Downloads anzeigen -->

    Die Icons sind dann jeweils selbergemachte , teils animierte Bilder, daran bastel ich noch ; die original FF Download Animation ist hier abgeschaltet .

    Nix Dolles, aber ich hänge sie mal mit an .

    Animierte .gifs sind vielleicht nicht die beste Lösung , geht halt einfach in Photoshop zu machen, und sie laufen ja nur kurz .


  • Download Button verstecken - Variante ?

    Der Inhalt kann nicht angezeigt werden, da er nicht mehr verfügbar ist.
    Der Inhalt kann nicht angezeigt werden, da er nicht mehr verfügbar ist.
    Der Inhalt kann nicht angezeigt werden, da er nicht mehr verfügbar ist.
    Nach einigem Hin und Her war dann für mich die ursprüngliche Lösung die beste, wie so oft ... ;)

    Das Script von oben , mit ein wenig CSS, ergibt dann eine Schaltfläche im Download Popupfenster das ohne weitere Umwege den Download Button verschwinden lässt .

    Um die zusätzliche Trennlinie weg zu bekommen habe ich das hier rausgelöscht :

    JavaScript
    this.clearPanelButton
?.closest("#downloadsFooter")
.prepend(document.createXULElement("toolbarseparator"));
this.clearPanelButton?.parentElement.setAttribute("uc-hbox", "true");
}

    Und in der userChrome.css für die bündige Positionierung dann noch das hier :

    CSS
    #clearDownloadsPanel {
margin: 0px !important;
}

    Kann man bestimmt auch im Script anpassen, das eine Positionierung nicht unter, sondern neben der Alle Downloads anzeigen Schaltfläche vorsieht, aber das hat bei mir nicht funktioniert, und so sitzt die Schaltfläche sauber darunter .

    Wenn man lustig ist kann man auch noch ein Icon einbauen, geht einfach damit, Positionierung über margin nach Belieben :

    CSS
    /* Optional Icon */
#clearDownloadsPanel .button-icon {
list-style-image: url("middle2.png") !important;
margin-inline: 2px 4px !important;
margin-block: -1px 1px !important;
}

    Und hier dann noch die Screenshots, mit/ohne Icon, und ein Icon .


  • Anpassen des Bibliothek-Fensters

    Ich hoffe das passt hier mit rein, ich hätte da ebenfalls eine Frage zu dem Thema Bibliothekfenster anpassen .

    Und zwar würde ich gerne die bunten Favicons in der Bibliothek in der Farbsättigung verringern , wie ich es im Rest des Firefox UI schon gemacht habe , unter anderem mit so einem Eintrag in der userChrome.css :

    CSS
    .tabbrowser-tab .tab-icon-image {
filter: grayscale(50%) sepia(10%) !important;
}

    Könntet Ihr mir den entsprechenden CSS code / ID für die Icons mit auf den Weg geben, falls es da einen gibt der unter Umständen alle Favicons in den Bibliothekfenstern abdeckt ?

  • Download Button verstecken - Variante ?

    Danke nochmal für die Antwort ! :)

    Sorry wenn ich etwas unklar war in der Beschreibung , ist manchmal schwer in Woren zu erklären .

    Zu Variante 1 : Das automatische Aufgehen des Download-Popup Fensters will ich vermeiden, ist aber auch unabhängig vom Problem .

    Zu Variante 2 : Nach dem Ende des Downloads hat man einen sichtbaren Download Button, der beim drauf klicken verschwindet - prima !

    Das Problem ist, genauso wie in meiner CSS Variante - das Download-Pup Fenster lässt sich dann zum Schluss nicht mehr öffnen, um z:b. nochmal kurz die Downloads zu checken, weil mit dem Klicken des finalen Buttons dieses Downloadfenster kurz aufblitzt, dann aber sofort schliesst .

    Damit könnte ich leben, aber dieses Aufblitzen des Fensters stört mich mal wieder ; kann man aber abstellen , mit diesem Eintrag in der userChrome.css -->

    CSS
    #downloadsPanel-mainView {    
display: none !important;
}

    Dadurch ist das Download-Popup Fenster aber komplett ausgeschaltet, und man kann während des Downloads nicht z.B. den Fortschrittbalken kurz aufrufen .

    Wie gesagt, ich suche fleissig weiter, und es ist natürlich nur eine Kleinigkeit und persönliche Vorliebe, kein Problem oder Notwendigkeit .

    Aber das Meiste was wir hier machen ist ja nicht etwas das gelöst werden muss , sondern was wir anders gelöst haben wollen . ;)