Beiträge von Mira_Belle

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

  • Scrollbalken extrem schmal

    Schau mal ob Du irgendwas mit diesem JavaSkript anfangen kannst.

    Musst halt etwas basteln und es Deinem Wünschen anpassen.


  • in der Druckabteilung vom Fux ein wenig ändern ?

    Oh, Danke.

    Dann werde ich mal schauen, was ich damit anstellen kann.

  • Navigations-Leiste Anpassungen

    Zitat von Heinrich

    @Mira_Belle

    Freut mich wenn dir meine kleine Spielerei gefällt !! immer wieder gerne ...........

    Welche Link-Farbe soll denn noch geändert werden ?

    Zeile 41! Muss mal schauen, was mir da zusagt.

    _________________________________________________________________________________________

    Nachtrag!

    Habe noch etwas herumgebastelt und so gefällt es mir besser.