Beiträge von omar1979

omar1979

Zitat von 2002Andreas

Ein Button links, der andere rechts außen:

mir gefällt es so, will nur, dass es verschiebbar wäre, damit man sie trennen kann und dazwischen evtl noch nach wunsch 1 bis 2 buttons verschieben.

omar1979

Zitat von 2002Andreas

Evtl. kann ein anderer User ja auch verschiebbare Buttons daraus machen

Ja mal abwarten und schauen. Danke dir.

omar1979

Zitat von 2002Andreas

Teste bitte, deine Toolbar noch eintragen.

Tiptop danke.

Leider kann man zwischen den beiden keine andere buttons verschieben.

Ich muss mal irgendwann testen und evtl für beide ein separates script erstellen.

omar1979

Zitat von 2002Andreas

Teste mal:

Kann man das auch in dem Script einbauen?

omar1979

Zitat von 2002Andreas

In Zeile 3 musst du den Namen deiner Leiste eintragen.

Tiptop funkt. Danke.

man kann aber vor denen keine "flexibler Leerraum" einfügen. Ist das machbar?

omar1979

Hallo allen..

Ich hab versucht, die 2 buttons (back und forward) im anpassungs-fenster auf eine andere leiste zu verschieben, funkt aber nicht.

Hat jemand eine lösung, wie ich das machen kann?

omar1979

Zitat von Horstmann

die Sidebar kann ich einfach nicht leiden ...

Ich auch.

omar1979

Zitat von 2002Andreas

var(--toolbar-bgcolor);

eine andere Farbe geben.

Danke für Info, hat sich ja aber inzwischen erledigt.

Zitat von Horstmann

dass nämlich Deine linke Zusatzleiste individuell mit CSS eingefärbt war - haben wir uns hier unnötig im Kreis gedreht

Auch dir Danke und es tut mir wirklich leid, aber ich hatte es selbst vergessen, dass ich dafür eine CSS hatte. Hab sogar oben in einem Beitrag erwähnt, dass ich es durchsucht habe und gefunden habe.

Zitat von Horstmann

Mit der kleinen Änderung hat sich bei mir die rechte Zusatzleiste im Anpassen Fenster gezeigt, ohne zeigt sie sich nicht .

Gut möglich. Ich idiot hab das garnicht gemerkt. Danke.

omar1979

Zitat von 2002Andreas

Kommt auf dein genutztes Theme an.

Ok danke dir und all den anderen Helfenden.

omar1979

Zitat von 2002Andreas

background-color: var(--toolbar-bgcolor); \

besagt, nutze die Standardfarbe der anderen Toolbars.

Ahso.. die Standardfarbe ist natürlich "white". Danke für die Info.

Ich hab bis jetzt immer gedacht, dass es die Farbe an den jetzigen Farben anpasst und automatisch das rot annimmt. Mein Fehler.

omar1979

Zitat von Horstmann

In Deinem Script von hier ist in Zeile 84 einmal #addonbar_v , was aber #addonbar_v2 sein sollte .

hab vorher durchgeschaut alle addonbar_v und alle toolbox_abv und hab gemerkt, dass 1 addonbar_v vergessen habe ein 2 zu setzen und es schon gemacht. Danke.

aber es lag nicht an dem.

omar1979

Zitat von 2002Andreas

Ab Zeile 184:

addonbar_v2_style ='\
#addonbar_v2 { \
-moz-appearance: none !important; \
background-color: red !important; \

ich hab ab Zeile 184 das hier:

CSS

      addonbar_v2_style ='\
        #addonbar_v2 { \
          -moz-appearance: none !important; \
          background-color: var(--toolbar-bgcolor); \
          background-image: var(--toolbar-bgimage); \
          background-clip: padding-box; \
          color: var(--toolbar-color, inherit); \
        } \

sollte das nicht automatisch die Leiste rot machen? oder hab ich die ganze Zeit was falsch verstanden?

omar1979

nach der css siehts jetzt so aus.

linke Leiste: rechte Leiste:

omar1979

Zitat von Horstmann

Wie legst Du denn die rote Hintergrundfarbe fest für die anderen Teile Deiner Toolbars, mit welcher CSS Regel(n) ?

Danke, dass du das gefragt hast. Hab jetzt nachgeschaut und eine CSS gefunden, in dem ich den hintergrund für die linke vertikale leiste selber eingefärbt habe. Hab jetzt das gleiche für die rechte vertikale leiste gemacht.

Das heisst also, dass bei mir die leisten nicht automatisch rot werden.

CSS

    /* Senkrechte Zusatzleiste Farbe ändern */
    #addonbar_v{
    appearance: none !important;
    background-color: red !important;
    color: white !important;
    }
    #addonbar_v2{
    appearance: none !important;
    background-color: red !important;
    color: white !important;
    }

Alles anzeigen

omar1979

hmm.. ich hab jetzt festgestellt, dass im anpassungs-fenster die rechte leiste auch nicht angezeigt wird.

omar1979

Zitat von Horstmann

Vielleicht könntest Du probieren das Script für die linke Leiste zum testen mal rauszunehmen

Hab jetzt mal die linke rausgenommen und nur das rechte gelassen aber hat sich nichts geändert, funkt immer noch nicht. ich weiss jetzt nicht mehr was ich machen kann. bin hilflos..

omar1979

ich hab jetzt die original-code die für linke vertikale leiste funkt umgeändert für rechts funkt aber immernoch nicht.

hier die code:

CSS

// 'Vertical Add-on Bar' script for Firefox 60+ by Aris
//
// no 'close' button
// 'toggle' toolbar with 'Ctr + Alt + /' on Windows/Linux or 'Cmd + Alt + /' on macOS
// optional toggle button hides the toolbar temporarily, it gets restored on every restart
// 'Vertical Add-on Bar' entry is only visible in toolbars context menu when in customizing mode
//
// flexible spaces on toolbar work 'vertically'
// toolbar can be on the left or on the right
// toolbar is display horizontally in customizing mode

// [!] Fix for WebExtensions with own windows by 黒仪大螃蟹 (for 1-N scripts)


Components.utils.import("resource:///modules/CustomizableUI.jsm");
var {Services} = Components.utils.import("resource://gre/modules/Services.jsm", {});
var appversion = parseInt(Services.appinfo.version);



var AddonbarVertical = {
  init: function() {

    if (appversion >= 76 && location != 'chrome://browser/content/browser.xhtml')
      return;

    /* blank tab workaround */
    try {
      if(gBrowser.selectedBrowser.getAttribute('blank')) gBrowser.selectedBrowser.removeAttribute('blank');
    } catch(e) {}
      
    var addonbar_v2_label = "Vertical right Add-on Bar"; // toolbar name
    var button_label = "Toggle vertical right Add-on Bar"; // Toggle button name
    var addonbar_v2_togglebutton = true; // display toggle button for vertical toolbar (true) or not (false)
    var addonbar_v2_on_the_left = false; // display vertical toolbar on the left (true) or the right (false)
    var insert_before_borders = true; // may not always offer a visible change
    var style_addonbar_v2 = true; // apply default toolbar appearance/colors to vertical add-on bar
    var addonbar_v2_width = "30px"; // toolbar width
    var compact_buttons = false; // compact button size (true) or default button size (false)

    try {
     if(document.getElementById('toolbox_abv2') == null && document.getElementById('addonbar_v2') == null) {
      if(appversion <= 62) var toolbox_abv2 = document.createElement("toolbox");
      else var toolbox_abv2 = document.createXULElement("toolbox");
      toolbox_abv2.setAttribute("orient","horizontal");
      toolbox_abv2.setAttribute("id","toolbox_abv2");
      toolbox_abv2.setAttribute("insertbefore","sidebar-box");
      
      if(appversion <= 62) var tb_addonbarv = document.createElement("toolbar");
      else var tb_addonbarv = document.createXULElement("toolbar");
      tb_addonbarv.setAttribute("id","addonbar_v2");
      tb_addonbarv.setAttribute("customizable","true");
      tb_addonbarv.setAttribute("class","toolbar-primary chromeclass-toolbar browser-toolbar customization-target");
      tb_addonbarv.setAttribute("mode","icons");
      tb_addonbarv.setAttribute("iconsize","small");
      tb_addonbarv.setAttribute("toolboxid","navigator-toolbox");
      tb_addonbarv.setAttribute("orient","vertical");
      tb_addonbarv.setAttribute("flex","1");
      tb_addonbarv.setAttribute("context","toolbar-context-menu");
      tb_addonbarv.setAttribute("toolbarname", addonbar_v2_label);
      tb_addonbarv.setAttribute("label", addonbar_v2_label);
      tb_addonbarv.setAttribute("lockiconsize","true");
      tb_addonbarv.setAttribute("defaultset","spring");
      
      toolbox_abv2.appendChild(tb_addonbarv);
      
      CustomizableUI.registerArea("addonbar_v2", {legacy: true});
      if(appversion >= 65) CustomizableUI.registerToolbarNode(tb_addonbarv);
      
      if(addonbar_v2_on_the_left) {
        if(insert_before_borders || appversion >= 86) document.getElementById("browser").insertBefore(toolbox_abv2,document.getElementById("browser").firstChild);
        else document.getElementById("browser").insertBefore(toolbox_abv2,document.getElementById("browser").firstChild.nextSibling);
      }
      else {
        if(insert_before_borders) document.getElementById("browser").appendChild(toolbox_abv2);
        else document.getElementById("browser").insertBefore(toolbox_abv2,document.getElementById("browser").lastChild);
      }
      
        var observer = new MutationObserver(function(mutations) {
        mutations.forEach(function(mutation) {
          try {
            if(document.querySelector('#main-window').getAttribute('customizing')) {
              document.querySelector('#addonbar_v2').setAttribute("orient","horizontal");
              document.querySelector('#navigator-toolbox').appendChild(document.querySelector('#addonbar_v'));
            }
            else  {
              document.querySelector('#addonbar_v2').setAttribute("orient","vertical");
              document.querySelector('#toolbox_abv2').appendChild(document.querySelector('#addonbar_v2'));

            }
          } catch(e){}
        });    
      });
    
      observer.observe(document.querySelector('#main-window'), { attributes: true, attributeFilter: ['customizing'] });
      
      try {
        Services.prefs.getDefaultBranch("browser.vaddonbar.").setBoolPref("enabled",true);
        setToolbarVisibility(document.getElementById("addonbar_v2"), Services.prefs.getBranch("browser.vaddonbar.").getBoolPref("enabled"));
        setToolbarVisibility(document.getElementById("toolbox_abv2"), Services.prefs.getBranch("browser.vaddonbar.").getBoolPref("enabled"));
      } catch(e) {}
      
      if(addonbar_v2_togglebutton) {
      
        CustomizableUI.createWidget({
            id: "tooglebutton_addonbar_v2", // button id
            defaultArea: CustomizableUI.AREA_NAVBAR,
            removable: true,
            label: button_label, // button title
            tooltiptext: button_label, // tooltip title
            onClick: function(event) {

              var windows = Services.wm.getEnumerator(null);
                while (windows.hasMoreElements()) {
                  var win = windows.getNext();
                  
                  var vAddonBar = win.document.getElementById("addonbar_v2");
                  setToolbarVisibility(vAddonBar, vAddonBar.collapsed);
                      
                  var vAddonBarBox = win.document.getElementById("toolbox_abv2");
                  setToolbarVisibility(vAddonBarBox, vAddonBarBox.collapsed);
                      
                  Services.prefs.getBranch("browser.vaddonbar.").setBoolPref("enabled",!vAddonBar.collapsed);
                  
                  if(!vAddonBar.collapsed)
                    win.document.querySelector('#tooglebutton_addonbar_v2').setAttribute("checked","true");
                  else win.document.querySelector('#tooglebutton_addonbar_v2').removeAttribute("checked");
                }

            },
            onCreated: function(button) {
              if(Services.prefs.getBranch("browser.vaddonbar.").getBoolPref("enabled"))
                button.setAttribute("checked","true");
              return button;
            }
                
        });
      }

      // 'Ctr + Alt + /' on Windows/Linux or 'Cmd + Alt + /' on macOS to toggle vertical add-on bar
      var key = document.createXULElement('key');
      if(appversion < 69) key = document.createElement("key");
      key.id = 'key_toggleVAddonBar';
      key.setAttribute('key', '/');
      key.setAttribute('modifiers', 'accel,alt');
      key.setAttribute('oncommand','\
        var windows = Services.wm.getEnumerator(null);\
        while (windows.hasMoreElements()) {\
          var win = windows.getNext();  \
          var vAddonBar = win.document.getElementById("addonbar_v2");\
          setToolbarVisibility(vAddonBar, vAddonBar.collapsed);\
          var vAddonBarBox = win.document.getElementById("toolbox_abv2");\
          setToolbarVisibility(vAddonBarBox, vAddonBarBox.collapsed);\
          Services.prefs.getBranch("browser.vaddonbar.").setBoolPref("enabled",!vAddonBar.collapsed);\
          if(!vAddonBar.collapsed)\
            win.document.querySelector("#tooglebutton_addonbar_v2").setAttribute("checked","true");\
          else win.document.querySelector("#tooglebutton_addonbar_v2").removeAttribute("checked");\
        }\
      ');
      document.getElementById('mainKeyset').appendChild(key);
      
     }
    } catch(e) {}
    
    // style toolbar & toggle button
    var addonbar_v2_style = '';
    var tooglebutton_addonbar_v2_style = '';
    
    if(style_addonbar_v2) {
      var end_border =' \
        #addonbar_v2 { \
            -moz-border-end: 1px solid var(--sidebar-border-color,rgba(0,0,0,0.1)) !important; \
        }\
      ';
          
      if(!addonbar_v2_on_the_left) {
        end_border ='\
          #addonbar_v2 { \
            -moz-border-start: 1px solid var(--sidebar-border-color,rgba(0,0,0,0.1)) !important; \
          }\
        ';
      }

      addonbar_v2_style ='\
        #addonbar_v2 { \
          -moz-appearance: none !important; \
          background-color: var(--toolbar-bgcolor); \
          background-image: var(--toolbar-bgimage); \
          background-clip: padding-box; \
          color: var(--toolbar-color, inherit); \
        } \
        #main-window:-moz-lwtheme #addonbar_v2 { \
          background: var(--lwt-accent-color) !important; \
        } \
        #main-window[lwtheme-image="true"]:-moz-lwtheme #addonbar_v2 { \
          background: var(--lwt-header-image) !important; \
          background-position: 0vw 50vh !important; \
        } \
        #main-window:not([customizing]) #toolbox_abv2:not([collapsed="true"]), \
        #main-window:not([customizing]) #addonbar_v2:not([collapsed="true"]) { \
          min-width: '+addonbar_v2_width+'; \
          width: '+addonbar_v2_width+'; \
          max-width: '+addonbar_v2_width+'; \
        } \
        #main-window[chromehidden="menubar toolbar location directories status extrachrome "] #toolbox_abv2:not([collapsed="true"]), \
        #main-window[chromehidden="menubar toolbar location directories status extrachrome "] #addonbar_v2:not([collapsed="true"]), \
        #main-window[sizemode="fullscreen"] #toolbox_abv2:not([collapsed="true"]), \
        #main-window[sizemode="fullscreen"] #addonbar_v2:not([collapsed="true"]) { \
          min-width: 0px; \
          width: 0px; \
          max-width: 0px; \
        } \
        #main-window[customizing] #addonbar_v2 { \
          outline: 1px dashed !important; \
          outline-offset: -2px !important; \
        } \
        #addonbar_v2:-moz-lwtheme { \
          background: var(--lwt-header-image) !important; \
          background-position: 100vw 50vh !important; \
        } \
        #addonbar_v2 toolbarbutton, \
        #addonbar_v2 toolbar .toolbarbutton-1 { \
          padding: 0 !important; \
        } \
        '+end_border+' \
      ';
    }
    
    if(addonbar_v2_togglebutton) {
      tooglebutton_addonbar_v2_style ='\
         #tooglebutton_addonbar_v2:hover > .toolbarbutton-icon {\
         background-color: var(--toolbarbutton-active-background)!important; }\
         #tooglebutton_addonbar_v2> .toolbarbutton-icon {\
          background-color: transparent !important;}\
        #tooglebutton_addonbar_v2 .toolbarbutton-icon { \
          list-style-image: url("chrome://browser/skin/sidebars.svg"); \
          fill: white; \
        }\
        /*#tooglebutton_addonbar_v2 .toolbarbutton-icon { \
          list-style-image: url("chrome://browser/skin/forward.svg"); \
          fill: red; \
        } \
        #tooglebutton_addonbar_v2[checked] .toolbarbutton-icon { \
          fill: green;  \
          background:none !important;\
        } \
        #tooglebutton_addonbar_v2 { \
          background: url("chrome://browser/skin/back.svg") no-repeat; \
          background-size: 35% !important; \
          background-position: 10% 70% !important; \
        } \
        #tooglebutton_addonbar_v2[checked] { \
          transform: rotate(180deg) !important;  \
          background: url("chrome://browser/skin/back.svg") no-repeat; \
          background-position: 10% 30% !important; \
        }*/ \
      ';
    }
    
    var compact_buttons_code = "";
    
    if(compact_buttons)
      compact_buttons_code = "\
        #addonbar_v2 toolbarbutton .toolbarbutton-icon { \
          padding: 0 !important; \
          width: 16px !important; \
          height: 16px !important; \
        } \
        #addonbar_v2 .toolbarbutton-badge-stack { \
          padding: 0 !important; \
          margin: 0 !important; \
          width: 16px !important; \
          min-width: 16px !important; \
          height: 16px !important; \
          min-height: 16px !important; \
        } \
        #addonbar_v2 toolbarbutton .toolbarbutton-badge { \
          margin-top: 0px !important; \
          font-size: 8px !important; \
        } \
      ";
      
    var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent('\
      '+addonbar_v2_style+' \
      '+tooglebutton_addonbar_v2_style+' \
      '+compact_buttons_code+' \
    '), null, null);
      
    var sss = Components.classes["@mozilla.org/content/style-sheet-service;1"].getService(Components.interfaces.nsIStyleSheetService);
    sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);
    
  }

}

/* initialization delay workaround */
document.addEventListener("DOMContentLoaded", AddonbarVertical.init(), false);
/* Use the below code instead of the one above this line, if issues occur */
/*
setTimeout(function(){
  AddonbarVertical.init();
},2000);
*/

Alles anzeigen

und hier ein bild davon:

also die Leiste ist rechts was ok ist. der icon von der leiste hat keinen grauen hintergrund was auch ok ist.

aber die Leiste wird nicht automatisch wie die auf der linken seite rot.

omar1979

Zitat von Horstmann

Was die Hintergrundfarbe der neuen Leiste angeht , bei mir - und zumindest mit der Variante die ich oben gepostet hatte - passen sich beide Zusatzleisten an die allgemeine Toolbarfarbe an .

Besten Dank. Das tut auch die, die ich für die linke Seite benütze auch. Werde morgen das Ändern und schauen.

omar1979

Zitat von Horstmann

Und die Zeilen 229 und darunter von hier haben also die selben Einträge wie der korrespondierende Code von Andreas ?

Hoppla.. Sorry irgendwie hab ich glaub ich doch den alten Script genommen. Ich sollte es löschen und den anderen code umändern. mach ich aber morgen.

omar1979

Zitat von Horstmann

Der Script Code den Du oben gepostet hast ist ohne die Änderungen von Andreas für die Buttons und ihr aktiv bzw. hover Verhalten .

Es ist das Script das 2002Andreas gepostet hat, die benütze ich auch für auf der linken Seite. ich hab nur in diesem Script die addonbar_v zu addonbar_v2 geändert und die toolbox_abv in toolbox_abv2 geändert, damit ich es benützen kann.

Beiträge von omar1979

Zurück- und Vorwärts-Button verschieben

Zurück- und Vorwärts-Button verschieben

Zurück- und Vorwärts-Button verschieben

Zurück- und Vorwärts-Button verschieben

Zurück- und Vorwärts-Button verschieben

Zurück- und Vorwärts-Button verschieben

Vertikale Zusatzleiste wird nicht angezeigt.

Vertikale Zusatzleiste wird nicht angezeigt.

Vertikale Zusatzleiste wird nicht angezeigt.

Vertikale Zusatzleiste wird nicht angezeigt.

Vertikale Zusatzleiste wird nicht angezeigt.

Vertikale Zusatzleiste wird nicht angezeigt.

Vertikale Zusatzleiste wird nicht angezeigt.

Vertikale Zusatzleiste wird nicht angezeigt.

Vertikale Zusatzleiste wird nicht angezeigt.

Vertikale Zusatzleiste wird nicht angezeigt.

Vertikale Zusatzleiste wird nicht angezeigt.

Vertikale Zusatzleiste wird nicht angezeigt.

Vertikale Zusatzleiste wird nicht angezeigt.

Vertikale Zusatzleiste wird nicht angezeigt.