About Seiten mit CSS Codes anpassen

Du benötigst Hilfe bezüglich Firefox? Bitte stelle deine Frage im öffentlichen Bereich des Forums und nicht per Konversation an wahllos ausgesuchte Benutzer. Wähle dazu einen passenden Forenbereich, zum Beispiel „Probleme auf Websites“ oder „Erweiterungen und Themes“ und klicke dann rechts oben auf die Schaltfläche „Neues Thema“.
  • 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 76.0.1.
    Keine Garantie, dass die auch in Firefox 77 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:76.0) Gecko/20100101 Firefox/76.0.1
    Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:77.0) Gecko/20100101 Firefox/77.0
    Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:78.0) Gecko/20100101 Firefox/78.0

    OS: Windows 7 H. P. 64 - Bald aber Windows 10 64 bit
    Kein Support per PN. Fragen bitte im Forum stellen!

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

  • 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:76.0) Gecko/20100101 Firefox/76.0.1
    Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:77.0) Gecko/20100101 Firefox/77.0
    Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:78.0) Gecko/20100101 Firefox/78.0

    OS: Windows 7 H. P. 64 - Bald aber Windows 10 64 bit
    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:76.0) Gecko/20100101 Firefox/76.0.1
    Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:77.0) Gecko/20100101 Firefox/77.0
    Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:78.0) Gecko/20100101 Firefox/78.0

    OS: Windows 7 H. P. 64 - Bald aber Windows 10 64 bit
    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.

  • 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:76.0) Gecko/20100101 Firefox/76.0.1
    Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:77.0) Gecko/20100101 Firefox/77.0
    Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:78.0) Gecko/20100101 Firefox/78.0

    OS: Windows 7 H. P. 64 - Bald aber Windows 10 64 bit
    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:76.0) Gecko/20100101 Firefox/76.0.1
    Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:77.0) Gecko/20100101 Firefox/77.0
    Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:78.0) Gecko/20100101 Firefox/78.0

    OS: Windows 7 H. P. 64 - Bald aber Windows 10 64 bit
    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:76.0) Gecko/20100101 Firefox/76.0.1
    Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:77.0) Gecko/20100101 Firefox/77.0
    Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:78.0) Gecko/20100101 Firefox/78.0

    OS: Windows 7 H. P. 64 - Bald aber Windows 10 64 bit
    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:76.0) Gecko/20100101 Firefox/76.0.1
    Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:77.0) Gecko/20100101 Firefox/77.0
    Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:78.0) Gecko/20100101 Firefox/78.0

    OS: Windows 7 H. P. 64 - Bald aber Windows 10 64 bit
    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:76.0) Gecko/20100101 Firefox/76.0.1
    Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:77.0) Gecko/20100101 Firefox/77.0
    Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:78.0) Gecko/20100101 Firefox/78.0

    OS: Windows 7 H. P. 64 - Bald aber Windows 10 64 bit
    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 76.0 + Nightly 78 (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!? :/