Danke, Andreas, aber nun brauche ich für den Eintrag wieder deine Hilfe. Hier in Zeile 1 RE: Anpassungen wegen Proton mit ::before, wie muss das jetzt bei dem Code RE: Anpassungen wegen Proton in Zeile 1 und 4 angewendet werden?
Beiträge von FuchsFan
-
-
Da gibt es noch neue Einträge für Kontextmenü bei Ordnern und Lesezeichen, kannst du mal bitte die Selektoren dazu nennen.
-
Danke, Andreas, das passt.
-
Du kannst auch einen pauschalen Code für alle Haken nehmen:
Das habe ich jetzt so eingerichtet, danke.
Noch ein Selektor fehlt für Kontext der Tableiste, Neuer Tab.
-
Oder auch so:
Sehr gut, diese funktionieren beide. Danke !
-
Teste bitte mal, die Werte etc. musst du dir natürlich anpassen.
Danke, Andreas, das bastele ich mir zurecht.
-
Mit Proton musste ich das
ändern.Nun ist dort der originale Haken in dem grünen Icon zu sehen, den ich wieder weg haben möchte, bitte helfen.
-
Teste bitte mal:
Perfekt, Andreas, ich bedanke mich.
-
Na klar...wenn ich kann dann....
Du kannst.......
So, Andreas, dann das erste Problem. Erst wenn die Zeilenhöhe bei ca 32px ist, dann ist auch die Schrift mittig, Ich habe bisher immer 25px eingestellt, da liegt dann die Schrift auf dem unteren Rand (ist dann in allen Popup so). Lässt sich das zentral für alle Menüs ändern, damit die Schrift weiter nach oben kommt?
-
Musst du aber nicht
Da hast du wieder was hin gezaubert.
Beide Varianten sind möglich, wobei ich mich für die Icon-Variante entschieden habe, lässt sich sehr gut in meinen bisherigen Code einarbeiten.
Ein großes Dankeschön an dich, Andreas.
Wenn du erlaubst, dann komme ich später noch auf einige Sachen zurück, die ich gerne noch bereinigt haben möchte.
-
Wenn du magst, dann teste bitte jeweils.
Ein Dankeschön an dich, Andreas.
Ich werde das alles durchtesten, melde mich dann wieder.
-
Es will vielleicht nichts bedeuten, aber in Zeile 62 sind die Kommas doch etwas eigenartig gesetzt
Danke, milupo, habe deine Hinweise hierzu (auch aus den folgenden Beiträgen) alle verarbeitet, es funktioniert.
Ihr habt da bei den äußeren Buttons eine andere Breite als bei den mittleren.
Ich danke dir, habe aber nur teilweise davon Gebrauch gemacht (hilft).
Wie schon gesagt, wenn die Icons eine eigene Farbe bekommen gibt es Probleme.
Jetzt habe ich den Code nochmals bearbeitet, für Hover aber die originale (graue) Farbe belassen, damit kann ich erst einmal leben. Eventuell gibt es doch noch eine bessere Variante.
-
Das wird in Zukunft echt fummelig mit manchen Icons und auch anderen Dingen
Das glaube ich dir gern.
Hier noch auf die Schnelle der Code mit dem ich heute früh experimentiert habe, kannst ja mal begutachten. Für mich wäre wichtig, wie ich den blauen Button links/rechts erweitern kann, damit das Feld ausgefüllt ist.
CSS
Alles anzeigen/*==================================*/ /***** POPUP und KONTEXT Menus ******/ /*==================================*/ menupopup > menuitem, menupopup > menu { background-position:8px 7px!important; padding-left:36px!important;} #context-stop, #context-bookmarkpage, #context-reload, #context-to-bottom, #context-to-top, #context-forward, #context-back { appearance: none !important; background: none !important; /* margin-right:2px!important; max-width: 62px !important; */ border:1px solid lime !important; } #context-stop:hover, #context-bookmarkpage:hover, #context-reload:hover, #context-to-bottom:hover, #context-to-top:hover, #context-forward:hover, #context-back:hover { appearance: none !important; background-color: #e3dac9 !important; /* margin-right:2px!important; max-width: 62px !important; */ border:1px solid grey !important; } arrowscrollbox:not(#tabbrowser-arrowscrollbox), menupopup, popup { appearance: none!important; width: 350px !important; /* vorgegebene Breite der Popup-Fenster */ border-radius: 6px !important; border: 1px solid blue !important; /* Umrandung/Farbe */ padding: 4px 4px 4px 4px !important; /* Ausrichtung */ } /* Zeilen anpassen */ menupopup > menu ,menupopup > menuitem,popup > menu ,popup > menuitem { appearance: none !important; min-height: 25px !important; /* vorgegebene Höhe der Zeilen */ max-height: 25px !important; -moz-opacity: 1.0 !important; border-radius: 6px !important; border: 1px solid #99ccff !important; /* Umrandung/Farbe */ } /* Hintergrund/Umrandung/Ausrichtung - aller Popup */ menupopup { border: 2px solid #FF3300 !important; /* Umrandung/Farbe */ padding: 6px 6px 6px 6px !important; /* Ausrichtung */ background: #F5F5DC /* #F0F8FF */ !important; /* Hintergrund */ font-size: 9pt !important; /* Schriftgröße */ border-radius: 10px !important; } /* angewählte Zeilen erhalten farbigen Hintergrund (Lime) und blaue fette Schrift bei Hover */ menupopup.textbox-contextmenu :-moz-any(menu,menuitem)[_moz-menuactive="true"], popupset > menupopup :-moz-any(menu,menuitem)[_moz-menuactive="true"]:not([id^="BMB"]), popupset > menupopup menupopup :-moz-any(menu,menuitem)[_moz-menuactive="true"]:not([id^="BMB"]), popupset >*:not(menupopup) menupopup :-moz-any(menu,menuitem)[_moz-menuactive="true"], toolbarbutton:not(#bookmarks-menu-button):not(#alltabs-button):not(.bookmark-item) menupopup :-moz-any(menu,menuitem)[_moz-menuactive="true"], #PlacesToolbar :-moz-any(menu,menuitem)[_moz-menuactive="true"], #main-menubar menupopup :-moz-any(menu,menuitem)[_moz-menuactive="true"], #sourceeditor-context :-moz-any(menu,menuitem)[_moz-menuactive="true"] { appearance: none !important; background-color: greenyellow !important; font-size: 9pt !important; /* Schriftgröße bei Hover */ font-weight: bold !important; /* fette Schrift */ border:1px solid red !important; /* Umrandung bei Hover */ color: #3300ff !important; } /* nichtanwählbare Zeilen erhalten farbigen Hintergrund (Blue) und dunkle graue fette Schrift bei Hover */ menupopup.textbox-contextmenu :-moz-any([disabled="true"])[_moz-menuactive="true"], popupset > menupopup :-moz-any([disabled="true"])[_moz-menuactive="true"]:not([id^="BMB"]), popupset > menupopup menupopup :-moz-any([disabled="true"])[_moz-menuactive="true"]:not([id^="BMB"]), popupset >*:not(menupopup) menupopup :-moz-any([disabled="true"])[_moz-menuactive="true"], toolbarbutton:not(#bookmarks-menu-button):not(#alltabs-button):not(.bookmark-item) menupopup :-moz-any([disabled="true"])[_moz-menuactive="true"], #PlacesToolbar :-moz-any([disabled="true"])[_moz-menuactive="true"], #main-menubar menupopup :-moz-any([disabled="true"])[_moz-menuactive="true"], #sourceeditor-context :-moz-any([disabled="true"])[_moz-menuactive="true"], #lpt_site-context-menu :-moz-any([disabled="true"])[_moz-menuactive="true"] { background-color: #3399ff !important; color: #666699 !important; font-weight: bold !important; } /********** KONTEXT-MENÜ ***************************/ /************* SEPARATOREN *******************************/ /* Separatoren werden entfernt (Querlinien) */ .small-separator, #organizeBookmarksSeparator, #bookmarksToolbarSeparator, #bookmarksMenuItemsSeparator { display: none !important; } #contentAreaContextMenu menuseparator { display: none !important; } menupopup menuseparator { display: none !important; } /****************** MENÜBAR ********************/ /* Hovereffekt Menübar anpassen */ #main-menubar > menu[_moz-menuactive="true"], #main-menubar > menu[_moz-menuactive="true"]:-moz-lwtheme-darktext{ background: #00FF00 !important; /* Hintergrund */ border: 1px solid #ff6600 !important; /* Umrandung*/ color: red !important; /* Schriftfarbe */ } #main-menubar > menu{ padding: 0px 3px 0px 3px !important; } /*Höhenverschiebung Menülleiste durch Hovereffekt verhindern*/ #main-menubar { height: 22px !important; margin-left:2px!important; } /* Menübar-Textfarbe-Stil */ menubar > menu { font-family: "helvetica" !important; color: #330066 !important; /* Schriftfarbe */ font-style: italic !important; /* Schriftstil */ font-size: 12px !important; /* Schriftgröße */ /* font-weight: bold !important; */ /* fette Schrift */ } /*====================================================================================================================*/ -
Das Problem bei deinem Code ist, du gibst den Button eine eigene Farbe, wie ich es gesagt hatte:
So ist es, Andreas. Das wollte ich auch wieder umsetzen, aber es will nicht funktionieren. Mit dem letzten Code sieht es dann so aus, mit dem Filter wird alles so blass aussehen, auch die Icons, und das wollte ich vermeiden. Mit dem grauen Hintergrund bei den Icons, wenn man den weg bekäme.
Ich packe erst einmal zusammen, neue Energie tanken, dann neuer Anlauf.
Danke, Andreas!
-
Warum zeigst du denn nicht mal deinen Code, damit man mal herausfinden kann, wo da Fehler sind?
Hi milupo!
Das mache ich, der Code funktioniert in allen Versionen (bis Nightly ohne Proton).
CSS
Alles anzeigen/*==================================*/ /***** POPUP und KONTEXT Menus ******/ /*==================================*/ arrowscrollbox:not(#tabbrowser-arrowscrollbox), menupopup, popup { appearance: none!important; width: 350px !important; /* vorgegebene Breite der Popup-Fenster */ border-radius: 6px !important; border: 1px solid blue !important; /* Umrandung/Farbe */ padding: 4px 4px 4px 4px !important; /* Ausrichtung */ } /* Zeilen anpassen */ menupopup > menu ,menupopup > menuitem,popup > menu ,popup > menuitem { appearance: none !important; min-height: 25px !important; /* vorgegebene Höhe der Zeilen */ max-height: 25px !important; -moz-opacity: 1.0 !important; border-radius: 6px !important; border: 1px solid #99ccff !important; /* Umrandung/Farbe */ } /* Hintergrund/Umrandung/Ausrichtung - aller Popup */ menupopup { border: 2px solid #FF3300 !important; /* Umrandung/Farbe */ padding: 6px 6px 6px 6px !important; /* Ausrichtung */ background: #F5F5DC /* #F0F8FF */ !important; /* Hintergrund */ font-size: 9pt !important; /* Schriftgröße */ border-radius: 10px !important; } /* angewählte Zeilen erhalten farbigen Hintergrund (Lime) und blaue fette Schrift bei Hover */ menupopup.textbox-contextmenu :-moz-any(menu,menuitem)[_moz-menuactive="true"], popupset > menupopup :-moz-any(menu,menuitem)[_moz-menuactive="true"]:not([id^="BMB"]), popupset > menupopup menupopup :-moz-any(menu,menuitem)[_moz-menuactive="true"]:not([id^="BMB"]), popupset >*:not(menupopup) menupopup :-moz-any(menu,menuitem)[_moz-menuactive="true"], toolbarbutton:not(#bookmarks-menu-button):not(#alltabs-button):not(.bookmark-item) menupopup :-moz-any(menu,menuitem)[_moz-menuactive="true"], #PlacesToolbar :-moz-any(menu,menuitem)[_moz-menuactive="true"], #main-menubar menupopup :-moz-any(menu,menuitem)[_moz-menuactive="true"], #sourceeditor-context :-moz-any(menu,menuitem)[_moz-menuactive="true"] { appearance: none !important; background-color: greenyellow !important; font-size: 9pt !important; /* Schriftgröße bei Hover */ font-weight: bold !important; /* fette Schrift */ border:1px solid red !important; /* Umrandung bei Hover */ color: #3300ff !important; } /* nichtanwählbare Zeilen erhalten farbigen Hintergrund (Blue) und dunkle graue fette Schrift bei Hover */ menupopup.textbox-contextmenu :-moz-any([disabled="true"])[_moz-menuactive="true"], popupset > menupopup :-moz-any([disabled="true"])[_moz-menuactive="true"]:not([id^="BMB"]), popupset > menupopup menupopup :-moz-any([disabled="true"])[_moz-menuactive="true"]:not([id^="BMB"]), popupset >*:not(menupopup) menupopup :-moz-any([disabled="true"])[_moz-menuactive="true"], toolbarbutton:not(#bookmarks-menu-button):not(#alltabs-button):not(.bookmark-item) menupopup :-moz-any([disabled="true"])[_moz-menuactive="true"], #PlacesToolbar :-moz-any([disabled="true"])[_moz-menuactive="true"], #main-menubar menupopup :-moz-any([disabled="true"])[_moz-menuactive="true"], #sourceeditor-context :-moz-any([disabled="true"])[_moz-menuactive="true"], #lpt_site-context-menu :-moz-any([disabled="true"])[_moz-menuactive="true"] { background-color: #3399ff !important; color: #666699 !important; font-weight: bold !important; } /********** KONTEXT-MENÜ ***************************/ /* Icon Farbe */ #context-navigation > menuitem > hbox.menu-iconic-left { appearance: none !important; color: #3333ff ! important; /* Farbe */ padding: 0px 4px 0px 4px !important; /* Ausrichtung */ } /* Hintergrund hinter den Icons */ #context-navigation { background: /* #f3e5ab */ #99ccff /* #ecebbd */ !important; /* Farbe */ padding: 4px 4px 4px 4px !important; /* Ausrichtung */ margin-bottom: 4px ! important; /* untere Anpassung */ min-height: 40px !important; /* vorgegebene Höhe des Hintergrundes */ max-height: 40px !important; } /************* SEPARATOREN *******************************/ /* Separatoren werden entfernt (Querlinien) */ .small-separator, #organizeBookmarksSeparator, #bookmarksToolbarSeparator, #bookmarksMenuItemsSeparator { display: none !important; } #contentAreaContextMenu menuseparator { display: none !important; } menupopup menuseparator { display: none !important; } /****************** MENÜBAR ********************/ /* Hovereffekt Menübar anpassen */ #main-menubar > menu[_moz-menuactive="true"], #main-menubar > menu[_moz-menuactive="true"]:-moz-lwtheme-darktext{ background: #00FF00 !important; /* Hintergrund */ border: 1px solid #ff6600 !important; /* Umrandung*/ color: red !important; /* Schriftfarbe */ } #main-menubar > menu{ padding: 0px 3px 0px 3px !important; } /*Höhenverschiebung Menülleiste durch Hovereffekt verhindern*/ #main-menubar { height: 22px !important; margin-left:2px!important; } /* Menübar-Textfarbe-Stil */ menubar > menu { font-family: "helvetica" !important; color: #330066 !important; /* Schriftfarbe */ font-style: italic !important; /* Schriftstil */ font-size: 12px !important; /* Schriftgröße */ /* font-weight: bold !important; */ /* fette Schrift */ } /*====================================================================================================================*/
Den grauen Hintergrund konnte ich auch nur mit dem langen Farbcode entfernen
Ich habe ja für Hover Greenyellow, wollte die Farbe auf das komische Grau einrichten, war schon dicht dran, aber der Unterschied war immer noch erkennbar.
-
Du hast meinen nachträglichen Hinweis unten in Beitrag Nr. 60 gesehen?
Habe ich gelesen. Dein letzter Code für den Filter funktioniert, es sind auch die Icons zu sehen.
Eine Sache dazu, auf den Bildern hier RE: Anpassungen wegen Proton ist hinter den Icons ein heller Hintergrund (originale Farbe) zu sehen, bekommst du das raus, wie die heißt?
-
Diesen Code habe ich dazu benutzt:
So hier:
Wie bekomme ich über den Filter die Farbe Greenyellow hin? Ich habe schon so viel probiert, sehe nur noch Schwarz.
-
Du meinst bei hover?
Normal und bei Hover.
linke Seite:
rechte Seite:
vier in der Mitte:
-
Siehe meine beiden Screenshot dazu im Beitrag.
Mit meinem Code funktioniert das hier einwandfrei.
Ja, Andreas, das macht er hier auch, nur dann sind keine Icons mehr zu sehen. Ich bin da noch am Wirken, mal sehen was bei raus kommt. Sind bei dir die Button original auch unterschiedlich breit?
Andreas, wieder ein Dankeschön an dich für die Hilfe.
-
Du müsstest dir die Farben also für dich dann anpassen.
Damit beschäftige ich mich gerade, ist gar nicht so einfach. Kannst du hier RE: Anpassungen wegen Proton das erste Bild betrachten, da ist ja rechts der Button mit Hover rot hinterlegt, wird aber durch die originale Farbe teilweise überlagert. Lässt sich dieser Hintergrund ausblenden, damit nur die Hoverfarbe wirkt?
