Beiträge von Mira_Belle

  • Probleme auf Youtube mit einem Script

    Zitat von 2002Andreas

    Entweder Tampermonkey, oder Violentmonkey brauchst du dazu.

    Zitat von Sören Hentzschel

    Das Script setzt mit waitForKeyElements() eine GreaseMonkey-Funktion voraus (die natürlich auch von vergleichbaren Erweiterungen bereitgestellt wird). Wenn du keine solche Erweiterung nutzt, musst du diese Funktion ebenfalls bereitstellen.

    Danke Euch beiden.

    Die Funktion waitForKeyElements() besagt doch in etwa,

    Warte bis die Seite geladen ist,

    oder liege ich da falsch?

    Wenn ich aber richtig liege, müsste es aber doch in dem JavaScript youtube-more-speeds.user.js

    irgendwie anders zu verwirklichen sein.

    Wahrscheinlich bin ich aber naiv.

  • CSS Code für hover neu?

    Zitat von 2002Andreas

    Ob das etwas damit zu tun hat kann ich nicht sagen.

    Aber du solltest nur import Regeln in der userChrome.css haben, und nichts weiter.

    Bei Scripten ist manchmal schon die Reihenfolge wichtig für deren einwandfreier Funktion.

    Sorry, wenn ich mich jetzt erst melde!

    Danke für die Info.

    Dann wird einige Arbeit auf mich zukommen, denn "meine" userChrome.css beinhaltet schon

    ein wenig Code.

    Manches kann ich zuordnen, anderes muss ich erst noch ein Mal schauen,

    und wieder anderes kann dort aber verbleiben!

    Z.B.

    CSS
        /*-------------------------------------------------------*/
    /****  Übersetzungsleiste an den unteren Fensterrand  ****/
    /*-------------------------------------------------------*/
   
    #tab-notification-deck {
        position: fixed;
        z-index: 1;
        bottom: 0;
        width: 100%;
    }

    oder



    Das war es aber dann auch schon.

  • CSS Code für hover neu?

    Das Aufblitzen, egal welches, ist weg!

    Was habe ich gemacht?

    Ich habe eine Popup.css erstellt, und den "verteilten" Code zusammengeführt.

    Zeilen 3 bis 14 waren in einer anderen CSS

    und

    der Rest stand direkt in der userChrome.css.

    In der userChrome.css per

    CSS
    @import url("Popup.css");

    eingebunden, Fehler weg.

    Kann mir das jemand erklären?

  • CSS Code für hover neu?

    Also der Code schaut nun so aus:

    Leider habe ich immer noch das Problem, dass inaktive Schriftzüge kurz beim hovern hell aufblitzen.

    Werde mich damit wohl arrangieren müssen.

  • CSS Code für hover neu?

    Achherjeh, da hab ich was angefangen.

    Also, --panel-border-radius ist jetzt auskommentiert!

    Es funktioniert auch ohne.

    Bei dem Code von Dir =>

    und

    diesem =>

    CSS
        menupopup {
        appearance: none !important;
        --panel-color: #E0E0E0 !important;                                    /* Hellgrau, Schrift */
        --panel-background: #2B2B2B !important;                                /* Hintergrund, innen */    
        --panel-border-color:transparent !important;                        /* Rahmenfarbe */
/*        --panel-border-radius: 4px !important;    */                                /* Rahmenradius */
        background-color: #2B2B2B !important;                                /* Hintergrund, außen */
        border: 3px solid #FFA500 !important;
        border-radius: 8px !important;
    }

    sehe ich keinen Widerspruch.

    Den unteren Code ausgeblendet

    sieht das Popup der Adresszeile so aus!

    Mit dem Code so.

    In beiden Fällen Kopieren gehovert.

    --panel-background ist für den gesammten Hintergrund.

    background-color für den Bereich zwischen Rahmen und Panel!

    ABER, es geht um die Schriftfarbe des inaktiven Feldes!

    Es ist mit

    CSS
    menupopup > menu[disabled="true"]:hover,
menupopup > menuitem[disabled="true"]:hover {
        color: #818181 !important;    }

    definiert.

    Wenn ich jedoch schnell zwischen den Feldern hin und her zwitsche, blitzt ganz kurz die Schrift auf! #E0E0E0

    Das ist auch in anderen Popups mit inaktifen Felder der Fall.

    Z.B. hier =>

  • CSS Code für hover neu?

    Der Konflikt zwischen hier =>

    CSS
        :is(menu,menuitem)[disabled="true"]:not(#context-navigation > .menuitem-iconic):hover {
        background-color: #3d3d3d !important;
        color: #818181 !important;
    }

    und

  • CSS Code für hover neu?

    Habe nun

    CSS
        :is(menu,menuitem)[_moz-menuactive="true"] {
        background-color: #5C5C5C !important;
        border-radius: 4px !important;
        color: #E0E0E0 !important;
    }

    durch

    CSS
    menupopup > menu:hover,
menupopup > menuitem:hover,
menupopup > menu[_moz-menuactive="true"],
menupopup > menuitem[_moz-menuactive="true"] {
    background-color: #5C5C5C !important;
        border-radius: 4px !important;
        color: #E0E0E0 !important;
    }

    ersetzt.

    Das "Aufblitzen" ist weg.

    Würde nun gerne auch

    CSS
        :is(menu,menuitem)[disabled="true"]:not(#context-navigation > .menuitem-iconic):hover {
        background-color: #3d3d3d !important;
        color: #818181 !important;
    }

    aufdröseln, da hier ein ähnlicher gleiche "Fehler" bzw. Efeckt auftritt.

    Denn hier blitzt die ausgegraute Schrift color: #818181 !important; auch ganz kurz mit #E0E0E0 auf.

    Nur ich bekomme das einfach nicht hin.

  • CSS Code für hover neu?

    Yes! Danke.

    Richtiger Code, falsche Farben. :)

    Habe es angepasst.

    Musste aber leider #E0E0E0 verwenden und die Symbole "einfärben".

    a. Waren sie mit der Originalfarbe kaum mehr zu erkennen #75747A

    und

    b. Blitzte beim schnellen Verlassen des Buttons immer ganz kurz #E0E0E0 auf.

    So wie es jetzt ist, ist es ok.

    Nachtrag!

    Habe testhalber color: #E0E0E0 !important; deaktiviert.

    Und siehe da, die Symbole sind auch in #E0E0E0

    Nachtrag 2!

    Habe herausgefunden, woher #E0E0E0 kommt!

    CSS
        :is(menu,menuitem)[_moz-menuactive="true"] {
        background-color: #5C5C5C !important;
        border-radius: 4px !important;
        color: #E0E0E0 !important;
    }

    Das ist irgendwie nicht so dolle.

  • CSS Code für hover neu?

    Kurze und knappe Antwort => Ja

    Muss so.

    Erklärung:

    Ich habe die Breite des Popups verändert, aber auch die Positionen der "Schaltflächen".

    Um es zu verdeutlichen, hier der Code mit Rot und Blau,

    und wie es ausschaut.

    CSS
        /* Buttons */
    #context-navigation > .menuitem-iconic[_moz-menuactive="true"] {
        background-color: red !important; 
    }

    #context-navigation > .menuitem-iconic:hover > hbox > image {
        background-color: blue !important;
        border-radius: 4px !important;
        color: #FFCC00 !important;
    }

    Natürlich bearbeitet, denn es passiert ja nur beim Hovern und nicht dauerhaft und schon gar nicht bei allen

    bzw. mehreren "Feldern" ("Schaltflächen").

    Zitat von 2002Andreas

    Ansonsten, wenn du unterschiedliche Farben benutzt, dann brauchst du auch mehrere Codes dafür.

    Ok, verstanden.

    Hast Du noch einen Tipp, wie bei einer "nicht aktiven" Schaltfläche das Symbol beim Hovern nicht die Farbe verändert?

    1. ohne Aktivität, original.

    2. "Back" gehovert, aktives Feld (Button)

    3. "Forward" gehovert, inaktives Feld (Button), hier sollte sich die Symbolfarbe dann nicht ändern!

  • CSS Code für hover neu?

    Zitat von grisu2099

    Es geht eben (fast) immer noch etwas kürzer... ;) ^^

    Fast!

    Oder hat von Euch jemand eine Idee?

  • CSS Code für hover neu?

    Danke Andreas für den Code.

    Das ist bei mir daraus geworden:

    Das muss so, sonst fuktioniert es nicht richtig!

    Es muss wohl am Code liegen.

  • CSS Code für hover neu?

    Zitat von grisu2099

    Für den oberen Bereich habe ich diesen Code:

    Danke grisu2099, damit komme ich "hin",

    wobei die Buttons jetzt etwas "wackeln". ( Irgendwas "blitzt" da kurz durch, muss ich noch suchen) ***

    Hier der Code:

    ***

    Gefunden!

    Es war ...

    :is(menu,menuitem):hover,

  • CSS Code für hover neu?

    Naja, geht so.

    Was mir nicht gelingen will, ist der Hintergrund beim hovern der Symbole.

    Und bei den Pfeilen gibt es zu allem Überfluss auch noch "aktiv" und "unaktiv".

    Oh Gott, was fürn Kauderwelsch, hoffe, ich werde verstanden.

    Mal schauen was 2002Andreas noch so zaubert, denn ich habe keine Ahnung.

  • CSS Code für hover neu?

    Zitat von milupo

    Du musst ja auch alle deine Selektoren angeben. Oben in Beitrag #1 hast du ja noch ein Attribut angegeben. Oder die, die grisu2099 verwendet hat. :root dient ja nur dazu, die nun nicht mehr standardmäßig vorhandene CSS-Variable zu zu definieren. Wo die wirkt, hängt ja nicht von der Variable ab, sondern von den entsprechenden Selektoren.

    In etwa so?

    CSS
        :root {
        --menuitem-hover-background-color: red !important;
    }
    :is(menu,menuitem):hover,
    :is(menu,menuitem)[_moz-menuactive="true"] {
        background-color: var(--menuitem-hover-background-color) !important;
        border-radius: 4px !important;
        color: white !important;
    }

  • in der Druckabteilung vom Fux ein wenig ändern ?

    So fertig!

    Hier nun "meine" Version.

    Und nochmals ein ganz, ganz liebes Danke an Dharkness.

    Ohne seine Vorlage hätte ich es nie hinbekommen.