UserScript Extra config Menu

  • Firefox-Version
    95.0.2
    Betriebssystem
    Windows 11 (64 Bit)

    Moin, ich nutze fondendes Script:

    Hier möchte ich gerne diese Passage (im Script die Zeile 75):

    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; \
            } \

    ändern in:

    Code
    url("../Icons/Stift.png")

    Normalerweise würde ich dieses von url bis ) eins zu eins austauschen. Klappt aber nicht.

    Was muss ich statt dessen korrekt einsetzen?

    Hintergrund: Ich wechsel gerade alle dbase64 Icons aus.

    Freundliche Grüße
    Barbara

    ____________

  • BarbaraZ- 31. Dezember 2021 um 14:49

    Hat einen Beitrag als hilfreichste Antwort ausgewählt.
  • Danke. :thumbup:

    Bedeutet für mich: Bei Scripten muss ich den kompletten Pfad angeben, bei Codes reicht die, ich nenne es mal Abkürzung. Schon direkt was gelernt.

    Freundliche Grüße
    Barbara

    ____________

  • Bei einem Profil wäre doch die Kurzform ausreichend?

    Persönlich würde ich das auch vorziehen, auch wenn ich mehrere Profile hätte, auch die portablen. Sind ja jetzt keine Megabytes ;)

    Falls es kein Bild mehr zu base64 geben sollte:

    Base64 to Image | Base64 Decode | Base64 Converter | Base64

    Wenn du weinen möchtest, bist du falsch hier. Hier gibt es nur Lösungen!
    Oh Herr, wirf Hirn, oder Steine - Hauptsache, du triffst endlich.
    Zu viele Goofies und Dulleks vom Dienst. Schlabokka!

  • Bei Scripten muss ich den kompletten Pfad angeben

    Im Script vermutlich schon, aber als externes CSS sollte die Kurzform doch reichen!?

    Bei Börsenfeger hat es doch mit dem about auch geklappt.

    #Überschneidung ;)

    Wenn du weinen möchtest, bist du falsch hier. Hier gibt es nur Lösungen!
    Oh Herr, wirf Hirn, oder Steine - Hauptsache, du triffst endlich.
    Zu viele Goofies und Dulleks vom Dienst. Schlabokka!

  • ich nenne es mal Abkürzung

    Nennt man relative Pfadangabe; der vollständige Pfad ist die absolute Pfadangabe.

    Ü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

  • Na, da habe ich ja zu lernen.

    Erst einmal werde ich wohl ohne die Shadow.css arbeiten.

    Wenn es hakt und das wird es sicherlich, werde ich nachfragen.

    Im nächsten Jahr werde ich mich zunächst mal mit den Grundlagen beschäftigen. Dank Eurer "Hausarbeiten" finde ich, kommt man gut voran und eigene Notizen sind immer hilfreich.

    Wobei es für mich einfacher ist, im Handbuch nachzublättern als am Monitor zu scrollen. Leider ist das Buch aus dem Rheinwerk-Verlag, ehemals Galileio-Verlag vergriffen.

    Freundliche Grüße
    Barbara

    ____________

  • Leider ist das Buch aus dem Rheinwerk-Verlag, ehemals Galileio-Verlag vergriffen.

    Ich weiß jetzt nicht welches, aber es ist auch nicht bei dem bösen Online-Händler zu haben? :)

    Ü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

  • Dieses ist gemeint: https://www.rheinwerk-verlag.de/css-das-umfassende-handbuch/

    (Ha, sehe gerade, es ist wieder im Bestand. War lange Zeit vergriffen, gleich mal bestellen.)

    Ist immer noch vergriffen. Das E-Book ist erhältlich.


    Bin dann erstmal weg. Bis denne.

    Freundliche Grüße
    Barbara

    ____________

    Einmal editiert, zuletzt von BarbaraZ- (31. Dezember 2021 um 15:14) aus folgendem Grund: Ein Beitrag von BarbaraZ- mit diesem Beitrag zusammengefügt.

  • Stolzer Preis, den das MDN für grundlegende Infos gratis anbietet ;)

    MDN Web Docs
    The MDN Web Docs site provides information about Open Web technologies including HTML, CSS, and APIs for both Web sites and progressive web apps.
    developer.mozilla.org

    Persönlich nutze ich das MDN sehr oft und via Google noch andere zielführende Seiten mit Beispielen. Vor allem Beispiele sind wichtig.

    Wenn du weinen möchtest, bist du falsch hier. Hier gibt es nur Lösungen!
    Oh Herr, wirf Hirn, oder Steine - Hauptsache, du triffst endlich.
    Zu viele Goofies und Dulleks vom Dienst. Schlabokka!

  • Ich habe da noch das CSS Kochbuch von O'Reilly als PDF-Datei. Ist aber schon 8 Jahre alt:

    https://www.sorbzilla.de/css/css_kochbuch.pdf


    den das MDN für grundlegende Infos gratis anbietet

    Das Tutorial auf MDN ist in erster Linie in Englisch, wenn auch einige Seiten ins Deutsche übersetzt sind. Vielleicht auch alle, aber es wird gewarnt, dass die Übersetzungen nicht aktuell sein könnten.

    Zweitens hättest du ja mal gleich zum Tutorial verlinken können:

    In Englisch: https://developer.mozilla.org/en-US/docs/Lea…_web/CSS_basics

    In Deutsch: https://developer.mozilla.org/de/docs/Learn/…_web/CSS_basics

    Und drittens:

    Wobei es für mich einfacher ist, im Handbuch nachzublättern als am Monitor zu scrollen.

    Ü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

    Einmal editiert, zuletzt von milupo (31. Dezember 2021 um 18:55) aus folgendem Grund: Ein Beitrag von milupo mit diesem Beitrag zusammengefügt.

  • st das Buch (pdf) 'gemeinfrei'?

    Keine Ahnung. Zu lange her.

    Ü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

  • Stolzer Preis, den das MDN für grundlegende Infos gratis anbietet ;)

    Das würde ich nicht unbedingt miteinander vergleichen. MDN ist vor allem als Referenz bekannt und zum Nachschlagen hervorragend. Aber Grundlagen wirklich zu lernen und dabei strukturiert vorzugehen und einzelne Dinge ausführlich und mit Praxisbeispielen erklärt zu bekommen, ist dann doch wieder eine ganz andere Geschichte. Das kann MDN nicht in der Form leisten. Und Bücher haben zumindest den Vorteil, auch auf Deutsch sein zu können. MDN würde ich nicht auf Deutsch konsumieren, da ist schon zu viel veraltet. ;)

    Ist aber schon 8 Jahre alt

    Das ist natürlich ein sehr langer Zeitraum. In den letzten acht Jahren ist in Sachen CSS ziemlich viel passiert. Vor allem Flexbox und Grid sind sehr wichtig und dort erst noch ein kurzer Ausblick auf die damalige Zukunft. ;)

  • Ich kenne das Tut nicht, ich geh immer direkt ans Eingemachte ;) Ok, die Basics kenne ich, denke ich.

    Was das Buch angeht, Papier ist geduldig ;)

    Ich hab ne signierte Ausgabe von SelfHTML, die konnte ich ein Jahr später ins Altpapier geben :D

    (hab es wiedergefunden beim Aufräumen der Garage, aber es lag gut 10 Jahre dort und vergammelte)

    Das PDF habe ich mir auch gespeichert, danke. Zu CSS habe ich direkt selbst nichts, nur was zu Windows Apps inkl Javascript und das von MS selbst, als das alle noch kostenlos war.

    Was deutsch/englisch angeht, so steht auf einigen Seite eine Hinweisbox, dass diese Sprachausgabe veraltet ist. Englisch mag eine Hürde sein, aber nicht unüberwindlich, ich lese selbst das MS Bulletin lieber auf englisch, im Original, weil doch so manche Übersetzung nur grausam ist. Früher hielt ich allerdings deren Übersetzermaschine im technischen Bereich für besser, heute eher schlechter.

    Ich halte einige Bücher mit CD und Tuts, ich hab die Tuts kein Stück durchgelesen/durchgearbeitet, weil ich andersrum schneller bin.


    Das kann MDN nicht in der Form leisten

    Das ist richtig. Ich habe wohl verdrängt, dass ich schon länger mit CSS (und anderem) hantiere. Der Zeitraum bei mir ist wesentlich länger als ein Buch zu lesen oder abzuarbeiten ;)

    Wenn du weinen möchtest, bist du falsch hier. Hier gibt es nur Lösungen!
    Oh Herr, wirf Hirn, oder Steine - Hauptsache, du triffst endlich.
    Zu viele Goofies und Dulleks vom Dienst. Schlabokka!

    Einmal editiert, zuletzt von .DeJaVu (31. Dezember 2021 um 19:18) aus folgendem Grund: Ein Beitrag von .DeJaVu mit diesem Beitrag zusammengefügt.

  • Das ist natürlich ein sehr langer Zeitraum. In den letzten acht Jahren ist in Sachen CSS ziemlich viel passiert. Vor allem Flexbox und Grid sind sehr wichtig und dort erst noch ein kurzer Ausblick auf die damalige Zukunft.

    War nur ein Vorschlag. BarbaraZ- steht ja erst am Anfang und muss sich noch nicht unbedingt mit bestimmten Spezialitäten befassen. Es wäre eine Alternative, falls das von ihr gewünschte Buch doch nicht erhältlich sein sollte, auch nicht als E-Book. Sie muss sich sowieso auch mit dem Inspektor beschäftigen, denn die Firefox-Selektoren und dazu gehörigen CSS-Regeln findet sie in keinem CSS-Buch, nur CSS selbst.

    Ü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