Alle Rechts-Klick-Popups Farbig machen und Icon's setzen

omar1979

Zitat von 2002Andreas

der nächsten Bundestagswahl?

Nää sicher nicht! Etwa in 10 Jahren.

Zitat von milupo

gar nicht im Forum.

Platz schaffen für mich bis in 10 Jahren. Jetzt Anfangen bitte.

milupo

Zitat von 2002Andreas

Noch vor der nächsten Bundestagswahl?

Ich denke, erst ein halbes Jahr später, wenn dann die Regierung steht.

.DeJaVu

CSS

menupopup {
    --menuitem-hover-background-color: #3333FF !important;
    --panel-color: white !important;  
    --menu-color: white !important;
    --menu-disabled-color: lightgrey !important;
    --panel-background: blue !important;
    --panel-border-color: blue !important;
}
menupopup menuseparator {
  display: none !important;
}

menuitem[label="Alles auswählen"]{
    appearance: none !important;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAB3RJTUUH1wkcADcVKepIvgAAAAlwSFlzAAAewQAAHsEBw2lUUwAAAARnQU1BAACxjwv8YQUAAAJ1SURBVHjafZPLTxNRFMa/mU5HEHmk1bagMYDUoNEor4VpNEENOxYKEv8BN0bdGE3caVyoCS6MrDTRBLULdaMC0YVBiTYCKYmKlNqAMFYsraUNpfPovLx3Ig0U5CQn92Tu+X33nHvuMKZpgmGYHQDcxG3Y2OLEBcIY+S9UgFiTLMtpVVV1TdPM9Zzsmz09PXdIbjVxlnLUuX86NmKliqKwpJq8OAFhGAZyuRycTic6Ojou0P1Pry76P97f2a2I0luaTb2FJA+TCsCyrAUtC+i6bgk4HA5rVbK/MT9+T3LVNBaPPj2fZlc2SOGVK6nKivNVqQmkIo9QVd9WrCTfQMsxpVyhwHIyjenpVITneSTmviErPIN7Vyv0pT4EB/oNWbS1r6pgZf80pjB1Q4lBFJ7DXXcUduY9Zj8HMTFt3O28Mfd6lUChURE1O4uFyGO46lphxzt8DwwhhwZcfpjwW5VuJCClI5gP9ebhqdEA/sRKcKD9Vj6HK4Ss+ZIpyItTiIefwOM9Ds4chPA1CCGUhu9MP1gbt76ApqkQZiYRnQ3DHr2KPYfPWnB8ehKhDyECD4AvLl91oCVg53lWUWR8GRtCMpEg7yAHtqgTwRc3UdfUgmj4Jxq7HqDMVbumTUtgb0Ojo294DLGZDI4078P+ah5ixouRAIfxoV7UH7sGz27f+hd9pfv2poXU4vXKKu8ll/cgUnO/MBNXsbVIRs02O063NWNzubuQMziOO0Tua4TjSzz+yvLak3yZG5ksiyW9AiK7BT9iEzjX5SNwxRqYPDCRrLrVQnJBOiFKi5DkKGSZvnuNTIINiPGJl9s9pwb/M2EK018bfwFJxzDsft7zMQAAAABJRU5ErkJggg==") no-repeat !important;
    background-color: transparent;
    min-height: 24px!important;
    padding-left:4px!important;
    border-width: thin !important;
    border-radius: 4px !important;
    border-color: transparent !important;
    border-style: solid !important;
    background-position:6px 5px!important;}


    menuitem[label="Alles auswählen"]:hover{
    background-color: #ecf0f6 !important;
    border-color: #aecff7 !important;
}

Alles anzeigen

userChrome, neues Profil, da hüpft nix. Sieht nur unfertig aus, weil der Text ins Bild ragt und auf hover grell (nicht weiss, vermutlich

--menuitem-hover-background-color) wird, das beisst sich mit weisser Textfarbe. Sollte es bei ihm hüpfen, stimmt der Rest von der Zwiebel nicht

omar1979

HaLLo..

hab ein Problem.. Wenn ich auf Tab-Rechtsklick mache hat es ein Button "Teilen" hab versucht dort ein Icon zu setzen aber funkt nicht.. bei einigen Anderen hat es geklappt.

Hier die Code für das "Teilen"

CSS

    #context_share-tab-url-item{
    background: url("..//Rechtsklick-Icons/teilen.png") no-repeat !important;
    padding-left:28px!important;
    background-position:5px 8px!important;
    }
    #context_share-tab-url-item:hover{
    background: url("..//Rechtsklick-Icons/teilen.png") no-repeat !important;
    border-width: thin !important;
    border-radius: 4px !important;
    border-color: #aecff7 !important;
    border-style: solid !important;
    padding-left:28px!important;
    background-position:5px 8px!important;
    }

Alles anzeigen

bitte um Rat.

Danke.

Hat sich erledigt.. Fehlte noch das "menuitem[label="Teilen"]" dazu

Oder musste nur das: menuitem[label="Teilen"] nehmen

milupo

Zitat von omar1979

Hat sich erledigt.. Fehlte noch das "menuitem[label="Teilen"]" dazu
Oder musste nur das: menuitem[label="Teilen"] nehmen

Die eigentliche Ursache war, dass es deinen Selektor nicht gibt. Der eigentliche Selektor ist nur eine Klasse, nämlich .share-tab-url-item. Möglich ist auch menuitem[data-l10n-id="tab-context-share-url"] und die dritte Möglichkeit hast du selbst gefunden.

omar1979

Danke milupo ich habe es im Inspektor so gesehen, dachte es klappt, aber dann doch nicht.

Danach habe ich im Script andere angeschaut.

2002Andreas

Zitat von omar1979

ein Icon zu setzen

Nur mal so.

Du könntest die Codes auch etwas verkürzen.

CSS

    .share-tab-url-item {
    background: url("..//Rechtsklick-Icons/teilen.png") no-repeat !important;
    padding-left: 28px !important;
    background-position: 5px 12px!important;
    }

    .share-tab-url-item:hover {
    border-width: thin !important;
    border-radius: 4px !important;
    border-color: #aecff7 !important;
    border-style: solid !important;
    }

Alles anzeigen

Also bei hover den kompl. Eintrag für das Icon weglassen.

Frage:

Zuckt das bei dir nicht auch bei hover auf einen Eintrag

omar1979

2002Andreas kannst du mir vielleicht den Link zum Endor 's Kontextmenü-Rechtsklick.css geben? Ich glaube ich fange von Anfang an. Habe einiges gelöscht evtl. ist es wegen dem, dass bei Videos das Bild_im_Bild Icon kleiner ist. https://github.com/Endor8/userChr…-anpassungenzip hier finde ich die nicht.

Besten Dank.

Zitat von 2002Andreas

Eintrag für das Icon weglassen.

CSS

padding-left: 28px !important;    
background-position: 5px 12px!important;

also weglassen bei hover..

omar1979

ehm.. im hover den pfad für icon setzen auch ganz weglassen?

.DeJaVu

Hatte ich oben schon erwähnt, wenn etwas definiert ist und sich nicht ändert, muss es unter hover nicht neu eingetragen werden.

Wenn bei Hover Linien sichtbar sind und es springt, müssen diese Linien entweder transparent oder im padding oder margin oder height berücksichtigt werden.

grisu2099

Zitat von omar1979

ehm.. im hover den pfad für icon setzen auch ganz weglassen?

Ja!

2002Andreas

Zitat von omar1979

Kontextmenü-Rechtsklick.css geben?

CSS/Kontextmenu-Rechtsklick.css at master · Endor8/CSS

CSS Codes. Contribute to Endor8/CSS development by creating an account on GitHub.

github.com

Zitat von omar1979

im hover den pfad für icon setzen auch ganz weglassen?

Siehe mein Beispiel in Beitrag Nr. 47

omar1979

Zitat von 2002Andreas

Zuckt das bei dir nicht auch bei hover auf einen Eintrag

Zitat von 2002Andreas

Siehe mein Beispiel in Beitrag Nr. 47

Schon erledigt. Danke. Aber ich glaube es zuckt immerwieder mal

2002Andreas

Zitat von omar1979

hier finde ich die nicht.

Kannst du auch nicht.

Das ist doch kein CSS Code, sondern eine Anleitung zur Nutzung con Scripten.

Zitat von omar1979

es zuckt immerwieder mal

Hatte ich dir auch schon mal alles erklärt,

Das liegt an dem border bei hover.

Du musst wenn dann auch im normalen Code einen trasparenten border einfügen.

omar1979

2002Andreas mit was machst du deine Gifs die du hier postest?

Ich mache video mit Handy dann wandle es in gif um aber wird immer zu gross

Zitat von 2002Andreas

Das liegt an dem border bei hover.

Du musst wenn dann auch im normalen Code einen trasparenten border einfügen.

Kann man den border nicht weglassen? es genügt doch wenn es eine andere farbe wird beim hover. Dann zuckt und ruckt es evtl nicht mehr.

Zitat von 2002Andreas

Kannst du auch nicht.
Das ist doch kein CSS Code, sondern eine Anleitung zur Nutzung con Scripten.

Wenn man dort nach oben scrollt hat es auch haufenweise script-codes.

oder sehe ich falsch?

2002Andreas

Zitat von omar1979

mit was machst du deine Gifs die du hier postest?

Mit einem port. Programm von der tollen userin Zitronella aus dem Forum hier

Portable_LiceCap.zip

Quelle:

Index of /dateien/Programme/

omar1979

Zitat von 2002Andreas

Zitronella aus dem Forum hier

Danke euch Beiden.

2002Andreas

Zitat von omar1979

script-codes

Das sind aber keine CSS Codes

Zitat von omar1979

Kann man den border nicht weglassen?

Klar kannst du das.

omar1979

Zitat von 2002Andreas

Das sind aber keine CSS Codes

Aber uc.js javascripts.. evtl. gefällt mir ja darunter was

2002Andreas

Zitat von omar1979

evtl. gefällt mir ja darunter was

Die machen dir aber keine Icons in die Menüs