1. Nachrichten
  2. Forum
    1. Unerledigte Themen
    2. Forenregeln
  3. Spenden
  • Anmelden
  • Registrieren
  • Suche
Alles
  • Alles
  • Artikel
  • Seiten
  • Forum
  • Erweiterte Suche
  1. camp-firefox.de
  2. FuchsFan

Beiträge von FuchsFan

  • Hintergrundfarbe der Menüs/Lesezeichen/Kontextmenü - mit Hover-Effekt

    • FuchsFan
    • 29. Januar 2020 um 18:37
    Zitat von BrokenHeart

    wenn sich das Kontextmenu über dem Popup befindet, scheint damit behoben zu sein

    Nun habe ich heute wieder daran rumgebastelt, und da ist mir aufgefallen, dass ich in einigen Versionen, wie auch hier: RE: Hintergrundfarbe der Menüs/Lesezeichen/Kontextmenü - mit Hover-Effekt , Code-Schnipsel für die Menübar mit eingebaut habe (hier Zeile 1 bis 10). Das hat sich mit dem restlichen Code nicht vertragen, bzw. war unvollständig.

    Deshalb musste ein Code her, der unabhängig vom restlichen Teil läuft. Für das Menü habe ich jetzt den Schnipsel eingearbeitet, und damit kann ich jetzt zufrieden sein. Ob damit nun alles perfekt ist, das wage ich mal zu bezweifeln, aber mehr gibt mein bescheidenes Engagement nicht her.

    CSS
    /********* MENÜBAR ********************/
    
    /*Hovereffekt Menübar anpassen*/
    #main-menubar > menu[_moz-menuactive="true"],
    #main-menubar > menu[_moz-menuactive="true"]:-moz-lwtheme-darktext{
        background: lime !important;
        border: 1px solid orange !important;
        font-weight: bold !important;  /* fette Schrift */
        color: red !important;
        padding: 0px 10px 0px 10px !important;
    }
    
    /*Höhenverschiebung Menülleiste durch Hovereffekt verhindern*/
    #main-menubar {
        height: 24px;
    }
    Alles anzeigen

    So, dann stelle ich hier noch einmal den vollständigen Code ein, damit ist dann auch meine Bastelei daran beendet:

    CSS
    /*==================================*/
    /***** POPUP und KONTEXT Menus ******/
    /*==================================*/
    
    /********* MENÜBAR ********************/
    
    /*Hovereffekt Menübar anpassen*/
    #main-menubar > menu[_moz-menuactive="true"],
    #main-menubar > menu[_moz-menuactive="true"]:-moz-lwtheme-darktext{
        background: lime !important;
        border: 1px solid orange !important;
        font-weight: bold !important;  /* fette Schrift */
        color: red !important;
        padding: 0px 10px 0px 10px !important;
    }
    
    /*Höhenverschiebung Menülleiste durch Hovereffekt verhindern*/
    #main-menubar {
        height: 24px;
    }
    
    /************** POPUP-MENÜS ************************/
    
    /* Basis-Anpassungen aller Popup-Menüs */
    menupopup, popup,
    popup > menu > menupopup,
    menupopup > menu > menupopup {
        -moz-appearance: none !important;
        border: 1px solid orange !important; /* Umrandung der Popup-Menüs */ 
        padding: 3px 4px 3px 4px  !important; /* Umrandung nach außen versetzt */ 
        border-left: 2px solid orange !important;
        border-right: 2px solid orange !important;
    }  
    
    .popup-internal-box,
    menupopup,
    popup {
       -moz-appearance: none!important;
       width: 325px !important; /* Vorgegebene Breite der Popup-Fenster */
    } 
        
    menupopup > menu ,
    menupopup > menuitem,popup > menu ,
    popup > menuitem  {
        -moz-appearance: none!important;
        min-height: 24px !important; /* vorgegebene Höhe der Zeilen */
        max-height: 24px !important;
    }
    
    /* Für alle Popup Hintergrund und weitere Anpassungen */
    menupopup.textbox-contextmenu :-moz-any(menu,menuitem),
    popupset > menupopup :-moz-any(menu,menuitem),
    popupset >*:not(menupopup) menupopup :-moz-any(menu,menuitem),
    toolbarbutton:not(#bookmarks-menu-button):not(#alltabs-button):not(.bookmark-item)  menupopup :-moz-any(menu,menuitem),
    #PlacesToolbar :-moz-any(menu,menuitem),
    #main-menubar menupopup :-moz-any(menu,menuitem),
    #sourceeditor-context :-moz-any(menu,menuitem) {
        -moz-appearance: none !important;
        border:1px solid #cae1ff !important; /* farbige Umrandung der Zeilen */
        font-size:13px; /* Schriftgröße */
        color: black !important; /* Basis-Schriftfarbe */
        background: #ffffe0 !important; /* Hintergrund aller Popup-Menüs */
    }
    
    /* Einige Popup erhalten farbigen Hintergrund (Lime) und blaue 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"] {
        -moz-appearance: none !important;
        background-color:lime !important;
        font-weight: bold !important;  /* fette Schrift */
        border:1px solid red !important; /* Umrandung bei Hover */
        color:blue!important;
    }
    
    /* Einige Popup erhalten farbigen Hintergrund (Blue) und weiße 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: blue !important;
        color:white !important;
        font-weight: bold !important;
    }
    
    /************ KONTEXT-MENÜ ****************************/
     
    /* Für Kontext-Menü */
    #context-navigation > menuitem > hbox.menu-iconic-left {
        display: -moz-box !important;
    }
    
    #context-navigation > menuitem {
        padding: 1px !important;
        margin:5px 6px 1px !important; /* Button ausgerichte */ 
    }
    
    /************* SEPARATOREN ***********************/
    
    /* Separatoren werden entfernt (Querlinien) */
    .small-separator,
    #organizeBookmarksSeparator,
    #bookmarksToolbarSeparator,
    #bookmarksMenuItemsSeparator {
        display: none !important;
    }    
    
    #contentAreaContextMenu menuseparator {
        display: none !important;
    }
    
    menupopup menuseparator {
        display: none !important;
    }
    Alles anzeigen
  • Hintergrundfarbe der Menüs/Lesezeichen/Kontextmenü - mit Hover-Effekt

    • FuchsFan
    • 29. Januar 2020 um 18:18
    Zitat von Büssen

    Alte Version: hier konnte ich mit der Maus - auch bei geöffnetem Kontext-Menü - überall (den Mauszeiger) hin- und her bewegen.

    Dabei wurden alle Einträge beim "Überfahren" in fetter unterlegter Schrift gezeigt.

    Das ist doch alles richtig, was du da sagst. Aber das ist die alte Version, und die interessiert mich nicht mehr, weil, wie ich wiederholt angegeben habe, sie fehlerhaft ist.

  • Hintergrundfarbe der Menüs/Lesezeichen/Kontextmenü - mit Hover-Effekt

    • FuchsFan
    • 29. Januar 2020 um 10:43
    Zitat von Büssen

    Was mir auffällt: ich kann nun nur mit der Maus über das Kontextfeld (öffnen usw.) fahren, um den Cursor entsprechend farbig anzuzeigen.

    Gehe ich mit dem Mauszeiger auf die linke Seite - dann tut sich nichts.

    Kann auch nicht, weil das "normal" ist (auch unter Windows). Im alten Code liegt darin ja der Fehler. Du musst also mit der linken Maus wieder einen gewünschten Eintrag markieren (dann schließt sich das vorherige Kontext-Menü automatisch), und jetzt mit Rechts wieder das Kontext-Menü für den gewünschten Eintrag öffnen.


    Zitat von BrokenHeart

    Gratuliere

    Danke für die Blumen, aber ich habe nur die optischen Anpassungen vorgenommen, mehr nicht. :rolleyes::)

    Zitat von BrokenHeart

    Ja, dein Problem, nämlich zusätzliche Attribute beim 'Hovern' in Kontextmenüs anzuzeigen, wenn sich das Kontextmenu über dem Popup befindet, scheint damit behoben zu sein.

    Leider nur zum Teil, denn es gibt da noch eine Situation, wo es nicht "rund" läuft. Das Bild dazu gibt dann den Überblick.

    Linke Maus Menü Lesezeichen/Lesezeichen Symbolleiste/Ordner, dann in der Mitte rechte Maus auf den Ordner und Kontextmenü öffnen. Wenn jetzt mit der Maus über die Einträge gefahren wird, so wird es eventuell richtig angezeigt, oder es flackert. Bewegt man jetzt die Maus in einer Zeile langsam , so erscheint kurz darauf dann die vorgegebene Anzeige.


    Zitat von BrokenHeart

    Das Problem mit dem Versions-/Uhren-Anzeige-Skript, welches ja von den Auswirkungen her ja ähnlich/identisch ist, löst es leider nicht (was ich gehofft hatte

    Du versuchst mir ja Details zu erläutern, was ich auch gut finde, aber da bist du bei mir an der falschen Adresse, weil Null Ahnung. ;(

    Aber es werden ja sicherlich erfahrene Leute hier mitlesen, die dazu bestimmt eine Meinung haben.

  • Hintergrundfarbe der Menüs/Lesezeichen/Kontextmenü - mit Hover-Effekt

    • FuchsFan
    • 28. Januar 2020 um 23:05

    Hallo! :)

    Nach vielen Tests ist eindeutig erwiesen, dass der hier RE: Hintergrundfarbe der Menüs/Lesezeichen/Kontextmenü - mit Hover-Effekt vorliegende Code das o.g. Problem mitbringt.

    Ich habe mir von Aris (https://github.com/Aris-t2/CustomCSSforFx/issues/89) mal den Code von Dez.2017 vorgenommen und daraus versucht ein Menü ohne diesen Fehler zu erstellen. Und es funktioniert, getestet von Version 72 bis 74. Ich stelle hier den Code zum Test mal rein, damit auch die Experten sich ein Urteil erlauben können, um Fehler und Verbesserungen aufzuzeigen.

    CSS
    /*===============================================
      POPUP und CONTEXT MENUS
    ===============================================*/
    
    .popup-internal-box,
    menupopup,
    popup {
       -moz-appearance: none!important;
       width: 325px !important; /* Vorgegebene Breite der Popup-Fenster */
    } 
        
    menupopup > menu ,
    menupopup > menuitem,popup > menu ,
    popup > menuitem  {
        -moz-appearance: none!important;
        min-height: 24px !important; /* vorgegebene Höhe der Zeilen */
        max-height: 24px !important;
    }
    
    /* Border links und rechts mit Farbe */    
    menupopup.textbox-contextmenu,
    popupset > menupopup,
    popupset > menupopup menupopup,
    popupset >*:not(menupopup) menupopup,
    toolbarbutton:not(#bookmarks-menu-button):not(#alltabs-button):not(.bookmark-item)  menupopup,
    #PlacesToolbar menupopup,
    #main-menubar menupopup,
    #sourceeditor-context {
        -moz-appearance: none !important;
        border-left: 2px solid red !important;
        border-right: 2px solid red !important;
    }
    
    /* Einige Popup erhalten farbigen Hintergrund (Lime) und blaue 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"] {
        -moz-appearance: none !important;
        background-color:lime !important;
        font-weight: bold !important;  /* fette Schrift */
        border:1px solid red !important; /* Umrandung bei Hover */
        color:blue!important;
    }
    
    /* Einige Popup erhalten farbigen Hintergrund (Blue) und weiße 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: blue !important;
        color:white !important;
        font-weight: bold !important;
    }
    
    /* Für alle Popup Hintergrund und weitere Anpassungen */
    menupopup.textbox-contextmenu :-moz-any(menu,menuitem),
    popupset > menupopup :-moz-any(menu,menuitem),
    popupset >*:not(menupopup) menupopup :-moz-any(menu,menuitem),
    toolbarbutton:not(#bookmarks-menu-button):not(#alltabs-button):not(.bookmark-item)  menupopup :-moz-any(menu,menuitem),
    #PlacesToolbar :-moz-any(menu,menuitem),
    #main-menubar menupopup :-moz-any(menu,menuitem),
    #sourceeditor-context :-moz-any(menu,menuitem) {
        -moz-appearance: none !important;
        padding-top:-1px !important;
        padding-bottom:2x !important;
        padding-right:6px; /* Zeile rechts Abstand */
        padding-left:6px !important; /* Zeile links Abstand */
        border:1px solid #cae1ff !important; /* farbige Umrandung der Zeilen */
        font-size:13px; /* Schriftgröße */
        color: black !important; /* Basis-Schriftfarbe */ 
        background-color: #ffffe0  !important; /* Hintergrund aller Popup-Menüs */
    }
    
    
    /* Für Kontext-Menü */
    #context-navigation > menuitem > hbox.menu-iconic-left {
        display: -moz-box !important;
    }
    
    #context-navigation > menuitem {
        padding: 1px !important;
        margin:5px 6px 1px !important;
        width: 175px ! important;
    }
    
    /* Separatoren werden entfernt (Querlinien) */
    .small-separator,
    #organizeBookmarksSeparator,
    #bookmarksToolbarSeparator,
    #bookmarksMenuItemsSeparator {
        display: none !important;
    }    
    
    #contentAreaContextMenu menuseparator {
        display: none !important;
    }
    
    menupopup menuseparator {
        display: none !important;
    }
    Alles anzeigen
  • Seiteneffekt bei Verwendung der Skripte für Versions/Uhrzeit-Anzeige...

    • FuchsFan
    • 27. Januar 2020 um 12:54

    Das habe ich dann nicht richtig gedeutet, nahm an , es ging dabei immer noch um das Script. :rolleyes:

  • Seiteneffekt bei Verwendung der Skripte für Versions/Uhrzeit-Anzeige...

    • FuchsFan
    • 27. Januar 2020 um 12:47
    Zitat von 2002Andreas

    In meinem Hauptprofil nutze ich einen CSS Code für hover über alle Einträge.

    Und da tritt das Problem nicht auf

    Hallo Andreas!:)

    Du machst mich neugierig, was diese Aussage betrifft. Würdest du bitte mal Folgendes versuchen, mit der linken Maus oben ein Menü (Lesezeichen, usw.) öffnen, dann ganz links in einer beliebigen Zeile die rechte Maus ansetzen und das Kontext-Menü öffnen. Anschließend mit der linken Maus weit links über die Zeilen des geöffneten Kontext-Menüs fahren. Weit links soll soviel bedeuten, dass das Kontext-Menü dort noch über dem Popup des Menüs liegt. Ist jetzt im Kontext-Menü auch noch der Hover-Effekt erkennbar?

    Wenn ja, so bitte ich, doch mal in deinem Code für Hover die fette Schrift einzutragen, und es dann noch einmal zu probieren. Wenn es dann auch noch funktioniert, dann hättest du nicht das Problem in deinem Code, womit ich mich i.M. beschäftige.

    Danke, für dein Verständnis.

  • Hintergrundfarbe der Menüs/Lesezeichen/Kontextmenü - mit Hover-Effekt

    • FuchsFan
    • 26. Januar 2020 um 17:26
    Zitat von Büssen

    Dort, wo nicht überlappt - wird eingefarbt und fette Schrift gezeigt.

    Hallo Büssen!:)

    Das ist ja der springende Punkt, aber was im Code verursacht das.

    Zitat von Büssen

    Rechtsklick auf rechten Rand des Lesezeichenfensters. Im Kontextmenü wird überall fette Schrift angezeigt, je nach Stellung des Mauszeigers.

    Auch das ist richtig, ganz rechts in der Leiste einen Klick, so öffnet sich das Kontext-Menü weit rechts daneben, dann funktioniert es ja wieder, weil es außerhalb der anderen Popup-Fenster liegt.

    Zitat von Büssen

    färbt sich der jeweilige Eintrag (hellgrün) und die Schrift wird auch fetter

    Und deaktiviere ich die fette Schrift, so wie hier beschrieben RE: Hintergrundfarbe der Menüs/Lesezeichen/Kontextmenü - mit Hover-Effekt , so kann das Kontext-Menü auch über einem anderen Popup liegen, dann funktioniert alles so wie es eigentlich soll.

    Ich hatte gehofft, dass das in den Griff zu bekommen wäre, aber es scheint so , eher nicht. Ich habe selbst schon gesucht und umgebaut, aber sofern die fette Schrift ins Spiel kommt, ist es wieder so.

    Wir haben ja nun gemeinsam entdeckt wie es zu handhaben ist, ich kann damit leben.

    Ich habe den Code noch etwas verändert, schicke ich dir demnächst mal per PN, dann kannst du ihn im Nightly portable ausprobieren.

  • Hintergrundfarbe der Menüs/Lesezeichen/Kontextmenü - mit Hover-Effekt

    • FuchsFan
    • 25. Januar 2020 um 18:33

    Ja, nun bin ich am Ende und brauche Hilfe. Einen neuen Code habe ich mal erprobt, der auch das macht, was er soll. Wenn ich aber in dem Code die Zeile 28 (fette Schrift) aktiviere, so tritt das ein, was ich oben beschrieben habe.

    CSS
    /* Textfarbe der Menüs */
        #main-menubar .menubar-text{
          color: black !important;
        }
    
    /* Hover-Farbe der Menüs ändern */    
        #main-menubar > menu:hover {
          background: lime !important;
          color: black !important;
        }
    
    /* Schriftfarbe */
        menupopup > menu:not([disabled="true"]), 
        menupopup > menuitem:not([disabled="true"]),
        popup > menu:not([disabled="true"]) , 
        descriptionpopup > menuitem:not([disabled="true"])   {
          color: black !important;
        /* font-weight: bold ! important; */
        }
    
    /*** Menüeinträge die Schrift beim Überfahren mit der Maus andere Farbe    ***/
        menupopup > menu:hover:not([disabled="true"]),
        menupopup > menuitem:hover:not([disabled="true"]), 
        popup > menu:hover:not([disabled="true"]),
        descriptionpopup > menuitem:hover:not([disabled="true"])   {
          color: blue !important;
          background: lime !important;
         /*  font-weight: bold ! important; */
        } 
    
    /*** Menü-Popup-Fenster anpassen  ***/
        .popup-internal-box,
        menupopup,
        popup{
          -moz-appearance: none!important;
          border:none!important;
        } 
       
        menupopup > menu ,
        menupopup > menuitem,popup > menu ,
        popup > menuitem  {
          -moz-appearance: none!important;
          /* font-weight: bold !important; */
          color: black !important;
          background-color: #F5F5DC !important;  
          min-height: 25px !important;
          max-height: 25px !important;
        }
    
        .popup-internal-box * {
          background-color: #F5F5DC !important; 
        }
    
        menupopup > * {font-size: 10pt !important;
          border-top: none !important;
          border-left: 2px solid red !important;
          border-right: 2px solid red !important;
          border-bottom: 1px solid orange !important;
        }
    
    }
    Alles anzeigen

    So funktioniert es ohne Zeile 28:

  • Hintergrundfarbe der Menüs/Lesezeichen/Kontextmenü - mit Hover-Effekt

    • FuchsFan
    • 25. Januar 2020 um 16:58
    Zitat von harff182

    Vielleicht hilfts Dir ja weiter....

    Ich danke dir, damit kann ich probieren. Das mit dem Kontext-Menü läuft so, wie ich mir das vorstelle. Also ab in die Bastelstube. :)

  • Hintergrundfarbe der Menüs/Lesezeichen/Kontextmenü - mit Hover-Effekt

    • FuchsFan
    • 25. Januar 2020 um 14:54

    Hallo, in die Runde!:)

    Mit der Thematik hatten wir uns hier RE: Hintergrundfarbe der Menüpunkte Chronik/Lesezeichen anpassen schon beschäftigt. Seither gibt es aber eine "Kleinigkeit" (hoffentlich), die ich bisher immer ignoriert habe. Nun bitte ich hierzu um Hilfe, eventuell läßt sich das ja bereinigen .

    Öffne ich einen Lesezeichen-Ordner, und fahre mit der Maus über die Einträge, so verändern sich Schrift und Hintergrund. Öffne ich nun über einem Link das Kontext-Menü, so wird es angezeigt, aber beim Überfahren mit der Maus keine Änderung, sondern die Einträge sind ganz normal anklickbar. Hier ein Bild dazu:

    Eine Änderung im Kontext-Menü erfolgt erst dann, wenn die Maus im Kontext-Menü außerhalb des Feldes darunter liegt. Hier wäre es dann bei Eigenschaften zu sehen, dann verändern sich aber die bisherigen Hintergründe..

    Was ist in dem Code die Ursache dafür, oder fehlen bestimmte Codes dafür.

    Hier dann der z.Z. genutzte Code:

    Spoiler anzeigen

    /*** Hintergrundfarbe der Menü-Popup-Fenster anpassen - mit Hover-Effect ***/

    .popup-internal-box,

    menupopup,

    popup{

    -moz-appearance: none!important;

    border:none!important;

    }

    menupopup > menu ,

    menupopup > menuitem,popup > menu ,

    popup > menuitem {

    -moz-appearance: none!important;

    /*font-weight: bold !important; */

    color: black !important;

    background-color: #F5F5DC !important; /*#F5F5DC*/

    min-height: 25px !important;

    max-height: 25px !important;

    }

    .popup-internal-box * {

    background-color: #F5F5DC !important;

    }

    menupopup > * {font-size: 10pt !important;

    border-top: none !important;

    border-left: 2px solid red !important;

    border-right: 2px solid red !important;

    border-bottom: 1px solid orange !important;

    }

    /*** Kontextmenü Hintergrundfarbe ***/

    #context-navigation {

    color: #00ff00 !important;

    background-color: #F5F5DC !important;

    }

    /*** Menüeinträge die Schrift beim Überfahren mit der Maus andere Farbe ***/

    menupopup > menu:hover:not([disabled="true"]),

    menupopup > menuitem:hover:not([disabled="true"]),

    popup > menu:hover:not([disabled="true"]),

    descriptionpopup > menuitem:hover:not([disabled="true"]) {

    color: blue !important;

    font-weight: bold ! important;

    }

    /*** Menüeinträge beim Überfahren mit der Maus andere Farbe ***/

    menupopup > menuitem:hover,

    menupopup > menu:hover{

    -moz-appearance:none!important;

    background: lime !important; /* chartreuse **/

    height: 22px !important;

    }

    /** Menü beim Überfahren mit der Maus andere Farbe ***/

    #main-menubar > menu:hover {

    background: lime !important;

    }

    /** Separatoren werden entfernt (Querlinien ****/

    .small-separator,

    #organizeBookmarksSeparator,

    #bookmarksToolbarSeparator,

    #bookmarksMenuItemsSeparator {

    display: none !important;

    }

    #contentAreaContextMenu menuseparator {

    display: none !important;

    }

    menupopup menuseparator {

    display: none !important;

    }

  • Buttons auf Seite "Extras - Einstellungen"

    • FuchsFan
    • 24. Januar 2020 um 09:06
    Zitat von milupo

    FuchsFan, die Sync-Schaltfläche ist in den Firefox-Einstellungen, nicht im Add-on-Manager.

    Moinmoin! :)

    Du hast vollkommen Recht, wie ich das eingebaut habe, wollte ich nur namentlich einen Anhaltspunkt haben. Ich werde das aber trotzdem wieder richten, damit es seine Ordnung hat. Danke! :)

  • Buttons auf Seite "Extras - Einstellungen"

    • FuchsFan
    • 23. Januar 2020 um 22:07
    Zitat von milupo

    den entsprechenden Code in einer CSS-Datei im Ordner CSSWeb

    Genau das ist richtig, wenn er den Nightly portable von mir meint. Da ist im CSSWeb-Ordner der Code vorhanden.

    CSS
    /************* Empfehlungen und Sync unter Addons ausblenden **************/
    
    
    /************ Eintrag Empfehlungen unter Addons wird ausgeblendet *********/
    
    #category-discover {
        display:none !important;
        }
        
     /*************** Eintrag Sync unter Addons wird ausgeblendet ***************/
     
     
     #category-sync{
        display:none!important;    
        }
    Alles anzeigen

    Zitat von Boersenfeger

    Ich sag auch mal Danke!

    Gerne, ich fühle mich geehrt. :)

    Aber letztendlich ist das ja alles nicht auf meinem "Mist" gewachsen, da haben so viele Leute mit gewirkt. Ich durfte mir da nur was raus picken und ein wenig basteln, ist aber auch nicht schlecht, man lernt dabei.

  • Buttons auf Seite "Extras - Einstellungen"

    • FuchsFan
    • 23. Januar 2020 um 19:17
    Zitat von Büssen

    Den habe ich noch nie genutzt.

    Ich auch nicht, angeblich soll es nur 1% Nutzer geben.

    Wenn hier noch jemand mit liest, der sich mit Firefox Send auskennt , dessen Meinung würde mich besonders interessieren.

  • Buttons auf Seite "Extras - Einstellungen"

    • FuchsFan
    • 23. Januar 2020 um 18:55
    Zitat von Büssen

    Die beiden letzten beiden Button waren schon vorhanden - nur etwas kleiner.

    Ja, weil die Ausdehnung zum linken Rand fehlte, nun ist sie damit vorhanden. Das mit Sync kann ich jetzt nicht weiter kommemtieren, habe den Code in einem Testfox 72.0.2 ohne andere Sachen. Ist darin vorhanden.

    In meinem Arbeits-Fox ist durch die Einstellungen Sync auch nicht vorhanden.

  • Buttons auf Seite "Extras - Einstellungen"

    • FuchsFan
    • 23. Januar 2020 um 18:34

    @Büssen

    Hallo!

    Eine kleine Änderung bitte in dem Code vornehmen, die Zeile 4 ersetzen durch:

    #categories > .category, #generalButton, #homeButton, #searchButton, #privacyButton, #syncButton, #addonsButton, #helpButton {

    Es sind die letzten beiden Button dazu gekommen, dann sehen unten links die Button wie die oben aus.

  • Buttons auf Seite "Extras - Einstellungen"

    • FuchsFan
    • 23. Januar 2020 um 11:51
    Zitat von milupo

    Wenn ich mir Beitrag #1 so ansehe, könnte es sein, dass er genau diesen Code hat, wenigstens in dem einen Profil.

    Hallo milupo!

    Das mag sein, aber er konnte ihn ja nicht finden. Ich habe jetzt einfach den Teil aus dem Addon-Manager kopiert, mir über den Inspektor die Namen der Button anzeigen lassen, dementsprechend den Code angepasst. Das war's dann, wieder dazu gelernt.


    Zitat von Büssen

    Vielen Dank dafür!

    Bitte ! :)

  • Buttons auf Seite "Extras - Einstellungen"

    • FuchsFan
    • 23. Januar 2020 um 10:40
    Zitat von Büssen

    Ich suche dafür die entsprechende Einstellungsdatei, damit die Texte so schön wie oben eingerahmt werden?

    Versuche mal bitte den folgenden Code (als @import für Ordner CSSWeb):

    CSS
    /***************** Die großen Button auf der linken Seite unter Extras/Einstellungen ********************/
    
    /**** Abstand der Button zum linken Rand ****/
        #categories > .category, #generalButton, #homeButton, #searchButton, #privacyButton, #syncButton {
          margin-left: 1px !important; 
        }
    
        #categories > .category:not([disabled]){
          background-color: gainsboro !important;/*Hintergrundfarbe vom Button*/
          margin-top: 1px !important; /*Abstand zum Button darüber*/
          border-radius: 60px !important;/*Rundung vom Button*/
          box-shadow: inset 0 0 5px 5px #888;
        }
    
    /**** Aktiver Button rot, Schrift weiß ****/
        #categories > .category[selected]{
          color: white !important;
          background-color: red !important;
          margin-top: 1px !important;
          border-radius: 60px !important;
          box-shadow: inset 0 0 5px 5px #888; 
        }
        
    /**** Inaktive Button ****/
        #categories > .category:not([selected]),
        #addonsButton,
        #helpButton {
          background-color: gainsboro !important;
          margin-top:1px!important;
          border-radius:60px!important;
          box-shadow: inset 0 0 5px 5px #888;
        }
    
    /**** Hintergrund der Button blau, Schrift weiß bei hover mit der Maus ****/
        #categories > .category:hover, #generalButton:hover, #homeButton:hover, #searchButton:hover, #privacyButton:hover, #syncButton:hover, #addonsButton:hover, #helpButton:hover {
          color: white !important;
          background-color: blue !important;
          margin-top: 1px !important;
          border-radius: 60px !important;
          box-shadow: inset 0 0 5px 5px #888; 
        }
    Alles anzeigen

    sieht hier so aus:

  • Buttons auf Seite "Extras - Einstellungen"

    • FuchsFan
    • 22. Januar 2020 um 20:56

    @laubenpieper

    Aber ich hätte Interesse daran, stellst du mir bitte den Code zur Verfügung.

    Danke, hat sich erledigt.

  • userChrome.js Scripte für den Fuchs (Diskussion)

    • FuchsFan
    • 21. Januar 2020 um 10:19
    Zitat von milupo

    Du beschäftigst dich wahrscheinlich zu sehr mit CSS statt mit Skripten.

    Dieses lasse ich nicht auf mir sitzen. ;)

    Mir ist aufgefallen, dass in der Version von dir das Icon sehr blass, mit wenig Kontrast , dargestellt wird. Siehe hier als Beispiel: RE: userChrome.js Scripte für den Fuchs (Diskussion)

    Ich habe mal den Block von Zeile 68 bis 75 mit dem aus der älteren Version (1.0.20180113) getauscht, dann sieht es nach meinem Geschmack doch besser aus.

    Der Code-Block:

    CSS
     //ab hier ist alles gleich, egal ob Button oder Menue
        var css = " \
          #ExtraConfigMenu, #ExtraConfigMenu-button { \
            list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACnElEQVR4Xm2RzYtbZRSHn/fr3pvJzTB3qiNM2k2pMBUGhEHaqsUqdeFGQalCobgREaFu/B/cqCtxVSjoQhBEQRBmIfWDKgNGJUPt0Nhah9JJ4iSd5E6+bu5972tAO4SS5/DjXZ1znsMrNiq1eikMQqYYJCmjxNH5+zdW777L0J5KKl9VPmnf+ut9KWkwhbheuzNcOVYOmGKc5iRO0r1ykeXCx0h7kt4fC3z5wfqbQnAJwQHa5S7jAZSRuJ0mkf81cheobhBXZa+ri1uptQjHAZoZCEC1PiPgDuwxCfwerBU7b73zXn//3usCcdt4HkZ7SGZg431U51NUCgwlO3cV/bVXhR/6p9ut+nP9QYeNn7/n8qUPZxvQ/Q6VVWHk4ZqWRvlJjpx9hcGfW2wO95N2q8m3618A2WwDt/0RplSAXsBed57eyossHl5GYdHacG3zGpADM06wjQ1UUIN+CLHPvfAxojPnKLiE+bDE1R9+5GatAmgPeGCAteQ7l5GBhGSyuROyd/gFouUyWkqEErR2mwXAAA8BRS0AgMQBjSra30ZkEeDzz9Dn4ZcvMO51SMcJcTdGChmA0ABA6cAgzyG3I8jLEBylV4fWoaeIc0V7t0Uv7pFbC+CA+28mp/8+SwXKnMVmz1O9HpE+eobMZdjcoY1GIHD/NwIdoH1fBaNguzlg88pVyoUi4vTbFI8eJxsNAIfSkrliESllH/L0v0jktNNomFGv1TFrL3Fo9QSMR3jaEEXzLC09gjaKp595No0WjyCEB4zRclICUMDxtRMce/wJ1MIi2SglXShhfI/cOjxPoZRmbq4gXzt/gVrtBrdvbiG+Wf+p/mvll1BpiVAGhCDPxuAUDotz4HKHlIJON6bRbL4hhPjcMx5mkn8BBLEUrsVZbq0AAAAASUVORK5CYII=) !important; margin-left: 10px ! important; \
          } \
          #ExtraConfigMenu-button > dropmarker, #ExtraConfigMenu-button > hbox > .toolbarbutton-menu-dropmarker { \
            display: none !important; \
          }";
  • userChrome.js Scripte für den Fuchs (Diskussion)

    • FuchsFan
    • 20. Januar 2020 um 20:30

    Scripte, das ist in meinen Augen noch 10 Stufen schwerer zu durchschauen, als bei css-Dateien. Aber wir haben hier ja Experten auf dem Gebiet, zum Glück.

Unterstütze uns!

Jährlich (2026)

32,8 %

32,8% (213,31 von 650 EUR)

Jetzt spenden
  1. Kontakt
  2. Datenschutz
  3. Impressum
Community-Software: WoltLab Suite™
Mastodon