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

Beiträge von genetic

  • Hamburgermenü Icons einfügen

    • genetic
    • 3. November 2023 um 18:32

    Habe eine Entscheidung getroffen:

  • Hamburgermenü Icons einfügen

    • genetic
    • 3. November 2023 um 17:56
    Zitat von 2002Andreas

    Das ist die Standardansicht, weil 2 zeiliger Text.

    OK, dann gibt es wohl 2 Ansichten...

    1. Nicht eingeloggt/angemeldet

    2. Eingeloggt/angemeldet

    Ich bin als User eingeloggt/angemeldet und dann ist es kein 2 zeiliger Text mehr.

  • Hamburgermenü Icons einfügen

    • genetic
    • 3. November 2023 um 17:34
    Zitat von 2002Andreas

    Wenn du aber das alles nicht möchtest, und nur das Sktipt ohne Icon:

    Es geht nicht darum, dass ich es nicht möchte, sondern dass die Umsetzung offensichtlich nicht so einfach/unkompliziert ist, wie von Dir und mir angenommen und es deshalb ziemlich viel Zeit verschlingt.

    Mit dem Code von oben^ sieht es jetzt so aus:

    Es passt nicht:

    1. User-Account Bild und Text (ganz oben, über "Neuer Tab")

    2. Der Text "Zoom" in der Horizontalen zum Rest*

    3. "Neustart" (bei mir immer noch) zu weit nach rechts gerückt (ändert sich auch nicht mit dem Code "margin-left: -20px !important;" in der CSS. (Ich denke hier kommen sich die CSS und die js in die Quere.)

    *Edit: Das konnte ich mit "padding-bottom: 21px !important;" lösen

  • Hamburgermenü Icons einfügen

    • genetic
    • 3. November 2023 um 13:23
    Zitat von 2002Andreas

    Dann ändere mal diesen Wert und teste:

    Das ist jetzt die Ansicht mit "15". Allerdings passt das alles (noch) nicht so wirklich zusammen und bei "Vollbild" ist die Schriftgröße zu groß.

    Ergänzend habe ich jetzt festgestellt, dass sich jetzt im Menü ein dunkler Hover über den Zoom legt und im Feld "Zoom" wird eigentlich nicht gehovert:

    Zitat von 2002Andreas

    Wir sind doch hier um zu helfen ;)


    PS:

    Bin aber gleich mal einem Moment nicht am PC.

    Sehr nett :)

    Ich muss jetzt dann auch mal noch was anderes machen...und bin dann tendenziell erst wieder gegen Abend online.

  • Hamburgermenü Icons einfügen

    • genetic
    • 3. November 2023 um 13:11
    Zitat von 2002Andreas

    Neuer Code:

    Sieht bei mir leider etwas anders aus:

    Falls es für Dich jetzt dann langsam zu "kleinkariert" wird bzw. den Rahmen sprengt, lassen wir das einfach mit dem Icons im Hamburgermenü und entfernen nur das Icon bei "Neustart" und das war's dann.

    Zitat von milupo

    Es ist nur so, dass CSS und JavaScript viel Sorgfalt erfordern. Sie reagieren sensibel auf Syntax-Fehler. Bei Klammern einfach mal durchzählen. Es muss immer eine gerade Zahl herauskommen, denn Klammern treten immer paarweise auf.

    Danke für den Hinweis.

  • Hamburgermenü Icons einfügen

    • genetic
    • 3. November 2023 um 12:48
    Zitat von 2002Andreas

    Nur mal so.

    Du musst das etwas sorgfältiger machen. ;)

    Sorry - ich mache es stets nach bestem Wissen und Gewissen, bin aber tatsächlich kein Programmierer :(

    Die Einträge ist quasi ein Sammelsurium, was sich mit der Zeit immer weiter ausgedehnt hat und dann haben sich vermutlich diese Klammerfehler eingeschlichen.

    Danke jedenfalls für Deine kompetente Hilfe :thumbup: :thumbup: :thumbup:

    Jetzt sieht es schon besser aus! Nur oben, das User-Symbol passt in Farbe und Position noch nicht so ganz. Bzw. der "Neustart" muss etwas mehr nach links, aber das muss ich dann im JavaScript machen (weißt Du wo?).

    Sorry, wegen der ausgedehnten Fragestellung - war so nicht geplant. Soll ich ein Thema eröffnen?

  • Hamburgermenü Icons einfügen

    • genetic
    • 3. November 2023 um 12:39
    Zitat von milupo

    Du hast die Zeile -moz-context-properties: fill; ebenfalls von Andreas übernommen?

    Ja klar, 1:1 (so hat er es ja geschrieben).

    CSS
    /*******Hamburgermenü eigene Icons*******/
    
    /* Icon Abstand + Farbe weiß/schwarz je nach Theme */
    #appMenu-multiView .subviewbutton > .toolbarbutton-icon {
        margin-inline: 0 10px !important;
        fill: #00437A !important;
        -moz-context-properties: fill;
        }

    So passiert jedenfalls nichts bei mir!

  • Hamburgermenü Icons einfügen

    • genetic
    • 3. November 2023 um 12:26
    Zitat von 2002Andreas

    Dann funkt dir etwas anderes dazwischen :/

    Ich fürchte auch.

    Würdest Du Dir mal bitte meine CSS anschauen?

    CSS
    /* userChrome.css **********************************************/
    
    @-moz-document url-prefix(chrome://browser/content/browser.xhtml) {
    /***************************************************************/
    
    /* CSS-Anweisungen bitte unter diesen Kommentar eintragen. */
    
    
    /***************************************************************/
    }
    /* This file can be used to customize the look of Mozilla's user interface
     * You should consider using !important on rules which you want to override default settings.
     */
    
    /* Lesezeichen Sidebar - Ordnericon stehend gelb */
    @-moz-document url("chrome://browser/content/bookmarks/bookmarksPanel.xhtml"), 
    url("chrome://browser/content/history/history-panel.xhtml"),
    url("chrome://browser/content/places/bookmarksSidebar.xhtml")  {
        treechildren::-moz-tree-image(container) {
            list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAd5JREFUeNqMU79rFUEQ/vbuodFEEkzAImBpkUabFP4ldpaJhZXYm/RiZWsv/hkWFglBUyTIgyAIIfgIRjHv3r39MePM7N3LcbxAFvZ2b2bn22/mm3XMjF+HL3YW7q28YSIw8mBKoBihhhgCsoORot9d3/ywg3YowMXwNde/PzGnk2vn6PitrT+/PGeNaecg4+qNY3D43vy16A5wDDd4Aqg/ngmrjl/GoN0U5V1QquHQG3q+TPDVhVwyBffcmQGJmSVfyZk7R3SngI4JKfwDJ2+05zIg8gbiereTZRHhJ5KCMOwDFLjhoBTn2g0ghagfKeIYJDPFyibJVBtTREwq60SpYvh5++PpwatHsxSm9QRLSQpEVSd7/TYJUb49TX7gztpjjEffnoVw66+Ytovs14Yp7HaKmUXeX9rKUoMoLNW3srqI5fWn8JejrVkK0QcrkFLOgS39yoKUQe292WJ1guUHG8K2o8K00oO1BTvXoW4yasclUTgZYJY9aFNfAThX5CZRmczAV52oAPoupHhWRIUUAOoyUIlYVaAa/VbLbyiZUiyFbjQFNwiZQSGl4IDy9sO5Wrty0QLKhdZPxmgGcDo8ejn+c/6eiK9poz15Kw7Dr/vN/z6W7q++091/AQYA5mZ8GYJ9K0AAAAAASUVORK5CYII=')
            !important; }
    }
    
    /* Lesezeichen verwalten - Ordnericon stehend gelb */
    @-moz-document url-prefix("chrome://browser/content/places/places.xhtml") {
        treechildren::-moz-tree-image(container) {
            list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAd5JREFUeNqMU79rFUEQ/vbuodFEEkzAImBpkUabFP4ldpaJhZXYm/RiZWsv/hkWFglBUyTIgyAIIfgIRjHv3r39MePM7N3LcbxAFvZ2b2bn22/mm3XMjF+HL3YW7q28YSIw8mBKoBihhhgCsoORot9d3/ywg3YowMXwNde/PzGnk2vn6PitrT+/PGeNaecg4+qNY3D43vy16A5wDDd4Aqg/ngmrjl/GoN0U5V1QquHQG3q+TPDVhVwyBffcmQGJmSVfyZk7R3SngI4JKfwDJ2+05zIg8gbiereTZRHhJ5KCMOwDFLjhoBTn2g0ghagfKeIYJDPFyibJVBtTREwq60SpYvh5++PpwatHsxSm9QRLSQpEVSd7/TYJUb49TX7gztpjjEffnoVw66+Ytovs14Yp7HaKmUXeX9rKUoMoLNW3srqI5fWn8JejrVkK0QcrkFLOgS39yoKUQe292WJ1guUHG8K2o8K00oO1BTvXoW4yasclUTgZYJY9aFNfAThX5CZRmczAV52oAPoupHhWRIUUAOoyUIlYVaAa/VbLbyiZUiyFbjQFNwiZQSGl4IDy9sO5Wrty0QLKhdZPxmgGcDo8ejn+c/6eiK9poz15Kw7Dr/vN/z6W7q++091/AQYA5mZ8GYJ9K0AAAAAASUVORK5CYII=')
            !important; }
    }
    
    /* Lesezeichen - Ordnericon gelb */
    @-moz-document url-prefix(chrome://browser/content/browser.xhtml){
        .bookmark-item[container="true"] {
            list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAd5JREFUeNqMU79rFUEQ/vbuodFEEkzAImBpkUabFP4ldpaJhZXYm/RiZWsv/hkWFglBUyTIgyAIIfgIRjHv3r39MePM7N3LcbxAFvZ2b2bn22/mm3XMjF+HL3YW7q28YSIw8mBKoBihhhgCsoORot9d3/ywg3YowMXwNde/PzGnk2vn6PitrT+/PGeNaecg4+qNY3D43vy16A5wDDd4Aqg/ngmrjl/GoN0U5V1QquHQG3q+TPDVhVwyBffcmQGJmSVfyZk7R3SngI4JKfwDJ2+05zIg8gbiereTZRHhJ5KCMOwDFLjhoBTn2g0ghagfKeIYJDPFyibJVBtTREwq60SpYvh5++PpwatHsxSm9QRLSQpEVSd7/TYJUb49TX7gztpjjEffnoVw66+Ytovs14Yp7HaKmUXeX9rKUoMoLNW3srqI5fWn8JejrVkK0QcrkFLOgS39yoKUQe292WJ1guUHG8K2o8K00oO1BTvXoW4yasclUTgZYJY9aFNfAThX5CZRmczAV52oAPoupHhWRIUUAOoyUIlYVaAa/VbLbyiZUiyFbjQFNwiZQSGl4IDy9sO5Wrty0QLKhdZPxmgGcDo8ejn+c/6eiK9poz15Kw7Dr/vN/z6W7q++091/AQYA5mZ8GYJ9K0AAAAAASUVORK5CYII=')
            !important;
            -moz-image-region: rect(0px 16px 16px 0px) !important; }
    }
    
    .titlebar-button {
        stroke: white !important;
    }
    
    /*******Damit wird der Tabtext nicht blasser, wenn kein Fokus auf dem FF ist*******/
    .tab-label {
       opacity: 1 !important;
    }
    
    /*******Menüleiste eingefärbt*******/
    #toolbar-menubar {
    color:#fff!important;
    background: #0062A8 !important;
    }
    
    /*******Tableiste eingefärbt*******/
    #TabsToolbar {
    color:#fff!important;
    background: #0078D7 !important;
    }
    
    /*******Abgerundete Tabs*******/
    .tab-background {
      border-radius: 80px !important;
    }
    
    /*******Abgerundeter Schließen Button*******/
    .tab-close-button {
      border-radius: 80px !important;
    }
    
    /*******Aktiver Tab HG*******/
    .tabbrowser-tab[visuallyselected]  > .tab-stack > .tab-background {
        background: #51A1DB !important; 
    }
    
    /*******Aktiver Tab hover*******/
    .tabbrowser-tab:is([visuallyselected="true"]:hover, [multiselected]) > .tab-stack > .tab-background {
      background: #CFCFD8 !important;
    }
    
    /*******Aktiver Tab Schrift weiß*******/
    .tabbrowser-tab[visuallyselected] {
        color: white !important;
    }
    
    /******Inaktiver Tab hover*******/
    .tabbrowser-tab:not([visuallyselected="true"]):hover  > .tab-stack > .tab-background {
        background: #005A9E !important;    
    }
    
    /******Inaktiver Tab HG******/
    .tabbrowser-tab:not([visuallyselected]) > .tab-stack > .tab-background {
      background: #006CBA !important    
    }
    
    /******Inaktiver Tab Schrift weiß, transparent (.5 steht für die Deckkraft Werte zwischsen 0 (komplett transparent) und 1 (komplett sichtbar) sind möglich.******/
    .tabbrowser-tab:not([visuallyselected]) {
       color: rgba(255, 255, 255, .5) !important;
    }
    
    /*****Inaktiver Tab hover Schrift weiß******/
    .tabbrowser-tab:not([visuallyselected]):hover {
       color: white !important;
    }
    
    /*******Tab schließen Button HG bei hover rot und das X weiß******/
    .tab-close-button[fadein]:hover {
       fill: white !important;
       background: #E81123 !important;
    }
    
    /********Tab Schließen-Kreuz anzeigen bei vielen Tabs wenn gehovert wird******/
    .tabbrowser-tab:hover .tab-close-button {
    display: block !important; 
    }
    
    /*******< und > Buttons (wenn Tableiste sehr voll) weiß eingefärbt*******/
    #toolbarbutton, #scrollbutton-down,#scrollbutton-up, #tabbrowser-arrowscrollbox::part(scrollbutton-up), #tabbrowser-arrowscrollbox::part(scrollbutton-down) {
    fill: rgb(255, 255, 255)!important;
    }
    
    /*******v-Button für Alle Tabs auflisten (wenn Tableiste sehr voll) weiß eingefärbt*******/
    #alltabs-button {
    fill: rgb(255, 255, 255)!important;
    }
    
    /*******+ Button für neuer Tab weiß eingefärbt*******/
    #tabs-newtab-button, #TabsToolbar #new-tab-button {
    fill: rgb(255, 255, 255)!important;
    }
    
    #tabs-newtab-button, #TabsToolbar #new-tab-button:hover {
    fill: white!important;
    }
    
    /*******Runder Neuer Tab Button*******/
    #TabsToolbar #tabs-newtab-button > image {
      border-radius: 80px !important;
    }
    
    /*******Hintergrund bei den Buttons in der Tableiste: +, <, >, v bei Hover und beim draufklicken*******/
    #TabsToolbar {
    --toolbarbutton-hover-background:  #005A9E !important
    }
    
    /*******Lautsprechersymbol auf Tab größer und weiß*******/
    .tab-icon-overlay {
       fill: White !important;
       transform: scale(1.5, 1.5) !important;
    }
    
    /*******context menu items and icons instead of just huge icons*******/
    #context-back .menu-iconic-icon {
      fill: #4169e1 !important;
    }
    
    #context-forward .menu-iconic-icon {
      fill: #4169e1 !important;
    }
    
    #context-reload .menu-iconic-icon {
      fill: green !important;
    }
    
    #context-stop .menu-iconic-icon {
      fill: red !important;
    }
    
    #context-bookmarkpage .menu-iconic-icon {
      fill: #336699 !important;
    }
    
    /*********** tab close - always visible *******************/
    #TabsToolbar #tabbrowser-tabs .tabbrowser-tab:not([pinned]) .tab-close-button {
      visibility: visible !important;
      display: block !important;
    }
    
    #TabsToolbar #tabbrowser-tabs .tabbrowser-tab:not([pinned])[faviconized="true"] .tab-close-button {
      visibility: collapse !important;
      display: none !important;
    }
    
    /****** Kontextmenü kürzen *********/
    #context-openlinkprivate,
    #context-bookmarklink,
    menuitem[label="Link in Pocket speichern"],
    #context-sendlinktodevice{
    display:none!important;
    }
    
    /****** Button ... ausblenden *********/
    
    #reader-mode-button{
        display:none!important;
    }
    
    #pageActionButton{
        display:none!important;
    }
    
    /*********** Menütextfarbe ****************/
    
    /*
    .bookmark-item[container="true"] {
       fill:#00437A !important;
       color:#00437A !important; 
    }
    
    toolbarbutton[container="true"] {
       filter:none !important;
       fill:#00437A !important;
       color:#00437A !important;
    }
    */
    toolbarbutton {
       filter:none !important;
       fill:#00437A !important;
       color:#00437A !important;
       background:transparent
    }
    .toolbarbutton-text {
    -moz-appearance: none !important;
    color:#00437A !important;
    } 
    menubar{
    -moz-appearance: none !important;
    color:white !important;
    }
    menupopup > menu,
    menupopup > menuitem  {
    color:#00437A !important;
    }
    
    .menu-accel{
        color:#00437A!important;
    }
    
    #titlebar-min,#titlebar-max,#titlebar-close{
        color:white!important;
    }
    
    @-moz-document url("chrome://browser/content/places/bookmarksSidebar.xhtml") {
    
    .sidebar-placesTreechildren,
    sidebarheader,
    #sidebar-search-label{
    color:#00437A !important}}
    
    .sidebar-placesTreechildren::-moz-tree-image(leaf) {
    fill:#00437A!important}
    
    /******Linkvorschau unten links abschalten******/
    
    @-moz-document url-prefix(chrome://browser/content/browser.xhtml){
         
    #statuspanel-label
    {display:none!important;}
    }
    
    /******Tooltipps entfernen******/
    
    tooltip{
       visibility:hidden!important}
    }
    
    /*******Hamburgermenü eigene Icons*******/
    
    /* Icon Abstand + Farbe weiß/schwarz je nach Theme */
    #appMenu-multiView .subviewbutton > .toolbarbutton-icon {
        margin-inline: 0 10px !important;
        fill: #00437A !important;
        -moz-context-properties: fill;
        }
    
    
    /*Sync*/
    #appMenu-fxa-status2::before {
        margin-right: 6px !important; 
        margin-left: -5px !important;
        content: '' !important;
        display: block !important;
        width: 19px !important;
        height: 15px !important;
        background-image: url("chrome://browser/skin/fxa/avatar-empty.svg") !important;
        background-repeat: no-repeat !important;
        background-position: 0px 0px !important;
        background-size: 15px 15px !important;
        fill: currentColor;
        -moz-context-properties: fill;
        }
    
    /* Neuer Tab */
    #appMenu-new-tab-button2 {
        list-style-image: url("chrome://browser/skin/sidebars.svg");
        }
    
    /* Neues Fenster */
    #appMenu-new-window-button2 {
        list-style-image: url("chrome://browser/skin/window.svg");
        }
    
    /* Neues privates Fenster */
    #appMenu-new-private-window-button2 {
        list-style-image: url("chrome://browser/skin/tab.svg");
        }
    
    /* Lesezeichen */
    #appMenu-bookmarks-button {
        list-style-image: url("chrome://browser/skin/bookmark-star-on-tray.svg");
        }
    
    /* Chronik */
    #appMenu-history-button {
        list-style-image: url("chrome://browser/skin/history.svg");
        }
    
    /* Download */
    #appMenu-downloads-button {
        list-style-image: url("chrome://browser/skin/downloads/downloads.svg");
        }
    
    /* Passwörter */
    #appMenu-passwords-button {
        list-style-image: url("chrome://browser/skin/login.svg");
        }
    
    /* Add-ons und Themes */
    #appMenu-extensions-themes-button {
        list-style-image: url("chrome://mozapps/skin/extensions/extension.svg");
        }
    
    /* Drucken */
    #appMenu-print-button2 {
        list-style-image: url("chrome://global/skin/icons/print.svg"); 
        } 
    
    /* Seite speichern unter */
    #appMenu-save-file-button2 {
        list-style-image: url("chrome://browser/skin/import.svg");
        }
        
    #appMenu-save-file-button2 image {
        transform:rotate(90deg)!important;
        }
        
    /*Seite übersetzen*/
    #appMenu-translate-button {
        list-style-image: url(chrome://browser/skin/translations.svg) !important;    
        }
    
    /*In Seite suchen*/
    #appMenu-find-button2 {
        list-style-image: url("chrome://global/skin/icons/search-glass.svg");
        }
    
    /* Zoom */
    #appMenu-zoom-controls > label {
        padding-bottom: 27px !important;
        padding-left: 22px !important;
        content: '' !important;
        display: block !important;
        width: 19px !important;
        height: 16px !important;
        background-image: url("chrome://browser/skin/fullscreen.svg") !important;
        background-repeat: no-repeat !important;
        background-position: 0px 4px !important;
        background-size: 15px 21px !important;
        fill: currentColor;
        -moz-context-properties: fill;
        }
        
    #appMenu-zoom-controls > label:hover {
        background-color: green !important;
        border-radius: 8px !important;
        }
    
    /* Vollbild */
    #appMenu-fullscreen-button2::before {
        content: "Vollbild" !important;
        color: unset !important;
        font-size: 14px !important;
        margin-right: 9px !important;
        }
    
    /* Hintergrund bei hover über Sync + Zoom */
    panelmultiview .toolbaritem-combined-buttons:hover {
        background-color: #52525e !important; /*Dark Theme*/
        /* background-color: rgba(207,207,216,.66) !important; */ /*Hell Theme*/
        border-radius: 5px !important;
        }
    
    /*Einstellungen */
    #appMenu-settings-button {
        list-style-image: url("chrome://global/skin/icons/settings.svg");
        }
    
    /*Weitere Werkzeuge */
    #appMenu-more-button2 {
        list-style-image: url(chrome://browser/skin/permissions.svg);
        }
    
    /* Hilfe */
    #appMenu-help-button2 {
        list-style-image: url("chrome://global/skin/icons/help.svg");
        }
    
    /* Beenden */
    #appMenu-quit-button2 {
        list-style-image: url("chrome://global/skin/icons/close.svg");
        }
    Alles anzeigen
  • Hamburgermenü Icons einfügen

    • genetic
    • 3. November 2023 um 12:10
    Zitat von 2002Andreas

    In Zeile 5 den 2ten Wert ändern.

    Hat leider nichts gebracht. Siehe Unten...habe die Pixel px auf 10 erhöht und die Farbe in HEX eingetragen, aber keinerlei Änderung im Menü.

    Und Zeile 6 (Farbe) auch nicht. Möchte die Farbe in HEX angeben:

    CSS
        margin-inline: 0 10px !important;
        fill: #00437A !important;

    Edit: Bei mir ändert sich auch nichts, wenn ich "red" eingebe!?

    Zitat von 2002Andreas

    Die habe ich zwar, helfen dir nur nichts, da ich dafür Icons auf meinem PC anspreche, bzw. viele Einträge im Kontextmenü ausgeblendet habe ;)

    Und eine Art "Universalcode" mit den Icons des Fox und ohne ausgeblendete Einträge gibt es nicht bzw. müsste man selbst erstellen?

  • Hamburgermenü Icons einfügen

    • genetic
    • 3. November 2023 um 11:57
    Zitat von milupo

    Wenn dir das so reicht, ist es doch gut.

    Sicherlich. Aber ich hatte das Script ja "damals" nicht ohne Grund in meinen Fox kopiert. Hab mich jetzt nur leider einige Zeit/Jahre nicht mehr mit der Optik des FF beschäftigt. Aber gut - belassen wir es dabei.


    Zitat von 2002Andreas

    Die Icons sind alle vom Firefox. Du kannst sie dir aber auch gegen eigene austauschen.

    Danke, die vom Firefox reichen mir.

    Aktuell sieht es so aus...und man müsste noch die Farbe anpassen und den Text etwas nach rechts schieben (siehe Neustart). Die Werte kann ich selber ermitteln, müsste nur wissen an welcher Pos. die stehen bzw. muss man dafür Code ergänzen?

    Du hast sicher auch den Code dafür, um die Icons auch für den Rechtsklick in der Tableiste, Adressleiste und Lesezeichen-Symbolleiste zu ergänzen? ;)

  • Hamburgermenü Icons einfügen

    • genetic
    • 3. November 2023 um 11:12
    Zitat von 2002Andreas

    Egal, der TE ist zufrieden, und nur das ist wichtig.

    Vielleicht noch eine kurze Frage dazu: Wie bekomme ich das Icon vor "Neustart" weg, damit es einheitlich zum Rest des Menüs passt? Bzw. noch lieber wäre es mir, wenn bei den anderen Menüeinträgen auch die Icons vorne dran wären.


    Zitat von milupo

    Das musst du doch wissen. Wenn du lieber den gleichen Tab haben willst, dann nicht.

    Das weiß ich auch, wenn es denn einen Unterschied mit und ohne dieses Script gäbe!.

    Die Option, einen Link in einem neuen Tab zu öffnen, habe ich auch ohne dieses Script.

    Zitat von milupo

    Wenn du es testen willst, lösche zuerst die Zeilen 113 bis 125. Das ist unerlaubter Text. Den hast du wahrscheinlich versehentlich mit kopiert.

    Auch wenn ich den Text 113 -125 lösche ändert sich nichts.

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

    • genetic
    • 2. November 2023 um 20:35

    Wo wir gerade dabei sind...

    Dieses Script ist auch noch in meinem Chrome-Ordner (OpenLinkinNewTabwithRightClick.uc.js):

    Offensichtlich um einen Link, per Rechtsklick, die Option in einem neuen Tab zu öffnen, zu bekommen?

    Braucht man das überhaupt noch? Habe es jetzt mal testweise in eine Unterordner verschoben und bekomme die Option auch, einen Link, in einem neuen Tab zu öffnen.

    Code
    (function() {
        var gTimer = null;
    
        function findLink(element) {
            // Super_start
            if (element.className == 'site-snapshot') {
                return element.parentNode;
            }
            switch (element.tagName) {
                case 'A': return element;
                case 'B': case 'I': case 'SPAN': case 'SMALL':
                case 'STRONG': case 'EM': case 'BIG': case 'SUB':
                case 'SUP': case 'IMG': case 'S':
                case 'FONT':
                    var parent = element.parentNode;
                    return parent && findLink(parent);
                default:
                    return null;
            }
        }
    
        function click(element, view) {
            var e = document.createEvent('MouseEvents');
            e.initMouseEvent('click', true, true, view, 0,
                             0, 0, 0, 0, false, false, false, false, 0, element);
            return !element.dispatchEvent(e);
        }
    
        function openTab(href) {
            if ('TreeStyleTabService' in window)
                TreeStyleTabService.readyToOpenChildTab(gBrowser.selectedTab, false);
            return gBrowser.addTab(href);
        }
    
        function findFrames(frame) {
            var frames = frame.frames;
            var fs = {};
            for (var i = 0, len = frames.length; i < len; ++i) {
                var f = frames[i];
                fs[f.name] = f;
                var children = findFrames(f);
                for (k in children) {
                    var f = children[k];
                    fs[f.name] = f;
                }
            }
            return fs;
        }
    
        function followLink(args) {
            var link = args.link;
            var newTab = args.newTab;
            var window = args.window;
            var activate = args.activate;
            var href = link.href;
            var target = link.target;
            if (newTab) {
                var tab = openTab(href);
                if (activate) {
                    gBrowser.selectedTab = tab;
                }
            } else if (!target || target == '_self') {
                window.location.href = href;
            } else {
                switch (target) {
                case '_top':
                    window.top.location.href = href;
                    break;
                case '_parent':
                    window.parent.location.href = href;
                    break;
                case '_blank':
                    gBrowser.selectedTab = gBrowser.addTab(href);
                    break;
                default:
                    var frames = findFrames(window.top);
                    var frame = frames[target];
                    if (frame) {
                        frame.location.href = href;
                    } else {
                        gBrowser.selectedTab = gBrowser.addTab(href);
                    }
                }
            }
        }
    
        gBrowser.mPanelContainer.addEventListener('click', function(e) {
            if (e.button == 2 && !e.ctrlKey && !e.altKey && !e.shiftKey && !e.metaKey) {
                var link = findLink(e.target);
                if (link) {
                    var href = link.href;
                    if (href && href.match(/^(https?|ftp|chrome):\/\/|^about:/)) {
                        e.preventDefault();
                        e.stopPropagation();
                        if (!gTimer) {
                            gTimer = setTimeout(function() {
                                try {
    //                                if (click(link, e.view)) {
                                        followLink({ link: link, window: e.view, newTab: true, activate: false });
    //                                }
                                    clearTimeout(gTimer);
                                } finally {
                                    gTimer = null;
                                }
                            }, 0);
                        }
                    }
                }
            }
        }, false);
    })();
    
        © 2019 GitHub, Inc.
        Terms
        Privacy
        Security
        Status
        Help
    
        Contact GitHub
        Pricing
        API
        Training
        Blog
        About
    Alles anzeigen
  • userChrome.js Scripte für den Fuchs (Diskussion)

    • genetic
    • 2. November 2023 um 20:28
    Zitat von milupo

    Aber vielleicht hat er es jetzt erst irgendwo gefunden.

    Nein. "Er" hatte es nach wie vor in seinem chrome-Ordner, aber es hatte (richtigerweise) schon lange nicht mehr funktioniert. Aber ich hab's als gegeben hingenommen und mich erst jetzt "aufgerafft" und hier nachgefragt :)

    Zitat von milupo

    Meine Version ist:

    :thumbup:


    <3 Danke an milupo und 2002Andreas

    Bilder

    • Zwischenablage02.jpg
      • 40,54 kB
      • 559 × 766
  • userChrome.js Scripte für den Fuchs (Diskussion)

    • genetic
    • 2. November 2023 um 20:22
    Zitat von milupo

    Bei dir vielleicht, bei mir nicht. Da ist er davor.

    Könntest Du freundlicherweise mal das komplett geänderte Script posten?

    Danke im Voraus :)

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

    • genetic
    • 2. November 2023 um 20:18
    Zitat von 2002Andreas

    Da gibt es den Ordner profile.

    Und das was du mir da zeigst, ist der Installationsordner.

    OK, hab's hinbekommen...danke :)

    Das Fav-Icon wird nun angezeigt.

    Den Menüeintrag "Neustart" mit dem Script^^^ bekommt man aber nicht mehr hin - oder wie?

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

    • genetic
    • 2. November 2023 um 20:11
    Zitat von 2002Andreas

    Es gibt den Profilordner und den Installationsordner auch in einer port. Version ;)

    Also in meinem glaube ich nicht!?

    Bilder

    • Zwischenablage01.jpg
      • 48,8 kB
      • 764 × 850
  • userChrome.js Scripte für den Fuchs (Diskussion)

    • genetic
    • 2. November 2023 um 20:05
    Zitat von 2002Andreas

    Na dann...mach ma ;)

    Ich check's nicht...nutze den Port. Fox und die Beschreibung ist für die installierte Version.

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

    • genetic
    • 2. November 2023 um 19:59
    Zitat von 2002Andreas

    Du hast diese Änderungen gemacht?

    Nein (natürlich nicht) :saint:

    Bis das wieder gemacht ist...bzw. auf den port. Fox adaptiert ist...

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

    • genetic
    • 2. November 2023 um 19:50
    Zitat von 2002Andreas

    Das setzt in die Adressleiste wieder das Favicon der Webseite, wenn sie eins hat.

    Ahhh, danke.

    Funktioniert offensichtlich noch (bei Dir)? Bei mir nämlich nicht.

    Habe im chrome-Ordner die js-Dateien und die userChrome.js mit folg. Inhalt:

    Code
    // userChrome.js
    userChrome.ignoreCache = true;
    userChrome.import("*", "UChrm");

    Wo liegt der Fehler?

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

    • genetic
    • 2. November 2023 um 19:32

    Hallo Leute,

    habe je 1 Frage zu zwei js-Scripten (für die Nutzung im FF119):

    1. Was macht dieses Script "BackToTheFavicon.uc.js" nochmal (weiß es leider nicht mehr und somit auch nicht, ob es noch funktioniert)?

    Code
    //      BackToTheFavicon.uc.js
    
    (function() {
    
       if (location != 'chrome://browser/content/browser.xhtml')
          return;
    
       gBrowser.tabContainer.addEventListener('TabAttrModified', function() {
          var icon = document.getElementById('identity-icon');
          var favicon = gBrowser.selectedTab.image;
          if (favicon)
             icon.src = favicon
          else
             icon.removeAttribute('src');
       }, false);
    
       if (Number(gAppInfo.version.split('.')[0]) >= 51) {
          var css =
             '#urlbar[pageproxystate="valid"] > #identity-box > #identity-icon {opacity: 1} ' +
             '#identity-icon {filter: none}';
          var stylesheet = document.createProcessingInstruction('xml-stylesheet',
             'type="text/css" href="data:text/css;utf-8,' + encodeURIComponent(css) + '"');
          document.insertBefore(stylesheet, document.documentElement);
       };
    
    })();
    Alles anzeigen

    2. Dieses Script um einen Neustart über das Menü zu machen funktioniert nicht mehr:

    Code
    (function() {    
    
    var menuitem = document.createXULElement('toolbarbutton');
    menuitem.id = 'uc_menu_Restart_H';
    menuitem.classList.add('subviewbutton', 'subviewbutton-iconic');
    menuitem.setAttribute('label' , 'Neustart');
    menuitem.setAttribute('tooltiptext' , 'Neustart');
    menuitem.setAttribute('style' , 'color:#00437A');
    menuitem.style.listStyleImage= 'url(\'data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill="rgb(0,67,122)" fill-opacity="context-fill-opacity" d="M15,1a1,1,0,0,0-1,1V4.418A6.995,6.995,0,1,0,8,15a6.954,6.954,0,0,0,4.95-2.05,1,1,0,0,0-1.414-1.414A5.019,5.019,0,1,1,12.549,6H10a1,1,0,0,0,0,2h5a1,1,0,0,0,1-1V2A1,1,0,0,0,15,1Z"/></svg>\')';
    menuitem.setAttribute('oncommand' , "Services.appinfo.invalidateCachesOnRestart() || BrowserUtils.restartApplication();");
    var refItem = document.getElementById('appMenu-quit-button');
    refItem.parentNode.insertBefore(menuitem, refItem);
    
    })();
    Alles anzeigen

    Danke für eure Tipps :)

Unterstütze uns!

Jährlich (2025)

59,1 %

59,1% (384,24 von 650 EUR)

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