About Seiten mit CSS Codes anpassen

  • Damit werden sie zweispaltig.

    CSS
    #serviceworkers{
    column-count: 2 !important;
    }

    Sieht aber nicht gerade toll aus damit.
    Da muss man dann einiges noch anpassen.

    Mfg.

    Endor

    Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:126.0) Gecko/20100101 Firefox/126.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 (18. Juli 2020 um 19:22)

  • Hi Endor,

    Damit werden sie zweispaltig.

    die Ansicht ist in der Tat etwas zerrissen.

    Die Darstellung eines Serviceworkers wird leider in beiden Spalten dargestellt, ein Teil ist links unten, der andere Teil des selben Serviceworkers rechts oben. Kann man das verhindern?

    Es grüßt,

    Ralf

  • Hallo Dharkness .

    Leider habe ich bis jetzt keinen Weg gefunden dieses Problem zu beheben.
    Habe einiges versucht, aber nichts funktioniert.

    Zweispaltige Darstellung passt soweit, sieht auch ganz gut aus,

    aber eben diese Aufteilung eines Serviceworkers ein Teil ist links unten, der andere Teil
    des selben Serviceworkers rechts oben, lässt sich bis jetzt nicht beheben.
    Keine Ahnung warum das nicht geht.:/

    Hier der aktuelle CSS Code mit zweispaltiger Darstellung und obigen Darstellungsfehler:

    Mfg.
    Endor

    Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:126.0) Gecko/20100101 Firefox/126.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!

  • Hallo Endor,

    ich habe zumindest einen Weg gefunden, der ab einer bestimmten größe des Viewports ein, so wie es aussieht, sauberes Ergebnis erzeugt, schau Dir mal das ↓ CSS-Schnipsel an.

    Einige der URLs in Skript-Spezifikation: und Aktuelle Worker-Adresse: sind hier rechts lang, deshalb die große Breite von

    @media only screen and und body.

    Es grüßt,

    Ralf

  • Hallo Dharkness

    Habe mir deinen CSS Code mal angeschaut.
    Wie Du schon schreibst hängt er von der Größe des Viewports ab.
    Bei meinem Monitor kann ich den gar nicht so groß machen, dass es funktioniert.
    Trotzdem danke.

    Mfg.
    Endor

    Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:126.0) Gecko/20100101 Firefox/126.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!

  • Hallo zusammen.

    Hier eine Aktualisierung vom CSS Code für about:support für Firefox 79+

    Neue Schaltfläche Start-Cache löschen und kleinere Anpassungen.

    CSS Code:

    Symbol für neue Schaltfläche:

    Boersenfeger HInweis: obiger Code ist der ohne Abrundungen.
    Wenn Du Deinen mit Abrundungen für Firefox 79 aktualisieren möchtest
    melde dich bitte per PN. Danke. :wink:

    Mfg.
    Endor

    Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:126.0) Gecko/20100101 Firefox/126.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!

    2 Mal editiert, zuletzt von Endor (29. Juli 2020 um 16:37)

  • der Code von Endor enthält ja noch Bestandteile, die hier nicht mehr benötigt werden

    Ah, das meinst Du, Da müsstest Du doch nur die Einträge mit ↓ entfernen oder sie dahingehend ↓↓ ändern und noch ein paar Anpassungen vornehmen.

    CSS
    div.welcomeCard:nth-child(1) > div:nth-child(2) > span:nth-child(2) > button:nth-child(1)
    div.welcomeCard:nth-child(2) > div:nth-child(2) > span:nth-child(2) > button:nth-child(1)
    div.welcomeCard:nth-child(3) > div:nth-child(2) > span:nth-child(2) > button:nth-child(1)
    CSS
    div.indicator:nth-child(1)
    div.indicator:nth-child(2)
    div.indicator:nth-child(3)

    Ich baue mir gerade für die 3 Balken ↑ (Beispiel ↓ für den Ersten Balken) unten noch ein paar Anpassungen, nur das mit Schritt 1 usw. einfügen funktioniert noch nicht.

    Es grüßt,

    Ralf

  • So hier mal etwas für about:welcome

    CSS Code:

    Symbole:    

    Mfg.

    Endor

    Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:126.0) Gecko/20100101 Firefox/126.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 (26. August 2020 um 12:35)

  • für die 3 Striche unten, Schritt 1 bis 3

    habe ich es hier so gemacht:

    CSS
    [class="indicator current"] {
    background: lime !important;
    }
    
    
    [class="indicator "] {
    background: gold !important;
    opacity: 1 !important;
    }

    Mfg.
    Endor

    Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:126.0) Gecko/20100101 Firefox/126.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!