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

Beiträge von bananovic

  • Symbolabstände in einigen Menüs und Kontextmenüs zu groß

    • bananovic
    • 31. Juli 2025 um 16:58

    Da laß ich doch besser vorerst meine CSS-Datei so wie sie jetzt ist. Mal abwarten, was kommt.

    Mira_Belle, bei Deinem Script habe ich probeweise versucht, ein Symbol auszutauschen. Das hat aber nicht funktioniert. Irgendetwie habe ich wohl den Pfad nicht hinbekommen. Die Symbole befinden sich bei mir in (Profil)/chrome/Icons. Das ergibt in meinerCSS-Datei den Pfad "../icons/X.png".

  • Symbolabstände in einigen Menüs und Kontextmenüs zu groß

    • bananovic
    • 31. Juli 2025 um 11:58

    Mira_Belle, Dein Code ändert fast nichts. Mein Bild 4 zeigt das Kontextmenü beim Klick auf ein Lesezeichen.

    Ich habe das Problem inzwischen gelöst, indem ich bei allen Menü- und Kontextmenüpunkten mit nach rechts veschobenem Text in meine CSS-Datei eingefügt habe:

    padding-left: 13px !important;

    Das funktioniert allerdings so nicht im Kontextmenü beim Klick auf Menüpunkte im Lesezeichenmenü, z.B. Lesezeichen-Symbolleiste. Dort ist der Text von einigen Menüpunkten nun nach links über das Symbol verschoben (Bild 5). Hier muß der Wert auf 36px geänder werden. Das führt allerdings dazu, daß nun einige Punkte im Lesezeichen-Kontextmenü wieder einen nach rechts verschobenen Text aufweisen (Bild 6)..

    Die css-Selektoren der betreffenden Punkte in beiden Kontextmenüs sind identisch. Deshalb die wechselnden Abstände je nach px-Wert. Wie bekommt man da eine Unterscheidung in den Code?

    Hier der einschlägige Code in meiner CSS-Datei.

    CSS
    /* KLICK IN LESEZEICHEN-SYMBOLLEISTE */
        
        /* Lesezeichen-Symbolleiste */
        #toggle_PersonalToolbar { background-image: url("../icons/bookmarksToolbar-1.png");
        padding-left: 13px !important; }
        /* Lesezeichen verwalten */
        #placesContext_showAllBookmarks { background-image: url("../icons/Bookmarks-Opened-2.png");
        padding-left: 13px !important; }
        
        /* KLICK AUF LESEZEICHEN */
        
        /* Öffnen */
        #placesContext_open { background-image: url("../icons/Bookmarks-Opened-2.png");
        padding-left: 13px !important; }
        /* In neuem Tab öffnen */
        #placesContext_open\:newtab { background-image: url("../icons/TabPlus.png");
        padding-left: 13px !important; }
        /* In neuem Tab in Umgebung öffnen */
        #placesContext_open\:newcontainertab { background-image: url("../icons/Theme.png");
        padding-left: 13px !important; }
        /* In neuem Fenster öffnen */
        #placesContext_open\:newwindow { background-image: url("../icons/WindowNew-1.png");
        padding-left: 13px !important; }
        /* In neuem privaten Fenster öffnen */
        #placesContext_open\:newprivatewindow { background-image: url("../icons/privacy-16.png");
        padding-left: 13px !important; }
        /* Lesezeichen bearbeiten... */
        #placesContext_show_bookmark\:info { background-image: url("../icons/Properties.png");
        padding-left: 13px !important; }
        /* Lesezeichen löschen */
        #placesContext_deleteBookmark { background-image: url("../icons/Delete.png");
        padding-left: 13px !important; }
                
        /* KLICK AUF MENÜPUNKTE IN LESEZEICHENMENÜ */
        
        /* Ordner bearbeiten */
        #placesContext_show_folder\:info { background-image: url("../icons/Ordner-bearbeiten.png"); }
        /* Ordner löschen */
        #placesContext_deleteFolder { background-image: url("../icons/Ordner-löschen.png"); }
        /* Nach Name sortieren */
        #placesContext_sortBy\:name { background-image: url("../icons/Sort-AZ.png"); }
        /* Alle Lesezeichen öffnen */
        #placesContext_openBookmarkContainer\:tabs { background-image: url("../icons/TabPlus.png");
        padding-left: 36px !important; }
        /* Lesezeichen hinzufügen */
        #placesContext_new\:bookmark { background-image: url("../icons/Bookmark-New.png");
        padding-left: 36px !important; }
        /* Ordner hinzufügen */
        #placesContext_new\:folder { background-image: url("../icons/Bookmark-NewFolder.png");
        padding-left: 36px !important; }
        /* Trennlinie hinzufügen */
        #placesContext_new\:separator { background-image: url("../icons/Bookmark-NewSeparator-2.png");
        padding-left: 36px !important; }
        /* Ausschneiden */
        #placesContext_cut { background-image: url("../icons/Cut.png");
        padding-left: 36px !important; }
        /* Kopieren */
        #placesContext_copy { background-image: url("../icons/Copy.png");
        padding-left: 36px !important; }
        /* Einfügen */
        #placesContext_paste, #placesContext_paste_group { background-image: url("../icons/Paste.png");
        padding-left: 36px !important; }
    Alles anzeigen

    Bilder

    • Bild5.jpg
      • 11,64 kB
      • 179 × 299
    • Bild6.jpg
      • 26,33 kB
      • 281 × 505
  • Symbolabstände in einigen Menüs und Kontextmenüs zu groß

    • bananovic
    • 29. Juli 2025 um 18:59
    Zitat

    Fügen Sie die Zeilen 224-235 des Skripts in Ihr CSS ein.

    Das ist doch genau der Code in meiner CSS-Datei Zeile 229-237 mit auskommentierter Zeile 231.

  • Symbolabstände in einigen Menüs und Kontextmenüs zu groß

    • bananovic
    • 29. Juli 2025 um 18:54

    2002Andreas damit bin ich überfordert. Ich habe keine Ahnung, was ich wo eintragen muß.

  • Symbolabstände in einigen Menüs und Kontextmenüs zu groß

    • bananovic
    • 29. Juli 2025 um 18:19

    Was kann ich denn von obigem Code für den Code in meiner Datei und an welcher Stelle verwenden und wie muß ich den obigen Code abändern? Unverändert bringt mir dieser Code nichts.

  • Symbolabstände in einigen Menüs und Kontextmenüs zu groß

    • bananovic
    • 29. Juli 2025 um 17:16

    Seit FF 141 sind die Symbolabstände in einigen, nicht in allen, Menü- und Untermenüpunkten sowie Kontextmenüs zu groß. Der Text ist nach rechts gerückt. Dazu 4 Screenshots sowie die CSS-Datei, mit der ich die Symbole in den Menüs und Kontextmenüs erzeuge. In Zeile 229 bis 237 sind die Abstände definiert. Das hat bis jetzt gut funktioniert. Wenn ich Zeile 231 auskommentiere, sind die jetzigen Abweichungen verschwunden, aber bei allen anderen Punkten stimmt nichts mehr. Wie kann man das Problem lösen?

    CSS
        /*--------------------------------------------------------------------------*/
        /* ----------------------------- HAMBURGER MENÜ ----------------------------*/
        /*--------------------------------------------------------------------------*/
        
       
        .subviewbutton:not(.subviewbutton-iconic, [checked="true"], [targetURI]) > .toolbarbutton-icon {
            width: 16px;
            height: 16px;
            margin-inline-end: 8px !important;
            -moz-context-properties: fill, fill-opacity;
            fill: currentColor;
        }
        
        #appMenu-fxa-label2::before,
        #fxa-manage-account-button::after {
            content: "";
            display: -moz-box;
            border-radius: 50%;
            background: var(--avatar-image-url) no-repeat center/contain;
            -moz-context-properties: fill;
            fill: currentColor;
        }
        /* Icon im Anmeldebutton (jetzt ausgeblendet) */
        /*#appMenu-fxa-label2::before {
            width: 16px;
            height: 16px;
            margin-inline-end: 8px;
        }*/
        
      /* Hamburger Panel verbreitern */	
    	#appMenu-popup {
        width: 280px !important; }
    	
    	/*  Hamburger Panel Ecken abrunden  */
    	.panel-arrowcontent {
    	  border-radius: 16px !important; }
    	 
    	/* Text und Icon links vom Anmeldebutton */
    	#appMenu-fxa-text {
    	background: url("../icons/Hamburger-Menu_header.png") no-repeat !important;
    	min-height: 25px!important;
    	padding-left:24px!important;
    	background-position: 0px 8px!important; }
    	
    	/* Panel-Header grün, bei hover grau */
    	.panel-header,
    	#panelMenu_showAllBookmarks,
    	#PanelUI-historyMore {
    	background: #74bf43 !important;
    	color: white !important;}
    	
    	.panel-header:hover {
    	background: #EBEBEB !important;
    	color: black !important; }
    	  
    	#panelMenu_showAllBookmarks:hover,
    	#PanelUI-historyMore:hover {
    	background: #C0C0C0 !important;
    	color: black !important; }
    	
    	
    	/* ------------- MENÜS IM HAMBURGER PANEL ------------- */
    	  
    	  /* Neuer Tab */
        #appMenu-new-tab-button2 { list-style-image: url("../icons/new-tab.png"); }
        /* Neues Fenster */
        #appMenu-new-window-button2 { list-style-image: url("../icons/new-window.png"); }
        /* Neues privates Fenster */
        #appMenu-new-private-window-button2 { 
            background-image: url("../icons/privacy-16.png");
            background-repeat: no-repeat;
            background-position:7px 4px!important; }
        /* Lesezeichen */
        #appMenu-bookmarks-button { 
            background-image: url("../icons/Bookmark_1.png");
            background-repeat: no-repeat;
            background-position:7px 4px!important; }
        /* Chronik */
        #appMenu-history-button { list-style-image: url("../icons/history-XP.png"); }
        /* Downloads */
        #appMenu-downloads-button { list-style-image: url("../icons/RestoreSession.png"); }
        /* Passwörter */
        #appMenu-passwords-button { list-style-image: url("../icons/password.png"); }
        /* Add-ons und Themes */
        #appMenu-extensions-themes-button { list-style-image: url("../icons/AddOn.png"); }
        /* Drucken */
        #appMenu-print-button2 { list-style-image: url("../icons/Print.png"); }
        /* Seite speichern unter */
        #appMenu-save-file-button2 { list-style-image: url("../icons/Save.png"); }
        /* Seite durchsuchen */
        #appMenu-find-button2 { list-style-image: url("../icons/Zoom-1.png"); }
        /* Seite übersetzen */
        #appMenu-translate-button {
            background-image: url("../icons/Translate.png");
            background-repeat: no-repeat;
            background-position:7px 4px!important; }
        /* Zoom */
        #appMenu-zoom-controls::before {
            margin-top: 3px !important;
            margin-right: 10px !important;
            content: '' !important;
            width: 16px !important;
            height: 16px !important;
            background-image: url("../icons/Zoom-2.png"); }
         /* Verkleinern */
         #appMenu-zoomReduce-button2::before {
            margin-top: 3px !important;
            margin-right: 10px !important;
            content: '' !important;
            width: 16px !important;
            height: 16px !important;
            background-image: url("../icons/zoom-reduce.png"); }
         /* Vergrößern */
         #appMenu-zoomEnlarge-button2::before {
            margin-top: 3px !important;
            margin-right: 12px !important;
            content: '' !important;
            width: 16px !important;
            height: 16px !important;
            background-image: url("../icons/zoom-enlarge.png"); }
         /* Fenster im Vollbildmodus anzeigen */
         #appMenu-fullscreen-button2:before {
            margin-top: 3px !important;
            content: '' !important;
            width: 16px !important;
            height: 16px !important;
            background-image: url("../icons/Vollbild-Image.png"); }
            
         #appMenu-zoomReduce-button2 > image,
         #appMenu-zoomEnlarge-button2 > image,
         #appMenu-fullscreen-button2 > image {
            display: none !important; }
            
         #appMenu-zoomReset-button2 {
             margin-right: 14px !important; }       
            
        /*Einstellungen */
        #appMenu-settings-button { list-style-image: url("../icons/option-icon-blue.png"); }
        /*Weitere Werkzeuge */
        #appMenu-more-button2 { list-style-image: url("../icons/WebDeveloper-blocks.png"); }
        /* Hilfe */
        #appMenu-help-button2 { list-style-image: url("../icons/Help-1.png"); }
        /* Neustart */
        #restartfirefox-appMenu { 
            margin-left: 0px !important; }
        /* Beenden */
        #appMenu-quit-button2 { list-style-image: url("../icons/Quit-Image.png"); } 
        
        /* ---------- Panel - Lesezeichen ----------*/
     
        /* Aktuellen Tab als Lesezeichen hinzufügen…  */
        #panelMenuBookmarkThisPage { list-style-image: url("../icons/bookmark-hollow2.png"); }
        /* Lesezeichen durchsuchen */
        #panelMenu_searchBookmarks { list-style-image: url("../icons/find-3.png"); }
        /* Lesezeichen-Symbolleiste ausblenden */
        #panelMenu_viewBookmarksToolbar { list-style-image: url("../icons/bookmarksToolbar-2.png"); }
        /* Lesezeichen verwalten */
        /*#panelMenu_showAllBookmarks { list-style-image: url("../icons/bookmark_1.png"); }*/
        #panelMenu_showAllBookmarks {
             margin-inline: auto !important; }
              
        /* ----------- Panel - Chronik ------------  */
        
        /* Kürzlich geschlossene Tabs */
        #appMenuRecentlyClosedTabs { list-style-image: url("../icons/tab-2.png"); }
        /* Kürzlich geschlossene Fenster */
        #appMenuRecentlyClosedWindows { list-style-image: url("../icons/popup.png"); }
        /* Chronik durchsuchen */
        #appMenuSearchHistory { list-style-image: url("../icons/Zoom-1.png"); }
        /* Vorherige Sitzung wiederherstellen */
        #appMenu-restoreSession{ list-style-image: url("../icons/RestoreSession.png"); }
        /* Neueste Chronik löschen ... */
        #appMenuClearRecentHistory { list-style-image: url("../icons/forget.png"); }
        /* Chronik verwalten */
        /* #PanelUI-historyMore { list-style-image: url("../icons/history_2.svg"); }*/
        #PanelUI-historyMore {
        padding-left: 50px !important; }
                
        /* ----------- Panel - Weitere Werkzeuge ------------------- */
     
        /* Symbolleiste anpassen ... */
        #appmenu-moreTools-button { list-style-image: url("../icons/Palette.png"); }
        /* Werkzeuge für Web-Entwickler */
        #appmenu-developer-tools-view .subviewbutton:nth-child(1) { list-style-image: url("../icons/Developer-Image.png"); }
        /* Task Manager */
        #appmenu-developer-tools-view .subviewbutton:nth-child(2) { list-style-image: url("../icons/TaskManager-Image.png"); }
        /* Externes Debugging */
        #appmenu-developer-tools-view .subviewbutton:nth-child(3) { list-style-image: url("../icons/Debugging-Image.png"); }
        /* Browser-Werkzeuge */
        #appmenu-developer-tools-view .subviewbutton:nth-child(4) { list-style-image: url("../icons/WebDeveloper-blocks.png"); }
        /* Browser-Inhaltswerkzeuge */
        /*#appmenu-developer-tools-view .subviewbutton:nth-child(5) { list-style-image: url("../icons/command-frames.svg"); }*/
        /* Browser-Konsole */
        #appmenu-developer-tools-view .subviewbutton:nth-last-child(5) { list-style-image: url("../icons/BrowserConsole-Image.png"); }
        /* Bildschirmgrößen testen */
        #appmenu-developer-tools-view .subviewbutton:nth-last-child(4) { list-style-image: url("../icons/command-responsivemode.png"); }
        /* Farbpipette */
        #appmenu-developer-tools-view .subviewbutton:nth-last-child(3) { list-style-image: url("../icons/eyedropper.png"); }
        /* Seitenquelltext anzeigen */
        #appmenu-developer-tools-view .subviewbutton:nth-last-child(2) { list-style-image: url("../icons/ViewSource.png"); }
        /* Erweiterungen für Entwickler */
        #appmenu-developer-tools-view .subviewbutton:nth-last-child(1) { list-style-image: url("../icons/AddOn.png"); }
     
        /* --------------- Panel - Hilfe --------------- */
     
        /* Hilfe erhalten */  
        #appMenu_menu_openHelp { list-style-image: url("../icons/Help-1.png"); }
        /* Ideen und Feedback teilen */
        #appMenu_feedbackPage { list-style-image: url("../icons/Smiley.png"); }
        /* Fehlerbehebungsmodus */
        #appMenu_helpSafeMode { list-style-image: url("../icons/Restart.png"); }
        /* Weitere Informationen zur Fehlerbehebung */
        #appMenu_troubleShooting { list-style-image: url("../icons/Information.png"); }
        /* Seitenproblem melden */
        /*#appMenu_help_reportSiteIssue { list-style-image: url("../icons/Help-2.png"); }*/
        /* Betrügerische Website melden */
        #appMenu_menu_HelpPopup_reportPhishingtoolmenu { list-style-image: url("../icons/WindowNew-2.png"); }
        /* Zu einem neuen Gerät wechseln */
        #appMenu_helpSwitchDevice {list-style-image: url("../icons/Reload-1.png"); }
        /* Über Firefox */
        #appMenu_aboutName { list-style-image: url("../icons/Firefox-icon16.png"); }
        
        
        /* ------------------------------------------------------------- */  
        /* ------ ABSTÄNDE FÜR ALLE ICONS IN MENÜ UND KONTEXTMENÜ ------ */
        /* ------------------------------------------------------------- */
       
       
        menupopup:not(.in-menulist) > menu:not(.menu-iconic),
        menupopup:not(.in-menulist, [aria-label]) > menuitem:not(.menuitem-iconic, [checked="true"]) {
            padding-inline-start: calc(1em + 24px) !important;
            background-position: left 1em center;
            background-repeat: no-repeat;
            background-size: 16px;
            -moz-context-properties: fill, fill-opacity;
            fill: #E0E0E0 !important;
        }
          
        
        /* ------------------------------------------------------------- */
        /* ----------------------- KONTEXTMENÜS ------------------------ */
        /* ------------------------------------------------------------- */
           
               
       /* KLICK IN LEERE SEITE */
        
        /* Seite speichern unter */    
        #context-savepage { background-image: url("../icons/Save.png"); }
        /* Alles auswählen */
        #context-selectall { background-image: url("../icons/SelectAll.png"); }
        /* Bildschirmfoto aufnehmen */
        #context-take-screenshot { background-image: url("../icons/Screen-Image.png"); }
        /* ChatGPT fragen */
        #context-ask-chat { background-image: url("../icons/ChatGPT.png"); }
        /* Seitenquelltext anzeigen */
        #context-viewsource { background-image: url("../icons/ViewSource.png"); }
        /* Barrierefreiheit-Eigenschaften untersuchen */
        #context-inspect-a11y { background-image: url("../icons/UserGroup.png"); }
        /* Untersuchen */
        #context-inspect { background-image: url("../icons/View-2.png"); }
        
        /* KLICK AUF LINK */
        
        /* Link in neuem Tab öffnen */
        #context-openlinkintab { background-image: url("../icons/TabPlus.png"); }
        /* Link in neuem Tab in Umgebung öffnen */
        #context-openlinkinusercontext-menu { background-image: url("../icons/Theme.png"); }
        /* Link in neuem Fenster öffnen */
        #context-openlink { background-image: url("../icons/WindowNew-1.png"); }
        /* Link in neuem privaten Fenster öffnen */
        #context-openlinkprivate { background-image: url("../icons/privacy-16.png"); }
        /* Lesezeichen für Link hinzufügen */
        #context-bookmarklink { background-image: url("../icons/Bookmark-New.png"); }
        /* Ziel speichern unter */
        #context-savelink { background-image: url("../icons/Save.png"); }
        /* Link in Pocket speichern */
        #context-savelinktopocket { background-image: url("../icons/allBookmarks.png"); }
        /* Link-Adresse kopieren */
        #context-copylink { background-image: url("../icons/CopyLink.png"); }
        /* Link ohne Website-Tracking kopieren */
        #context-stripOnShareLink { background-image: url("../icons/link-kopieren.png"); }
        
        /* KLICK AUF MARKIERTEN TEXT */
        
        /* Kopieren */
        #context-copy { background-image: url("../icons/Copy.png"); }
        /* Auswahl drucken */
        #context-print-selection { background-image: url("../icons/Print.png"); }
        /* Wikipedia (de)-Suche nach */
        #context-searchselect { background-image: url("../icons/Find-2.png"); }
        /* Auswahl auf Deutsch übersetzen */
        #context-translate-selection { background-image: url("../icons/Translate.png"); }
        /* Auswahl-Quelltext anzeigen */
        #context-viewpartialsource-selection { background-image: url("../icons/ViewSource.png"); }
        
        /* KLICK IN GRAFIK */
        
        /* Grafik in neuem Tab öffnen */
        #context-viewimage { background-image: url("../icons/View-1.png"); }
        /* Grafik speichern unter */
        #context-saveimage { background-image: url("../icons/SaveImage.png"); }
        /* Grafik kopieren */
        #context-copyimage-contents  { background-image: url("../icons/Copy.png"); }
        /* Grafikadresse kopieren */
        #context-copyimage { background-image: url("../icons/CopyLink.png"); }
        /* Grafik per E-Mail senden */
        #context-sendimage { background-image: url("../icons/Mail.png"); }
        /* Bild als Hintergrundbild einrichten */
        #context-setDesktopBackground { background-image: url("../icons/Desktop.png"); }
        
        /* KONTEXTMENÜ ADRESSFELD */
        
        /* Rückgängig */
        menupopup.textbox-contextmenu:nth-child(3) > menuitem:nth-child(1) {
            background-image: url("../icons/Undo.png");
        }
        /* Wiederherstellen */
        menupopup.textbox-contextmenu:nth-child(3) > menuitem:nth-child(2) {
            background-image: url("../icons/Redo.png");
        }
        /* Ausschneiden */
        menupopup.textbox-contextmenu:nth-child(3) > menuitem:nth-child(4) {
            background-image: url("../icons/Cut.png");
        }
        /* Kopieren */
        menupopup.textbox-contextmenu:nth-child(3) > menuitem:nth-child(5) {
            background-image: url("../icons/Copy.png");
        }
        /* Kopieren ohne Website-Tracking */
        #strip-on-share {
            background-image: url("../icons/link-kopieren.png");
        }
        /* Einfügen */
        menupopup.textbox-contextmenu:nth-child(3) > menuitem:nth-child(7) {    
            background-image: url("../icons/Paste.png");
        }
        /* Einfügen & Los */
        #paste-and-go {
            background-image: url("../icons/PasteAndGo.png");
        }
        /* Löschen */
        menupopup.textbox-contextmenu:nth-child(3) > menuitem:nth-child(9) {
            background-image: url("../icons/Delete.png");
        }
        /* Alles auswählen */
        menupopup.textbox-contextmenu:nth-child(3) > menuitem:nth-child(10) {
            background-image: url("../icons/SelectAll.png");
        }
     
        /* KLICK AUF TABS */
        
        /* Neuer Tab */
        #context_openANewTab { background-image: url("../icons/TabPlus.png"); }
        /* Tab zu neuer Gruppe hinzufügen */
        #context_moveTabToNewGroup { background-image: url("../icons/Tabs_group.png"); }
        /* Tab neu laden */
        #context_reloadTab { background-image: url("../icons/Reload-2.png"); }
        /* Tab stummschalten */
        #context_toggleMuteTab { background-image: url("../icons/AudioMuted.png"); }
        /* Tab anheften */
        #context_pinTab { background-image: url("../icons/Pin-Blue.png"); }
        /* Tab entladen */
        #context_unloadTab { background-image: url("../icons/TabMove-Blue.png"); }
        /* Tab klonen */
        #context_duplicateTab { background-image: url("../icons/TabDuplicate.png"); }
        /* Tab als Lesezeichen hinzufügen */
        #context_bookmarkTab { background-image: url("../icons/Bookmark-New.png"); }
        /* Tab verschieben */
        #context_moveTabOptions { background-image: url("../icons/TabMove.png"); }
            /* <<< Submenu Tab verschieben >>> */  
               /* An Anfang verschieben */
               #context_moveToStart { background-image: url("../icons/ToStart.png"); }
               /* An Ende verschieben */
               #context_moveToEnd { background-image: url("../icons/ToEnd.png"); }
               /* In neues Fenster verschieben */
               #context_openTabInWindow { background-image: url("../icons/WindowNew-1.png"); }
        /* In neuem Tab in Umgebung öffnen */
        #context_reopenInContainer { background-image: url("../icons/Theme.png"); }
        /* Alle Tabs auswählen */
        #context_selectAllTabs { background-image: url("../icons/TabsAll.png"); }
        /* Tab schließen */
        #context_closeTab { background-image: url("../icons/TabMinus.png"); }
        /* Doppelte Tabs schließen */
        #context_closeDuplicateTabs { background-image: url("../icons/close_duplicate_tabs.png"); }
        /*Mehrere Tabs schließen */
        #context_closeTabOptions { background-image: url("../icons/ClearAll.png"); }
            /* <<< Submenu Mehrere Tabs schließen >>> */
               /* Linke Tabs schließen */
               #context_closeTabsToTheStart { background-image: url("../icons/ToStart.png"); }
               /* Rechte Tabs schließen */
               #context_closeTabsToTheEnd { background-image: url("../icons/ToEnd.png"); }
               /* Andere Tabs schließen */
               #context_closeOtherTabs { background-image: url("../icons/TabsOthers.png"); }      
        /* Geschlossenen Tab wieder öffnen */
        #context_undoCloseTab { background-image: url("../icons/Undo.png"); }
            
        /* KLICK AUF TABLEISTE */
        
        /* Neuer Tab */
        #toolbar-context-openANewTab { background-image: url("../icons/TabPlus.png"); }
        /* Ausgewählten Tab neu laden */
        #toolbar-context-reloadSelectedTab { background-image: url("../icons/Reload-2.png"); }
        /* Ausgewählten Tab als Lesezeichen hinzufügen... */
        #toolbar-context-bookmarkSelectedTab { background-image: url("../icons/Bookmark-New.png"); }
        /* Alle Tabs auswählen */
        #toolbar-context-selectAllTabs { background-image: url("../icons/TabsAll.png"); }
        /* Geschlossene Tabs wieder öffnen */
        #toolbar-context-undoCloseTab { background-image: url("../icons/Undo.png"); }
        /* Vertikale Tabs aktivieren */
        #toolbar-context-toggle-vertical-tabs { background-image: url("../icons/tab-3.png"); }
        /* Symbolleiste anpassen... */
        menuitem.viewCustomizeToolbar { background-image: url("../icons/Palette.png"); }
        
        /* KLICK IN LESEZEICHEN-SYMBOLLEISTE */
          
        /* Alle Lesezeichen öffnen */
        #placesContext_openBookmarkContainer\:tabs { background-image: url("../icons/TabPlus.png"); }
        /* Lesezeichen hinzufügen... */
        #placesContext_new\:bookmark { background-image: url("../icons/Bookmark-New.png"); }
        /* Ordner hinzufügen... */
        #placesContext_new\:folder { background-image: url("../icons/Bookmark-NewFolder.png"); }
        /* Trennlinie hinzufügen... */
        #placesContext_new\:separator { background-image: url("../icons/Bookmark-NewSeparator-2.png"); }
        /* Lesezeichen-Symbolleiste */
        #toggle_PersonalToolbar { background-image: url("../icons/bookmarksToolbar-1.png"); }
        /* Lesezeichen verwalten */
        #placesContext_showAllBookmarks { background-image: url("../icons/Bookmarks-Opened-2.png"); }
        
        /* KLICK AUF LESEZEICHEN */
        
        /* Öffnen */
        #placesContext_open { background-image: url("../icons/Bookmarks-Opened-2.png"); }
        /* In neuem Tab öffnen */
        #placesContext_open\:newtab { background-image: url("../icons/TabPlus.png"); }
        /* In neuem Tab in Umgebung öffnen */
        #placesContext_open\:newcontainertab { background-image: url("../icons/Theme.png"); }
        /* In neuem Fenster öffnen */
        #placesContext_open\:newwindow { background-image: url("../icons/WindowNew-1.png"); }
        /* In neuem privaten Fenster öffnen */
        #placesContext_open\:newprivatewindow { background-image: url("../icons/privacy-16.png"); }
        /* Lesezeichen bearbeiten... */
        #placesContext_show_bookmark\:info { background-image: url("../icons/Properties.png"); }
        /* Lesezeichen löschen */
        #placesContext_deleteBookmark { background-image: url("../icons/Delete.png"); }
        /* Ausschneiden */
        #placesContext_cut { background-image: url("../icons/Cut.png"); }
        /* Kopieren */
        #placesContext_copy { background-image: url("../icons/Copy.png"); }
        /* Einfügen */
        #placesContext_paste, #placesContext_paste_group { background-image: url("../icons/Paste.png"); }
        
        /* KLICK AUF ORDNER IN LESEZEICHENMENÜ */
        
        /* Ordner bearbeiten */
        #placesContext_show_folder\:info { background-image: url("../icons/Ordner-bearbeiten.png"); }
        /* Ordner löschen */
        #placesContext_deleteFolder { background-image: url("../icons/Ordner-löschen.png"); }
        /* Nach Name sortieren */
        #placesContext_sortBy\:name { background-image: url("../icons/Sort-AZ.png"); }
            
        /* KONTEXTMENÜ FRAMES */
           
        /* Aktueller Frame */
        #frame { background-image: url("../icons/frame_1.png"); }
            /* <<< Submenu Aktueller Frame >>> */  
               /* Nur diesen Frame anzeigen */
               #context-showonlythisframe { background-image: url("../icons/frame_2.png"); }
               /* Frame in neuem Tab öffnen */
               #context-openframeintab { background-image: url("../icons/new-tab.png"); }
               /* Frame in neuem Fenster öffnen */
               #context-openframe { background-image: url("../icons/new-window.png"); }
               /* Frame neu laden */
               #context-reloadframe { background-image: url("../icons/reload-2.png"); }
               /* Lesezeichen für diesen Frame hinzufügen */
               #context-bookmarkframe { background-image: url("../icons/bookmark_2.png"); }
               /* Frame speichern unter */
               #context-saveframe { background-image: url("../icons/Save.png"); }
               /* Frame drucken */
               #context-printframe { background-image: url("../icons/Print.png"); }
               /* Bildschirmfoto aufnehmen */
               #context-take-frame-screenshot { background-image: url("../icons/Screen-Image.png"); }
               /* Frame-Quelltext anzeigen */
               #context-viewframesource { background-image: url("../icons/ViewSource.png"); }
               /* Frame-Informationen anzeigen */
               #context-viewframeinfo { background-image: url("../icons/Information.png"); }
           
        /* KONTEXTMENÜ DER MENÜLEISE */
            
        /* In Überhangmenü verschieben */
        .customize-context-moveToPanel { background-image: url("../icons/Pin-Blue.png"); }
        /* Aus Symbolleiste entfernen */
        .customize-context-removeFromToolbar { background-image: url("../icons/Minus.png"); }
       
        
        /* --------------------------------------------- */
        /* ---------- MENÜS IN DER MENÜLEISTE ---------- */
        /* --------------------------------------------- */
        
        
        /* Checkboxen mit grünem Haken, wenn ausgewählt */
        menuitem[checked="true"] > .menu-icon {
            list-style-image: url("../icons/Checkmark.png") !important; }
        
            
        /* --- DATEI --- */
        
        /* Neuer Tab */
        #menu_newNavigatorTab { background-image: url("../icons/TabPlus.png"); }
        /* Neuer Tab in Umgebung */
        #menu_newUserContext { background-image: url("../icons/Theme.png"); }
        /* Neues Fenster */
        #menu_newNavigator { background-image: url("../icons/WindowNew-1.png"); }
        /* Neues privates Fenster */
        #menu_newPrivateWindow { background-image: url("../icons/privacy-16.png"); }
        /* Datei öffnen */
        #menu_openFile { background-image: url("../icons/FileOpen.png"); }
        /* Tab schließen */
        #menu_close { background-image: url("../icons/TabMinus.png"); }
        /* Fenster schließen */
        #menu_closeWindow { background-image: url("../icons/WindowClose.png"); }
        /* Seite speichern unter */
        #menu_savePage { background-image: url("../icons/Save.png"); }
        /* Link per E-Mail senden... */
        #menu_sendLink { background-image: url("../icons/Mail.png"); }
        /* Drucken */
        #menu_print { background-image: url("../icons/Print.png"); }
        /* Daten aus einem anderen Browser importieren */
        #menu_importFromAnotherBrowser { background-image: url("../icons/Step.png"); }
        /* Offline arbeiten */
        #goOfflineMenuitem { background-image: url("../icons/Offline-Image.png"); }
        /* Neustart */
        #restartfirefox-fileMenu2 { background-image: url("../icons/Restart-Image.png"); }
        /* Beenden */
        #menu_FileQuitItem { background-image: url("../icons/Quit-Image.png"); }
        
        /* --- BEARBEITEN --- */
        
        /* Rückgängig */
        #menu_undo { background-image: url("../icons/Undo.png"); }
        /* Wiederherstellen */
        #menu_redo { background-image: url("../icons/Redo.png"); }
        /* Ausschneiden */
        #menu_cut { background-image: url("../icons/Cut.png"); }
        /* Kopieren */
        #menu_copy { background-image: url("../icons/Copy.png"); }
        /* Einfügen */
        #menu_paste { background-image: url("../icons/Paste.png"); }
        /* Löschen */
        #menu_delete { background-image: url("../icons/Delete.png"); }
        /* Alles auswählen */
        #menu_selectAll { background-image: url("../icons/SelectAll.png"); }
        /* Seite durchsuchen... */
        #menu_find { background-image: url("../icons/Zoom-1.png"); }
        /* Weitersuchen */
        #menu_findAgain { background-image: url("../icons/find-3.png"); }
            
        /* --- ANSICHT --- */
        
        /* Symbolleisten */
        #viewToolbarsMenu { background-image: url("../icons/application-XP.png"); }
            /* <<< Submenu Symbolleisten >>> */
               #toggle_PersonalToolbar { background-image: url("../icons/bookmarksToolbar-1.png"); }
               #menu_customizeToolbars { background-image: url("../icons/Palette.png"); }  
        /* Sidebar */
        #viewSidebarMenuMenu { background-image: url("../icons/Sidebar.png"); }
            /* <<< Submenu Sidebar >>> */
            
            /* Wechselicons für die Sidebar-Typen */
            
            /* Chronik */                  
            #menu_historySidebar:not([checked="true"]) > hbox:nth-child(1) {
               border: none !important;
               width: 16px !important;
               height: 16px !important; }
               #menu_historySidebar:not([checked="true"]) {
               background: url("../icons/history-XP.png") no-repeat 5px 4px !important;
               background-position:12px 4px!important; }
            #menu_historySidebar:not([checked="true"]) > .menu-iconic-text {
               margin-left: -15px !important; }
            
            /* Synchronisierte Tabs */   
            #menu_tabsSidebar:not([checked="true"]) > hbox:nth-child(1) {
               border: none !important;
               width: 16px !important;
               height: 16px !important; }
            #menu_tabsSidebar:not([checked="true"]) {
               background: url("../icons/Sync.png") no-repeat 5px 4px !important;
               background-position:12px 4px!important; }
            #menu_tabsSidebar:not([checked="true"]) > .menu-iconic-text {
               margin-left: -15px !important; }
            
            /* Lesezeichen */   
            #menu_bookmarksSidebar:not([checked="true"]) > hbox:nth-child(1) {
               border: none !important;
               width: 16px !important;
               height: 16px !important; }
            #menu_bookmarksSidebar:not([checked="true"]) {
               background: url("../icons/Bookmark_2.png") no-repeat 5px 4px !important;
               background-position:12px 4px!important; }
            #menu_bookmarksSidebar:not([checked="true"]) > .menu-iconic-text {
               margin-left: -15px !important; }
            
        /* Zoom */
        #viewFullZoomMenu { background-image: url("../icons/Zoom-2.png"); } 
            /* <<< Submenu Zoom >>> */
            
            #menu_zoomEnlarge { background-image: url("../icons/ZoomPlus.png"); }       /*  +  */
            #menu_zoomReduce { background-image: url("../icons/ZoomMinus.png"); }   /*  -  */
            #menu_zoomReset { background-image: url("../icons/ZoomReset.png"); }
               
            /* Wechselicon für Zoom - Nur Text zoomen */   
            #toggle_zoom:not([checked="true"]) > hbox:nth-child(1) {
               border: none !important;
               width: 16px !important;
               height: 16px !important; }
            #toggle_zoom:not([checked="true"]) {
               background: url("../icons/Font.png") no-repeat 5px 4px !important;
               background-position:12px 4px!important; }
            #toggle_zoom:not([checked="true"]) > .menu-iconic-text {
               margin-left: -15px !important; }  
               
        /* Webseiten-Stil */
        #pageStyleMenu { background-image: url("../icons/PageStyle.png"); }
        /* Textkodierung reparieren */
        #repair-text-encoding { background-image: url("../icons/Encoding.png"); }
        /* Vollbild */
        #fullScreenItem { background-image: url("../icons/Vollbild-Image.png"); }
        /* Leseansicht öffnen / beenden */
        #menu_readerModeItem { background-image: url("../icons/ReaderView.png"); }
        
        /* --- CHRONIK --- */
        
        /* Gesamte Chronik anzeigen */
        #menu_showAllHistory { background-image: url("../icons/history-XP.png"); }
        /* Neueste Chronik löschen... */
        #sanitizeItem { background-image: url("../icons/Sweep.png"); }
        /* Vorherige Sitzung wiederherstellen */
        #historyRestoreLastSession { background-image: url("../icons/RestoreSession.png"); }
        /* Chronik durchsuchen */
        #menu_searchHistory { background-image: url("../icons/Zoom-1.png"); }
        /* Kürzlich geschlossene Tabs */
        #historyUndoMenu { background-image: url("../icons/Tab-1.png"); }
        /* Kürzlich geschlossene Fenster */
        #historyUndoWindowMenu { background-image: url("../icons/Window.png"); }
        
        /* ---LESEZEICHEN --- */
        
        /* Lesezeichen verwalten */
        #bookmarksShowAll { background-image: url("../icons/Bookmarks-Opened-1.png"); }
        /* Dieses Lesezeichen bearbeiten */
        #menu_bookmarkThisPage { background-image: url("../icons/Bookmark-New.png"); }
        /* Lesezeichen durchsuchen */
        #menu_searchBookmarks { background-image: url("../icons/Find-2.png"); }
        /* Lesezeichen für alle Tabs hinzufügen */
        #menu_bookmarkAllTabs { background-image: url("../icons/tab-2.png"); }
        /* Lesezeichen-Symbolleiste */
        #bookmarksToolbarFolderMenu { list-style-image: url("../icons/bookmarksToolbar-1.png"); }
        /* Weitere Lesezeichen */
        #menu_unsortedBookmarks { list-style-image: url("../icons/unsortedBookmarks.png") }
        
        /* --- EXTRAS --- */
        
        /* Downloads */
        #menu_openDownloads { background-image: url("../icons/saveFile.png"); }
        /* Add-ons und Themes */
        #menu_openAddons { background-image: url("../icons/AddOn.png"); }
        /* Anmelden */
        #sync-setup { background-image: url("../icons/UserSingle.png"); }
        /* Firefox View */
        #menu_openFirefoxView { background-image: url("../icons/Firefox-78-icon16.png"); }
        /* Browser-Werkzeuge */
        #browserToolsMenu { background-image: url("../icons/WebDeveloper-blocks.png"); } 
            /* <<< Submenu Browser-Werkzeuge >>> */
               /* Werkzeuge für Web-Entwickler */
               #menu_devToolbox { background-image: url("../icons/Developer-Image.png"); }
               /* Task-Manager */
               #menu_taskManager { background-image: url("../icons/TaskManager-Image.png"); }
               /* Externes Debugging */
               #menu_devtools_remotedebugging { background-image: url("../icons/Debugging-Image.png"); }
               /* Browser-Werkzeuge */
               #menu_browserToolbox { background-image: url("../icons/WebDeveloper-blocks.png"); }
               /* Browser-Konsole */
               #menu_browserConsole { background-image: url("../icons/BrowserConsole-Image.png"); }
               /* Bildschirmgrößen testen */
               #menu_responsiveUI { background-image: url("../icons/command-responsivemode.png"); }
               /*Farbpipette */
               #menu_eyedropper { background-image: url("../icons/eyedropper.png"); }
               /* Seitenquelltext anzeigen */
               #menu_pageSource { background-image: url("../icons/ViewSource.png"); }
               /* Erweiterungen für Entwickler */
               #extensionsForDevelopers { background-image: url("../icons/AddOn.png"); }    
        /* Seiteninformationen */
        #menu_pageInfo { background-image: url("../icons/PageInfo.png"); }
        /* Einstellungen */
        #menu_preferences { background-image: url("../icons/option-icon-blue.png"); }
        
        /* --- HILFE --- */
        
        /* Hilfe erhalten */
        #menu_openHelp { background-image: url("../icons/Help-1.png"); }
        /* Ideen und Feedback teilen... */
        #feedbackPage { background-image: url("../icons/Smiley.png"); }
        /* Fehlerbehebungsmodus */
        #helpSafeMode { background-image: url("../icons/Restart.png"); }
        /* Weitere Informationen zur Fehlerbehebung */
        #troubleShooting { background-image: url("../icons/Information.png"); }
        /* Seitenproblem melden */
        #help_reportSiteIssue { background-image: url("../icons/Help-2.png"); }
        /* Betrügerische Website melden */
        #menu_HelpPopup_reportPhishingtoolmenu { background-image: url("../icons/WindowNew-1.png"); }
        /* Zu einem neuen Gerät wechseln */
        #helpSwitchDevice { background-image: url("../icons/Reload-1.png"); }
        /* Über Firefox */
        #aboutName { background-image: url("../icons/Firefox-icon16.png"); }
    Alles anzeigen

    Bilder

    • Bild1.jpg
      • 21,73 kB
      • 693 × 251
    • Bild2.jpg
      • 15,02 kB
      • 403 × 226
    • Bild3.jpg
      • 14,64 kB
      • 401 × 203
    • Bild4.jpg
      • 26,4 kB
      • 308 × 507
  • farbige Symbole in der obersten Reihe des Kontextmenüs

    • bananovic
    • 29. Mai 2025 um 15:47

    milupo, lies bitte auch den zweiten Absatz in meinem Post #4.

  • farbige Symbole in der obersten Reihe des Kontextmenüs

    • bananovic
    • 29. Mai 2025 um 15:15

    Herzlichen Dank, Dein Code funktioniert.

  • farbige Symbole in der obersten Reihe des Kontextmenüs

    • bananovic
    • 29. Mai 2025 um 14:44

    Der Code in meinem Post enthält kein -moz-any. In dem Code sind die Selektoren angegeben mit den Farbnummern. Die Datei, die von Aris stammt aus dem Paket CustomCSSforFx-master.zip, hat den Namen context_bfrsb_icons_colorized.css. Schaut Euch doch bitte den css-code nochmal an.

    Zunächst hatte ich den Code von einer falschen Datei in den Post eingefügt, habe das aber schnell bemerkt und geändert - soweit ich erkennen konnte noch bevor der erste Zugriff erfolgt ist. Vielleicht beruht hierauf das Mißverständnis.

  • farbige Symbole in der obersten Reihe des Kontextmenüs

    • bananovic
    • 29. Mai 2025 um 13:49

    Ich benutze seit Jahren den folgenden css-code, der die Symbole in der obersten Reihe des Kontextmenüs farbig darstellt. Seit dem Update auf FF 139 ist die Farbe weg, die Symbole sind schwarz-weiß. Was muß an dem Code geändert werden?

    CSS
    /*AGENT_SHEET*/
    
    /* Firefox 57+ userChrome.css tweaks ****************************************************/
    /* code mostly taken from 'Classic Theme Restorer' & 'Classic Toolbar Buttons' add-ons **/
    /* by Aris (aris-addons@gmx.net)*********************************************************/
    /* Github: https://github.com/aris-t2/customcssforfx ************************************/
    /****************************************************************************************/
    
    
    /***********************************************************/
    /* context menu items and icons instead of just huge icons */
    /***********************************************************/
    
    #context-back .menu-iconic-icon {
      fill: #118C15 !important;
    }
    
    #context-forward .menu-iconic-icon {
      fill: #118C15 !important;
    }
    
    #context-reload .menu-iconic-icon {
      fill: #1788EC !important;
    }
    
    #context-stop .menu-iconic-icon {
      fill: red !important;
    }
    
    #context-bookmarkpage .menu-iconic-icon {
      fill: #C94631 !important;
    }
    Alles anzeigen
  • HideTabbarWithOneTab.uc.js funktioniert in FF 133 nicht mehr

    • bananovic
    • 29. November 2024 um 12:35

    Danke, der css-Code funktioniert.

  • HideTabbarWithOneTab.uc.js funktioniert in FF 133 nicht mehr

    • bananovic
    • 29. November 2024 um 12:27

    Entschuldige, daß ich den Code vergessen habe.

    Code
    //    HideTabbarWithOneTab.uc.js
    //    v. 0.1
    Cc["@mozilla.org/preferences-service;1"].getService(Ci.nsIPrefService).setBoolPref("browser.tabs.drawInTitlebar", false);
    var tabbar = document.getElementById("TabsToolbar");    
    function showHideTabbar (mutations) {
       tabbar.collapsed = (gBrowser.visibleTabs.length == 1);
    };            
    showHideTabbar();                        
    var observer = new MutationObserver(showHideTabbar);        
    observer.observe(document.querySelector('#tabbrowser-tabs'), {attributes: true});
  • HideTabbarWithOneTab.uc.js funktioniert in FF 133 nicht mehr

    • bananovic
    • 29. November 2024 um 12:01

    Was muß in dem Script angepasst werden?

  • Größere Abstände zwischen den Menüsymbolen und dem Menütext

    • bananovic
    • 29. August 2023 um 19:18

    Mit dem Code von grisu2099 bin ich zum gewünschten Ergebnis gekommen. Hier der vollständige Code des Ansicht-Menüs:

    CSS
    /* Checkboxen mit grünem Haken, wenn ausgewählt */
        menuitem[checked="true"] > .menu-iconic-left {
            list-style-image: url("../icons/Checkmark.png") !important; }
    
    /* --- ANSICHT --- */
        
        /* Symbolleisten */
        #viewToolbarsMenu { background-image: url("../icons/application-XP.png"); }
            /* <<< Submenu_Symbolleisten >>> */
               #toggle_PersonalToolbar { background-image: url("../icons/bookmarksToolbar-1.png"); }
               #menu_customizeToolbars { background-image: url("../icons/Palette.png"); }  
        /* Sidebar */
        #viewSidebarMenuMenu { background-image: url("../icons/Sidebar.png"); }
            /* <<< Submenu_Sidebar >>> */
            
            /* Wechselicons für die Sidebar-Typen */
            
            #menu_bookmarksSidebar:not([checked="true"]) > hbox:nth-child(1) {
               border: none !important;
               width: 16px !important;
               height: 16px !important; }
            #menu_bookmarksSidebar:not([checked="true"]) {
               background: url("../icons/Bookmark_2.png") no-repeat 5px 4px !important;
               background-position:12px 4px!important; }
            #menu_bookmarksSidebar:not([checked="true"]) > .menu-iconic-text {
               margin-left: -15px !important; }
               
               #menu_historySidebar:not([checked="true"]) > hbox:nth-child(1) {
               border: none !important;
               width: 16px !important;
               height: 16px !important; }
            #menu_historySidebar:not([checked="true"]) {
               background: url("../icons/history-XP.png") no-repeat 5px 4px !important;
               background-position:12px 4px!important; }
            #menu_historySidebar:not([checked="true"]) > .menu-iconic-text {
               margin-left: -15px !important; }
               
            #menu_tabsSidebar:not([checked="true"]) > hbox:nth-child(1) {
               border: none !important;
               width: 16px !important;
               height: 16px !important; }
            #menu_tabsSidebar:not([checked="true"]) {
               background: url("../icons/Sync.png") no-repeat 5px 4px !important;
               background-position:12px 4px!important; }
            #menu_tabsSidebar:not([checked="true"]) > .menu-iconic-text {
               margin-left: -15px !important; }
            
        /* Zoom */
        #viewFullZoomMenu { background-image: url("../icons/Zoom-1.png"); } 
            /* <<< Submenu_Zoom >>> */
            
            #menu_zoomEnlarge { background-image: url("../icons/ZoomPlus.png"); }       /*  +  */
            #menu_zoomReduce { background-image: url("../icons/ZoomMinus.png"); }   /*  -  */
            #menu_zoomReset { background-image: url("../icons/ZoomReset.png"); }
               
            /* Wechselicon für Zoom - Nur Text zoomen */   
            #toggle_zoom:not([checked="true"]) > hbox:nth-child(1) {
               border: none !important;
               width: 16px !important;
               height: 16px !important; }
            #toggle_zoom:not([checked="true"]) {
               background: url("../icons/Font.png") no-repeat 5px 4px !important;
               background-position:12px 4px!important; }
            #toggle_zoom:not([checked="true"]) > .menu-iconic-text {
               margin-left: -15px !important; } } 
               
        /* Webseiten-Stil */
        #pageStyleMenu { background-image: url("../icons/PageStyle.png"); }  
        /* Textkodierung reparieren */
        #repair-text-encoding { background-image: url("../icons/Encoding.png"); }
        /* Vollbild */
        #fullScreenItem { background-image: url("../icons/Vollbild-Image.png"); }
        /* Leseansicht öffnen / beenden */
        #menu_readerModeItem { background-image: url("../icons/ReaderView.png"); }
    Alles anzeigen

    Ich füge auch mal die farbigen Icons bei. Wenn meine Menu-Icons.css komplett gewünscht wird, bitte melden. Meine Fragen sind damit alle beantwortet. Vielen Dank an alle. Menu-Icons.zip

  • Größere Abstände zwischen den Menüsymbolen und dem Menütext

    • bananovic
    • 28. August 2023 um 19:15

    Der Code "transform" hat dem Icon vor "Zoom" zur gewünschten Größe verholfen, und zwar mit Deinen Werten.

    Ich habe die margin-right Werte bei "verkleinern", "vergrößern" und auch bei "Reset" (neu eingefügt) mit 12px versehen. Das hat die richtigen Abstände gebracht, diese drei Symbole wurden damit nach links verschoben. Vollbild am Ende und Zoom am Anfang blieben unverändert positioniert. Damit sind meine Fragen beantwortet. Vielen Dank, Andreas.

    Ich habe noch ein kleines Problem, das betrifft die Checkmarks. Ich bin gewohnt, daß diese Grün sind. Eine entsprechende Icondatei habe ich auch in meiner Sammlung. Checkmarks gibt es im Untermenu von "Ansicht" – Symbolleisten (hier ist es die "Menüleiste") sowie im weiteren Untermenü von Lesezeichen-Symbolleiste (hier ist es "immer anzeigen").
    Im Untermenü "Webseiten-Stil" hat bei mir merkwürdigerweise der Untermenüpunkt "Kein Stil" einen grünen Haken. Der Haken bei "Standard-Stil" ist grau. Meines Erachtens müßte der Haken bei "Kein Stil" ganz verschwinden, da diese Option nicht ausgewählt ist, und bei "Standard-Stil" sollte der Haken grün sein.

    Als Untermenü von "Zoom" gibt es den Punkt "Nur Text zoomen". Letzterem Menüpunkt habe ich ein Icon spendiert. Wenn ich die Option "Nur Text zoomen" wähle, sollte eigentlich ein Haken (am besten ein grüner Haken) statt des Icons erscheinen. Tatsächlich rückt das Icon etwas nach links und an der bisherigen Stelle erscheint ein grauer Haken. Statt eines Symbols sind beide vorhanden, was sicherlich nicht richtig ist.

    Gibt es auch für diese Fragen eine Lösung?

  • Größere Abstände zwischen den Menüsymbolen und dem Menütext

    • bananovic
    • 28. August 2023 um 17:44

    Danke, Andreas, das hat bestens geklappt. Ich mußte nur bei Plus, Minus und Vollbild den "margin-right" herausnehmen. Jetzt wäre ich um eine Lösung für die anderen beiden Beanstandungen dankbar.

  • Größere Abstände zwischen den Menüsymbolen und dem Menütext

    • bananovic
    • 28. August 2023 um 17:22

    Jetzt habe ich meine Menu-Icons.css mit farbigen Icons auf der Basis des Codes von Mira_Belle fertig. Alles funktioniert gut bis auf ein paar Kleinigkeiten.

    Im Hamburger Menu bin ich mit der Zeile "Zoom" nicht zufrieden. Die alten Icons für "verkleinern", "vergrößern" und "Vollbild" kann ich nicht zum Verschwinden bringen, sie befinden sich weiterhin im Vordergrund. Die neuen Icons konnte ich nur im Hintergrund plazieren mit der Folge, daß die alten Icons durchscheinen. Das ist besonders störend bei "Vollbild". Bei den anderen beiden Icons sieht man das nicht, weil die Plus- und Minus-Zeichen identisch sind und genau übereinanderliegen. Zur Verdeutlichung füge ich eine Screenshot bei.

    Wie kann man dieses Problem beheben? Kann man Symboldateien auch im Vordergrund einfügen oder geht das nur im Hintergrund (background, so im Code)? Hier der entsprechende Code:

    CSS
    /* Zoom */
        #appMenu-zoom-controls::before {
            margin-top: 3px !important;
            margin-right: 10px !important;
            content: '' !important;
            width: 16px !important;
            height: 16px !important;
            background-image: url("../icons/Zoom-2.png"); }
         /* Verkleinern */
         #appMenu-zoomReduce-button2::before {
            margin-top: 3px !important;
            margin-right: -18px !important;
            content: '' !important;
            width: 16px !important;
            height: 16px !important;
            background-image: url("../icons/zoom-reduce.png"); }
         /* Vergrößern */
         #appMenu-zoomEnlarge-button2::before {
            margin-top: 3px !important;
            margin-right: -18px !important;
            content: '' !important;
            width: 16px !important;
            height: 16px !important;
            background-image: url("../icons/zoom-enlarge.png"); }
         /* Fenster im Vollbildmodus anzeigen */
         #appMenu-fullscreen-button2:before {
            margin-top: 3px !important;
            margin-right: -18px !important;
            content: '' !important;
            width: 16px !important;
            height: 16px !important;
            background-image: url("../icons/Vollbild-Image.png"); }
    Alles anzeigen

    Zwei weitere Kleinigkeiten an dieser Stelle: Das Lupen-Icon ganz links vor "Zoom" ist zu klein. Es müßte so groß sein wie die anderen beiden Icons. Der ganze Block vom Minus-Icon bis zum Vollbild-Icon war bisher um einen guten Zentimeter nach links auseinandergezogen. Wie kriegt man das hin?

  • Größere Abstände zwischen den Menüsymbolen und dem Menütext

    • bananovic
    • 6. August 2023 um 14:41

    Die Icons habe ich auf der Festplatte, überwiegend als png-Dateien. In diesem Format werde ich sie auch lassen. Die sind ja in dem Paket MenuIconPlusCSS enthalten. Aber ich muß schauen, zu welchem Menüpunkt welche von den vielen Symboldateien gehört. Ich muß ja den Namen der Datei in die entsprechende Zeile Deiner css-Datei eintragen.

  • Größere Abstände zwischen den Menüsymbolen und dem Menütext

    • bananovic
    • 5. August 2023 um 18:56
    Zitat von Mira_Belle

    Wäre es nicht besser den ganzen Krempel über Bord zu werfen

    Ja, zu dem Schluß bin ich auch gekommen. Ich werde es mit Deiner CSS probieren. Dazu muß ich aber andere Icons beschaffen, denn Deine schwarz/weiß-Icons sind nicht mein Ding. Farbige Icons habe ich in der bisher verwendeten MenuIconPlusCSS. Da muß ich nur die richtigen für jeden Menüpunkt finden. Eine Heidenarbeit.

  • Größere Abstände zwischen den Menüsymbolen und dem Menütext

    • bananovic
    • 5. August 2023 um 17:02
    Zitat von 2002Andreas

    Oben in der Menüleiste:

    Nein, ich meine den Text in den Untermenüs, rechts von den Icons.

Unterstütze uns!

Jährlich (2025)

104,5 %

104,5% (679,10 von 650 EUR)

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