About Seiten mit CSS Codes anpassen

  • Firefox-Version
    76
    Betriebssystem
    Windows

    Hier möchte ich eine Sammlung CSS Codes zum Anpassen verschiedener
    about:
    Seiten, wie zbs. about:about usw. erstellen.


    Hier ein Beispiel:

    About:logins mit optischer Anpassen mit CSS, sieht dann so aus:


    Sämtliche hier angebotenen CSS Codes kommen in die userContent.css Datei,
    oder müssen darüber importiert werden. Getestet ausschließlich in Firefox 78.0.1.
    Keine Garantie, dass die auch in Firefox 79 und höher dann noch einwandfrei
    funktionieren. Bei Problemen einfach hier im Thread melden.


    Liste der bis jetzt verfügbaren CSS Codes für about Seiten:


    Mfg.
    Endor

    Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:109.0) Gecko/20100101 Firefox/115.2.1 ESR
    Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/117.0.1

    OS: Windows 7 64 bit - Windows 10 64 bit
    Meine Scripte Sammlung: https://github.com/Endor8/userChrome.js
    Kein Support per PN. Fragen bitte im Forum stellen!

    51 Mal editiert, zuletzt von Endor () aus folgendem Grund: Optische Anpassung + Ergänzung

  • Zur hilfreichsten Antwort springen
  • Hier der CSS Code für about:logins, die Symbole müssen noch runter geladen und im Chromeordner

    im Unterordner icons gespeichert werden.


    Hier der Link zu den verwendeten Symbolen:

    https://github.com/Endor8/CSS/tree/master/Icons/about:logins


    Mfg.
    Endor

    Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:109.0) Gecko/20100101 Firefox/115.2.1 ESR
    Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/117.0.1

    OS: Windows 7 64 bit - Windows 10 64 bit
    Meine Scripte Sammlung: https://github.com/Endor8/userChrome.js
    Kein Support per PN. Fragen bitte im Forum stellen!

    3 Mal editiert, zuletzt von Endor ()

  • Während ich auf den Link warte, habe ich den Code soweit schon mal installiert... dabei fiel auf, das nicht der ganze Tab in der Breite davon erreicht wird..


    Die gelb markierten Stellen wollen gern einbezogen werden... :/

  • Hier der Link zu den verwendeten Symbolen:

    https://github.com/Endor8/CSS/tree/master/Icons/about:logins

    Mfg.
    Endor


    Boersenfeger

    Zeile 42 aus dem Code entfernen:

    CSS
    body{margin-left: 175px !important; max-width: 1150px !important;}


    Mfg.
    Endor

    Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:109.0) Gecko/20100101 Firefox/115.2.1 ESR
    Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/117.0.1

    OS: Windows 7 64 bit - Windows 10 64 bit
    Meine Scripte Sammlung: https://github.com/Endor8/userChrome.js
    Kein Support per PN. Fragen bitte im Forum stellen!

    Einmal editiert, zuletzt von Endor () aus folgendem Grund: Ein Beitrag von Endor mit diesem Beitrag zusammengefügt.

    • Hilfreichste Antwort

    Boersenfeger

    Prima, freut mich wenn es passt.

    Hast Du die Symbole runter geladen,

    denn auf Deinem Bild fehlen die noch.

    Mfg.

    Endor

    Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:109.0) Gecko/20100101 Firefox/115.2.1 ESR
    Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/117.0.1

    OS: Windows 7 64 bit - Windows 10 64 bit
    Meine Scripte Sammlung: https://github.com/Endor8/userChrome.js
    Kein Support per PN. Fragen bitte im Forum stellen!

  • Ja, schon.... zeig vielleicht mal einen Screenshot von dir, damit ich weiss, welche du meinst..


    Oh, ich merke gerade, das die heruntergeladenen Symbole defekt sind...

  • Du weißt ja, bei Github muss man anders runter laden.

    Datei mit Linksklick öffnen dann rechtsklick auf Download

    und aus dem Menü Ziel speichern unter wählen.

    Dann geht es.

    Mfg.
    Endor

    Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:109.0) Gecko/20100101 Firefox/115.2.1 ESR
    Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/117.0.1

    OS: Windows 7 64 bit - Windows 10 64 bit
    Meine Scripte Sammlung: https://github.com/Endor8/userChrome.js
    Kein Support per PN. Fragen bitte im Forum stellen!

  • Ja so gefällt mir das jetzt.

    ansonsten gern geschehen.

    Mfg.
    Endor

    Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:109.0) Gecko/20100101 Firefox/115.2.1 ESR
    Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/117.0.1

    OS: Windows 7 64 bit - Windows 10 64 bit
    Meine Scripte Sammlung: https://github.com/Endor8/userChrome.js
    Kein Support per PN. Fragen bitte im Forum stellen!

  • Lust auf mehr?


    About:about



    Symbol = Bild3.png siehe hier: https://github.com/Endor8/CSS/blob/master/Icons/Bild3.png

    Mfg.
    Endor

    Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:109.0) Gecko/20100101 Firefox/115.2.1 ESR
    Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/117.0.1

    OS: Windows 7 64 bit - Windows 10 64 bit
    Meine Scripte Sammlung: https://github.com/Endor8/userChrome.js
    Kein Support per PN. Fragen bitte im Forum stellen!

  • Css Code für about:support


    sieht so aus:





    CSS Code

    Symbole siehe hier: https://github.com/Endor8/CSS/…aster/Icons/about:support


    Es kann sein, dass da und dort noch Anpassungen nötig sind.


    Boersenfeger

    für dich könnte Zeile 14 im CSS Code eventuell hilfreich sein. :wink:


    Mfg.
    Endor

    Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:109.0) Gecko/20100101 Firefox/115.2.1 ESR
    Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/117.0.1

    OS: Windows 7 64 bit - Windows 10 64 bit
    Meine Scripte Sammlung: https://github.com/Endor8/userChrome.js
    Kein Support per PN. Fragen bitte im Forum stellen!

    Einmal editiert, zuletzt von Endor ()

  • Moin,

    hier z.B. auch eine css-Datei von Endor < about:profiles > , die ich schon lange verwende:


    Gruß,
    D. Büssen

    Firefox 118.0.. + Nightly 120 (WIN 10 - 64 bit)

    2 Mal editiert, zuletzt von Büssen () aus folgendem Grund: Ein Beitrag von Büssen mit diesem Beitrag zusammengefügt.

  • Da habe ich eine kleine Unschönheit:

    Kannst du doch schnell selber anpassen.


    Einfach die Anzahl der Einträge links und rechts anpassen.

  • Vielen Dank, Andy, erledigt! :thumbup:


    Endor

    Moin,

    hier z.B. auch eine css-Datei von Endor < about:profiles > , die ich schon lange verwende:

    Da geht doch bestimmt auch noch was mehr mit entsprechenden Bildchen im Button!? :/