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 10.0; Win64; x64; rv:132.0) Gecko/20100101 Firefox/132.0
    OS: Windows 10 pro 64 bit und Windows 10 Home 64 bit
    Meine Scripte Sammlung: https://github.com/Endor8/userChrome.js
    Kein Support per PN. Fragen bitte im Forum stellen!

    52 Mal editiert, zuletzt von Endor (2. Juli 2024 um 13:57) 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 10.0; Win64; x64; rv:132.0) Gecko/20100101 Firefox/132.0
    OS: Windows 10 pro 64 bit und Windows 10 Home 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 (10. Mai 2020 um 19:13)

  • 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 10.0; Win64; x64; rv:132.0) Gecko/20100101 Firefox/132.0
    OS: Windows 10 pro 64 bit und Windows 10 Home 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 (10. Mai 2020 um 15:06) aus folgendem Grund: Ein Beitrag von Endor mit diesem Beitrag zusammengefügt.

  • 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...

    Stand 21.12.2024
    Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:133.0) Gecko/20100101 Firefox/133.0.3
    Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:135.0) Gecko/20241221 Firefox/135.0a1
    Meine Füchse|Fehlersuche|Sicherheitskonzept für Windowsnutzer

    Einmal editiert, zuletzt von Boersenfeger (10. Mai 2020 um 16:01) aus folgendem Grund: Ein Beitrag von Boersenfeger mit diesem Beitrag zusammengefügt.

  • 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 10.0; Win64; x64; rv:132.0) Gecko/20100101 Firefox/132.0
    OS: Windows 10 pro 64 bit und Windows 10 Home 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 10.0; Win64; x64; rv:132.0) Gecko/20100101 Firefox/132.0
    OS: Windows 10 pro 64 bit und Windows 10 Home 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/tre…s/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 10.0; Win64; x64; rv:132.0) Gecko/20100101 Firefox/132.0
    OS: Windows 10 pro 64 bit und Windows 10 Home 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 (10. Mai 2020 um 21:48)

  • Moin,

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


    Gruß,
    D. Büssen

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

    2 Mal editiert, zuletzt von Büssen (11. Mai 2020 um 09:12) 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!? :/