userChrome.js Scripte für den Fuchs (Diskussion)

    Zitat von pascallo

    Hallo...:)
    statt 'createElement' muss es 'createXULElement' heißen.

    Nimm mal diesen Code...damit geht es bei mir:

    Danke! Es hat erst geklappt, nachdem ich den ganzen von dir geposteten Code genommen habe, war noch irgendein anderer Fehler in meinem Skript.

    Zitat von milupo

    Ich habe extra IDs hinzugefügt und wie bei den nachfolgenden Einträgen für userChrome.css und userContent.css die entsprechenden Ordnernamen in die Klammer der openFolder-Funktion eingefügt. Aber es muss sicherlich der Code der openFolder-Funktion weiter unten im Skript noch geändert werden. Im Moment sieht es bei mir so aus: ...

    Wie gesagt, es wird trotzdem der Ordner CSS geöffnet.

    Soweit ich das verstehe - und ich verstehe wenig von Javascript - verwendet die openFolder Funktion den Order von "get FOLDER" (bei mir ab Zeile 77). Dort ist der Unterordner "CSS" fest eingestellt. Deshalb ist es egal, was man am Menü verändert.

    Für das Öffnen eines Ordners könnte man das sicher variabel gestalten, aber beim Start oder Reload des Skripts werden die CSS-Skripte nur aus einem Ordnern geladen. Ob sich das leicht umbauen lässt, weiß ich nicht.

    Deshalb funktionieren mit UserCSSLoader nur CSS-Skripte, die ein einem Ordner liegen.

    Danke, bege. Mal sehen, was aborix schreibt. Das mit den zwei Ordnern ist nur eine Konvention, man kann alle CSS-Dateien in einem Ordner unterbringen. Aber es ist übersichtlicher, dass man die Dateien trennt, wenn man das Skript usercssloader.uc.js nicht nutzt. Es hat nämlich auch einen Vorteil, dieses Skript nicht zu nutzen: Wenn es irgendwann aus irgendeinem Grunde mal nicht funktioniert, z. B., weil es eine Änderung in Firefox gegeben hat, funktionieren auch die CSS-Codes nicht, denn es gibt keine @import-Befehle in userChrome.css bzw. userContent.css, die die CSS-Dateien einlesen könnten.

    Übersetzer für Obersorbisch und Niedersorbisch auf pontoon.mozilla.org u.a. für Firefox, Firefox für Android, Firefox für iOS, Firefox Klar/Focus für iOS und Android, Thunderbird, Pootle, Django, LibreOffice, LibreOffice Onlinehilfe, WordPress

    Hallo

    wie war das bei Stylus 8o

    Zitat von Dato

    ach Du sch.... da blick ich nicht durch.

    und mit dem Script soll ich durchblicken ||

    ich flipp aus.

    wäre jemand so freundlich und könnte mir das Fertige Script mit cssWeb einfügen ?

    normalerweise Frage ich ungern sowas aber ich blick da echt nicht mehr durch.

    Zitat von FuchsFan

    Sagst du mir bitte, wie ich die Icons vor den Einträgen sehen kann. Müssen die extra eingefügt werden? So sieht es im Test bei mir aus:

    Hallo FfuchsFan,

    nachdem du inzwischen auch die Icons im Extra Config Menü nach gerüstet hast, gibt es sicher auch eine Möglichkeit, diese in deiner Nightly 74 mobile (die ich auch habe) einzubringen.

    Hier mein Beispiel:

    Habe bereits versucht, meine funktionierende CSS-Datei aus einem anderen Profil zu testen - funktioniert leider nicht!

    Gruß,
    D. Büssen

    Firefox 133.0 + Nightly 135 (WIN 10 - 64 bit)

    Zitat von Büssen

    gibt es sicher auch eine Möglichkeit, diese in deiner Nightly 74 mobile (die ich auch habe) einzubringen.

    Moinmoin!

    Ja, die gibt es, und funktioniert. Was nicht mit dem bisherigen Code zusammen passt, ist der Hintergrund der Popup-Menüs, aber damit habe ich mich gestern nicht mehr beschäftigt.

    Du nimmst den folgenden Code, erstellst damit eine css-Datei, gibst ihr einen Namen (meine: extra config menü.css), speicherst sie im Ordner css ab (wenn du den Namen so belassen hast). Danach die userChrome.css aufrufen und @import "css/extra config menü.css"; als Import-Befehl eingeben. Und fertig !

    Und falls du das Script dann auch noch brauchst (ist das, welches ich von Andreas bekommen habe). Zeile 11 beachten, wegen notepad (Ordner angeben).

    Grüße vom FuchsFan

    Einmal editiert, zuletzt von FuchsFan (20. Januar 2020 um 10:30)

    Moin,

    habe ich mal so übernommen (nur die css) . Passt schon mal.

    Inzwischen hast du deinen Beitrag ja noch erweitert - damit beschäftige ich mich auch noch.

    Erst mal vielen DanK!

    Gruß,
    D. Büssen

    Firefox 133.0 + Nightly 135 (WIN 10 - 64 bit)

    Zitat von Büssen

    Inzwischen hast du deinen Beitrag ja noch erweitert - damit beschäftige ich mich auch noch.

    Erst mal vielen DanK!

    Nun ist auch das erledigt, Script erfolgreich ergänzt - Ergebnis:

    Den CSSWeb-Ordner hatte ich vorher noch nicht - ist nun auch erreichbar.

    Nochmal vielen Dank! :)

    Gruß,
    D. Büssen

    Firefox 133.0 + Nightly 135 (WIN 10 - 64 bit)

    Zitat von Büssen

    Den CSSWeb-Ordner hatte ich vorher noch nicht

    Das kann sein, dass er in der Version von mir noch als meinecontentcss benannt war. Ich habe aber jetzt dementsprechend auch alles in CSSWeb umbenannt, um es einheitlich anzulegen.

    Aber sieht doch gut aus bei dir, prima.:thumbup:

    Grüße vom FuchsFan

    Zitat von Büssen

    Nun ist auch das erledigt, Script erfolgreich ergänzt - Ergebnis:

    Auf dem Bild ist ja gut zu erkennen, dass du auch noch meine Hintergrundfarbe der Menü-Popup-Fenster anpassen - mit Hover-Effect.css nutzt. Heute habe ich versucht die extra config menü.css anzupassen. Dazu habe ich die von hier RE: userChrome.js Scripte für den Fuchs (Diskussion) genommen und abgeändert. So passt das einigermaßen zu den anderen Menü-Popup.

    Außerdem das Script von @milupo (@version 1.0.20190504 / unser bisheriges: @version 1.0.20180113), da gibt es noch den Punkt Einstellungen dazu. So sieht es dann aus:

    Hier der Code für die css-Datei:

    Hier das Script von milupo (leicht abgeändert):

    Grüße vom FuchsFan

    Zitat von FuchsFan

    Was kann ich in dem Code verändern, dass es wieder mittig ist

    Du kannst in Zeile 71 dir die Werte zurechtschaukeln, der zweite Wert, 12px, ist für die vertikale Ausrichtung zuständig, der erste für die horizontale Ausrichtung. Du kannst für beide auch statt eines Wertes die Angabe center versuchen, dann müsste das Symbol waagerecht und senkrecht mittig ausgerichtet sein.

    Denk dran, es handelt sich um ein Skript, also Skript-Cache mit löschen.

    Übersetzer für Obersorbisch und Niedersorbisch auf pontoon.mozilla.org u.a. für Firefox, Firefox für Android, Firefox für iOS, Firefox Klar/Focus für iOS und Android, Thunderbird, Pootle, Django, LibreOffice, LibreOffice Onlinehilfe, WordPress

    Zitat von FuchsFan

    wieso denke ich nicht daran

    Du beschäftigst dich wahrscheinlich zu sehr mit CSS statt mit Skripten. ;)

    Übersetzer für Obersorbisch und Niedersorbisch auf pontoon.mozilla.org u.a. für Firefox, Firefox für Android, Firefox für iOS, Firefox Klar/Focus für iOS und Android, Thunderbird, Pootle, Django, LibreOffice, LibreOffice Onlinehilfe, WordPress

    Zitat von FuchsFan

    Aber wir haben hier ja Experten auf dem Gebiet, zum Glück.

    Leider von beiden zuwenig.

    Übersetzer für Obersorbisch und Niedersorbisch auf pontoon.mozilla.org u.a. für Firefox, Firefox für Android, Firefox für iOS, Firefox Klar/Focus für iOS und Android, Thunderbird, Pootle, Django, LibreOffice, LibreOffice Onlinehilfe, WordPress

    Zitat von milupo

    Du beschäftigst dich wahrscheinlich zu sehr mit CSS statt mit Skripten.

    Dieses lasse ich nicht auf mir sitzen. ;)

    Mir ist aufgefallen, dass in der Version von dir das Icon sehr blass, mit wenig Kontrast , dargestellt wird. Siehe hier als Beispiel: RE: userChrome.js Scripte für den Fuchs (Diskussion)

    Ich habe mal den Block von Zeile 68 bis 75 mit dem aus der älteren Version (1.0.20180113) getauscht, dann sieht es nach meinem Geschmack doch besser aus.

    Der Code-Block:

    CSS
     //ab hier ist alles gleich, egal ob Button oder Menue
    var css = " \
      #ExtraConfigMenu, #ExtraConfigMenu-button { \
        list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACnElEQVR4Xm2RzYtbZRSHn/fr3pvJzTB3qiNM2k2pMBUGhEHaqsUqdeFGQalCobgREaFu/B/cqCtxVSjoQhBEQRBmIfWDKgNGJUPt0Nhah9JJ4iSd5E6+bu5972tAO4SS5/DjXZ1znsMrNiq1eikMQqYYJCmjxNH5+zdW777L0J5KKl9VPmnf+ut9KWkwhbheuzNcOVYOmGKc5iRO0r1ykeXCx0h7kt4fC3z5wfqbQnAJwQHa5S7jAZSRuJ0mkf81cheobhBXZa+ri1uptQjHAZoZCEC1PiPgDuwxCfwerBU7b73zXn//3usCcdt4HkZ7SGZg431U51NUCgwlO3cV/bVXhR/6p9ut+nP9QYeNn7/n8qUPZxvQ/Q6VVWHk4ZqWRvlJjpx9hcGfW2wO95N2q8m3618A2WwDt/0RplSAXsBed57eyossHl5GYdHacG3zGpADM06wjQ1UUIN+CLHPvfAxojPnKLiE+bDE1R9+5GatAmgPeGCAteQ7l5GBhGSyuROyd/gFouUyWkqEErR2mwXAAA8BRS0AgMQBjSra30ZkEeDzz9Dn4ZcvMO51SMcJcTdGChmA0ABA6cAgzyG3I8jLEBylV4fWoaeIc0V7t0Uv7pFbC+CA+28mp/8+SwXKnMVmz1O9HpE+eobMZdjcoY1GIHD/NwIdoH1fBaNguzlg88pVyoUi4vTbFI8eJxsNAIfSkrliESllH/L0v0jktNNomFGv1TFrL3Fo9QSMR3jaEEXzLC09gjaKp595No0WjyCEB4zRclICUMDxtRMce/wJ1MIi2SglXShhfI/cOjxPoZRmbq4gXzt/gVrtBrdvbiG+Wf+p/mvll1BpiVAGhCDPxuAUDotz4HKHlIJON6bRbL4hhPjcMx5mkn8BBLEUrsVZbq0AAAAASUVORK5CYII=) !important; margin-left: 10px ! important; \
      } \
      #ExtraConfigMenu-button > dropmarker, #ExtraConfigMenu-button > hbox > .toolbarbutton-menu-dropmarker { \
        display: none !important; \
      }";

    Grüße vom FuchsFan

    Zitat von FuchsFan

    Ich habe mal den Block von Zeile 68 bis 75 mit dem aus der älteren Version (1.0.20180113) getauscht, dann sieht es nach meinem Geschmack doch besser aus.

    Dein Geschmack sei dir gegönnt. :)

    Übersetzer für Obersorbisch und Niedersorbisch auf pontoon.mozilla.org u.a. für Firefox, Firefox für Android, Firefox für iOS, Firefox Klar/Focus für iOS und Android, Thunderbird, Pootle, Django, LibreOffice, LibreOffice Onlinehilfe, WordPress