Beiträge von harff182

harff182

Hab nach etwas rumbasteln wieder ein Layout gefunden, mit dem ich zufrieden bin

harff182

2002Andreas , milupo :

Danke Euch beiden fürs gegenchecken, dann muß ich mal suchen, wer/was mir da in die Suppe spuckt...

harff182

Hallo...

Ich bekomme meine Vertical Add-on Bar nicht so hin, wie ich möchte

Aus dem Nachbar-Thread habe ich den Code für Links von @2002Andreas übernommen und auf rechts gestelltund und verbreitert:

JavaScript

// 'Vertical Add-on Bar' script for Firefox 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");
ChromeUtils.importESModule("resource:///modules/CustomizableUI.sys.mjs");


var AddonbarVertical = {
  init: function() {

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

	/* blank tab workaround */
	try {
	  if(gBrowser.selectedBrowser.getAttribute('blank')) gBrowser.selectedBrowser.removeAttribute('blank');
	} catch(e) {}
	  
	var addonbar_v_label = 'Vertical Add-on Bar'; // toolbar name
	var button_label = 'Toggle vertical Add-on Bar'; // Toggle button name
	var addonbar_v_togglebutton = true; // display toggle button for vertical toolbar (true) or not (false)
	var addonbar_v_on_the_left = false; // display vertical toolbar on the left (true) or the right (false)
	var style_addonbar_v = true; // apply default toolbar appearance/colors to vertical add-on bar
	var addonbar_v_width = '40px'; // toolbar width
	var compact_buttons = false; // compact button size (true) or default button size (false)

	try {
	 if(document.getElementById('toolbox_abv') == null && document.getElementById('addonbar_v') == null) {
	  var toolbox_abv = document.createXULElement('toolbox');
	  toolbox_abv.setAttribute('orient','horizontal');
	  toolbox_abv.setAttribute('id','toolbox_abv');
	  toolbox_abv.setAttribute('insertbefore','sidebar-box');
	  
	  var tb_addonbarv = document.createXULElement('toolbar');
	  tb_addonbarv.setAttribute('id','addonbar_v');
	  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_v_label);
	  tb_addonbarv.setAttribute('label', addonbar_v_label);
	  tb_addonbarv.setAttribute('lockiconsize','true');
	  tb_addonbarv.setAttribute('defaultset','spring');
	  tb_addonbarv.setAttribute("accesskey","");
	  
	  toolbox_abv.appendChild(tb_addonbarv);
	  
	  CustomizableUI.registerArea('addonbar_v', {legacy: true});

	  setTimeout(function(){
		CustomizableUI.registerArea('addonbar_v', {legacy: true});
	  },2000);
	  
	  CustomizableUI.registerToolbarNode(tb_addonbarv);
	  
	  if(addonbar_v_on_the_left) {
	    document.getElementById('browser').insertBefore(toolbox_abv,document.getElementById('browser').firstChild);
	  }
	  else {
		document.getElementById('browser').appendChild(toolbox_abv);
	  }
	  
  	  var observer = new MutationObserver(function(mutations) {
		mutations.forEach(function(mutation) {
		  try {
			if(document.querySelector('#browser').getAttribute('hidden') || document.querySelector('#main-window').getAttribute('customizing')) {
			  document.querySelector('#addonbar_v').setAttribute('orient','horizontal');
			  document.querySelector('#navigator-toolbox').appendChild(document.querySelector('#addonbar_v'));
			}
			else  {
			  document.querySelector('#addonbar_v').setAttribute('orient','vertical');
			  document.querySelector('#toolbox_abv').appendChild(document.querySelector('#addonbar_v'));

			}
		  } 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_v'), Services.prefs.getBranch('browser.vaddonbar.').getBoolPref('enabled'));
		setToolbarVisibility(document.getElementById('toolbox_abv'), Services.prefs.getBranch('browser.vaddonbar.').getBoolPref('enabled'));
	  } catch(e) {}
	  
	  if(addonbar_v_togglebutton) {
	  
		CustomizableUI.createWidget({
			id: 'togglebutton_addonbar_v', // button id
			defaultArea: CustomizableUI.AREA_NAVBAR,
			removable: true,
			label: button_label, // button title
			tooltiptext: button_label, // tooltip title
			onClick: function(event) {
			  if(event.button==0 || event.button==1) {
			    var windows = Services.wm.getEnumerator(null);
				while (windows.hasMoreElements()) {
				  var win = windows.getNext();
				  
				  var vAddonBar = win.document.getElementById('addonbar_v');
				  setToolbarVisibility(vAddonBar, vAddonBar.collapsed);
					  
				  var vAddonBarBox = win.document.getElementById('toolbox_abv');
				  setToolbarVisibility(vAddonBarBox, vAddonBarBox.collapsed);
					  
				  Services.prefs.getBranch('browser.vaddonbar.').setBoolPref('enabled',!vAddonBar.collapsed);
				  
				  if(!vAddonBar.collapsed)
					win.document.querySelector('#togglebutton_addonbar_v').setAttribute('checked','true');
				  else win.document.querySelector('#togglebutton_addonbar_v').removeAttribute('checked');
				}
			  }
			},
			onCreated: function(button) {
			  if(Services.prefs.getBranch('browser.vaddonbar.').getBoolPref('enabled'))
			    button.setAttribute('checked','true');
			  return button;
			}
				
		});
	  }

	  // Press 'Ctr + Alt + /' on Windows/Linux and 'Cmd + Alt + /' on macOS to toggle vertical add-on bar
	  var key = document.createXULElement('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_v');
		  setToolbarVisibility(vAddonBar, vAddonBar.collapsed);
		  var vAddonBarBox = win.document.getElementById('toolbox_abv');
		  setToolbarVisibility(vAddonBarBox, vAddonBarBox.collapsed);
		  Services.prefs.getBranch('browser.vaddonbar.').setBoolPref('enabled',!vAddonBar.collapsed);
		  if(!vAddonBar.collapsed)
			win.document.querySelector('#togglebutton_addonbar_v').setAttribute('checked','true');
		  else win.document.querySelector('#togglebutton_addonbar_v').removeAttribute('checked');
		}
	  `);
	  document.getElementById('mainKeyset').appendChild(key);
	  
	 }
	} catch(e) {}
	
	// style toolbar & toggle button
	var addonbar_v_style = '';
	var togglebutton_addonbar_v_style = '';
	
	if(style_addonbar_v) {
	  var end_border =`
		#addonbar_v {
			border-inline-end: 1px solid var(--sidebar-border-color,rgba(0,0,0,0.1)) !important;
		}
	  `;
		  
	  if(!addonbar_v_on_the_left) {
		end_border =`
		  #addonbar_v {
			border-inline-start: 1px solid var(--sidebar-border-color,rgba(0,0,0,0.1)) !important;
		  }
		`;
	  }

	  addonbar_v_style =`
		#addonbar_v {
		  appearance: none !important;
		  background-color: var(--toolbar-bgcolor);
		  background-image: var(--toolbar-bgimage);
		  background-clip: padding-box;
		  color: var(--toolbar-color, inherit);
		}
		:root[lwtheme] #addonbar_v {
		  background: var(--lwt-accent-color) !important;
		}
		:root[lwtheme][lwtheme-image='true'] #addonbar_v {
		  background: var(--lwt-header-image) !important;
		  background-position: 0vw 50vh !important;
		}
		#main-window:not([customizing]) #toolbox_abv:not([collapsed='true']),
		#main-window:not([customizing]) #addonbar_v:not([collapsed='true']) {
		  min-width: `+addonbar_v_width+`;
		  width: `+addonbar_v_width+`;
		  max-width: `+addonbar_v_width+`;
		}
		#main-window[chromehidden='menubar toolbar location directories status extrachrome '] #toolbox_abv:not([collapsed='true']),
		#main-window[chromehidden='menubar toolbar location directories status extrachrome '] #addonbar_v:not([collapsed='true']),
		#main-window[sizemode='fullscreen'] #toolbox_abv:not([collapsed='true']),
		#main-window[sizemode='fullscreen'] #addonbar_v:not([collapsed='true']) {
		  min-width: 0px;
		  width: 0px;
		  max-width: 0px;
		}
		#main-window[customizing] #addonbar_v {
		  outline: 1px dashed !important;
		  outline-offset: -2px !important;
		}
		#addonbar_v toolbarbutton,
		#addonbar_v toolbar .toolbarbutton-1 {
		  padding: 0 !important;
		}
		#unified-extensions-button[hidden]{
			visibility: visible !important;
			display: flex !important;
		}
		#addonbar_v toolbaritem separator {
			display: none !important;
		}
		#main-window:not([customizing]) #addonbar_v > toolbaritem {
		  writing-mode: vertical-rl !important;
		  text-orientation: mixed !important;
		  transform: rotate(0deg) !important;
		}
		#main-window:not([customizing]) #addonbar_v > toolbaritem menupopup {
		  max-height: 170px !important;
		  max-width: 170px !important;
		  transform: rotate(-90deg) !important;
		}
		#main-window:not([customizing]) #addonbar_v > toolbaritem .toolbarbutton-badge {
		  transform: rotate(-90deg) !important;
		  position: absolute !important;
		  padding: 1px 2px !important;
		  top: -4px !important;
		}
		#main-window:not([customizing]) #addonbar_v #search-container,
		#main-window:not([customizing]) #addonbar_v #wrapper-search-container {
		  flex: unset !important;
		}
		#main-window:not([customizing]) #addonbar_v #search-container {
		  min-width: unset !important;
		  width: unset !important;
		  height: 100px !important;

		  &[width] {
			flex: unset !important;
		  }
		}
		#main-window:not([customizing]) #addonbar_v #zoom-reset-button > .toolbarbutton-text {
		  min-width: unset !important;
		  min-height: unset !important;
		}
		#main-window:not([customizing]) #addonbar_v #zoom-reset-button:not([label]) {
		  display: none !important;
		}
		#main-window:not([customizing]) #addonbar_v .toolbarbutton-combined-buttons-dropmarker > .toolbarbutton-icon {
		  width: unset !important;
		  height: 16px !important;
		}
		`+end_border+`
	  `;
	}
	
	var addonbar_right = '';
	
	if(!addonbar_v_on_the_left) {
		addonbar_right =`
		  #toolbox_abv{
			order: 10 !important;
		  }
		`;
	}
	
	if(addonbar_v_togglebutton) {
	  togglebutton_addonbar_v_style =`
		#togglebutton_addonbar_v .toolbarbutton-icon { \
		  list-style-image: url('chrome://browser/skin/sidebars.svg');
		  fill: green; 
		}
		/*#togglebutton_addonbar_v .toolbarbutton-icon {
		  list-style-image: url('chrome://browser/skin/forward.svg');
		  fill: red;
		}
		#togglebutton_addonbar_v[checked] .toolbarbutton-icon {
		  fill: green;
		}
		#togglebutton_addonbar_v {
		  background: url('chrome://browser/skin/back.svg') no-repeat;
		  background-size: 35% !important;
		  background-position: 10% 70% !important;
		}
		#togglebutton_addonbar_v[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_v toolbarbutton .toolbarbutton-icon {
		  padding: 0 !important;
		  width: 16px !important;
		  height: 16px !important;
		}
		#addonbar_v .toolbarbutton-badge-stack {
		  padding: 0 !important;
		  margin: 0 !important;
		  width: 16px !important;
		  min-width: 16px !important;
		  height: 16px !important;
		  min-height: 16px !important;
		}
		#addonbar_v toolbarbutton .toolbarbutton-badge {
		  margin-top: 0px !important;
		  font-size: 8px !important;
		}
	  `;
	  
	var uri = Services.io.newURI('data:text/css;charset=utf-8,' + encodeURIComponent(''+addonbar_v_style + togglebutton_addonbar_v_style + addonbar_right + 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

Nun ist allerdings der Toggle-Button in der Navbar festgetackert und läst sich nicht in die Tab-Bar verschieben.

Wie bekomme ich das hin?

harff182

Merci vielmals...

harff182

Zitat von Mira_Belle

Schau mal, ob Du mit diesem Selektor was anfangen kannst.

Ich konnte

Übernommen, bischen rumgebastelt und nu isses für mich hübsch

Danke.

harff182

Zitat von milupo

Und was hast du da geändert?
Übrigens, du hast für #urlbar in Beitrag #11 zwei Werte einfach so geändert. Das solltest du uns am besten mitteilen. Du hast nämlich margin-top von 3px auf 2px gesetzt und height von unset auf 22px.

Ich hab auferäumt und angepaßt und dann den Code mit resultierenden Problemen eingestellt.

Was war daran falsch?

----

margin-top ist nur ne "Schönheitsoperation".

Wenn height auf unset bleibt, wird das Feld so, wie in #17 gezeigt.

Sodele, Problem gelöst mit einem Tip aus einem Nachbarfred:

browser.urlbar.maxRichResults auf 0 gesetzt.

Nu zappeltszwar, aber das wars dann auch.

harff182

Zitat von 2002Andreas

Ansonsten, Beitrag Nr. 10 den Code hattest du auch mal getestet!?

Nein, hatte sich mit meinen Arbeiten überschnitten.

Habsch grad mal nachgeholt, aber das Ergebnis is nich berauschend:

Da stimmt der Hintergrund nicht.

Und hier rutscht die ganze Zeile runter und und das Feld wird größer.

harff182

2002Andreas Jo, jezz hab ich den Zoom wieder.

Aber der komplette Inhalt der urlbar rutscht immmer noch nach unten

harff182

Sodele - janz viel aufjeräumt:

CSS

/* 	41_urlbar_pimpen.css */
/* 	URL-Bar neu ab FF92    
	210909: BrokenHeart von hier:https://www.camp-firefox.de/forum/thema/133335
	210909: einige eigene Anpassungen..
	210910: rgba (tralala) durch Farbnamen ersetzt ;)
	240709: FF128 Probleme: https://www.camp-firefox.de/forum/thema/138121
	Erste Hilfe von 2002Andreas...
	Großes Aufräumen
*/


#urlbar
{
    border: 2px solid black !important;
    margin-top: 2px !important;
    color: blue !important;
    height: 22px !important;
	background: white !important;
    top: 4px !important;
    left: 0px !important;
    width: 100% !important;	
    font: 13px Arial Rounded MT !important;
    font-weight: normal !important;	
}

#urlbar:not([open]) > #urlbar-background 
{
    display: none !important;
}

/*############################################################################################*/
/*  URL in fetter Schrift, Hauptadresse markanter
	200120 von Milupo von hier:
	https://www.camp-firefox.de/forum/thema/129888/?postID=1136582#post1136582
*/
#urlbar-input[placeholder] {
	color: blue !important;
	font-weight: bold !important;
	font-size: 13px !important;		
}

/*#########################################################################################*/
/* 	URL-Bar Drop Down verhindern
	200408 von BrokenHaert von hier:
	https://www.camp-firefox.de/forum/thema/130354/?postID=1142548#post1142548
*/

.urlbarView {
    display: none !important;
}

Alles anzeigen

Sieht normal gut aus, aber beim reinlicken:

1. Wie bekomm ich den Inhalt wieder hoch ?

2. Wie bekomm ich das Fading für den den Zoom-Wert wieder?

harff182

2002Andreas : Jo sieht besser aus...

milupo : Jo, setz ich mich mal dran, das Teil ist ja echt alt....

Mal abwarten, was ich da beim Aufräumen kapuut mach

Ich meld mich dann wieder....

harff182

Ein Schritt vorwärts, sieht jetzt so aus:

Die navbar ist lightskyblue.

Ich möcht den Hintergrund der urlbar wieder weiß

Der URL-String soll ausfaden und der Zoom-Wert sichtbar sein..

harff182

moin, moin...

Seit dem Update auf 128 sieht meine Urlbar so aus:

Bisher sah sie so aus:

Benutzt wird folgendes CSS:

CSS

/* 	41_urlbar_pimpen.css */
/* 	URL-Bar neu ab FF92    
	210909: BrokenHeart von hier:https://www.camp-firefox.de/forum/thema/133335
	210909: einige eigene Anpassungen..
	210910: rgba (tralala) durch Farbnamen ersetzt ;)
*/

#urlbar[breakout][breakout-extend][focused="true"]:not([usertyping="true"]) .urlbarView, 
#urlbar[breakout][breakout-extend][focused="true"]:not([usertyping="true"]) > #urlbar-background 
{
	display: none !important;
}

#urlbar[breakout][breakout-extend] > #urlbar-background 
{
    border: 1px solid black !important;
    color: white !important;
    /* background-color: rgba(0,0,0,0.8) !important;  original vom Herzchen*/
	background-color: black !important;
}

#urlbar[breakout][breakout-extend] > #urlbar-background,
.urlbarView-body-outer,
.urlbarView-body-inner 
{
    margin-top: 32px !important;
}

.urlbarView-body-inner 
{
    border-top: unset !important;  
}

.urlbarView 
{ 
    margin-block-start: -26px !important;  
}

#urlbar-input-container 
{
    padding: var(--urlbar-container-padding);
}

#urlbar-input-container 
{
    border: 2px solid black !important; /*210908*/
    margin-top: 3px !important;
    color: blue !important;
    height: 22px !important;
    /* background: rgba(230,232,240,1) !important;  original vom Herzchen */
	background: white !important;
}

#urlbar-input-container:hover:not([disabled]) 
{ 
    /*background: rgba(255,255,255,1) !important;  original vom Herzchen */
	background: white !important;
}

#urlbar:not([open]) > #urlbar-background 
{
    display: none !important;
}

#urlbar[breakout][breakout-extend] > #urlbar-input-container 
{
    padding-block: unset !important;  
    padding-left: 1px !important;  
    padding-right: 1px !important;  
}

#urlbar 
{ 
    background: transparent!important;
    top: 4px !important;
    left: 0px !important;
    width: 100% !important;
    height:unset !important;
    font: 13px Arial Rounded MT /* Bold */ !important;
    font-weight: normal !important;
    color: white !important;
}

#pageActionSeparator, .urlbar-go-button, .urlbar-history-dropmarker, #reader-mode-button          
{
    display: none !important; 
}

.urlbarView-url,
.urlbarView-action 
{
    font-family: Arial !important;
		Display: none ! important; /* will nix nach unten aufklappen, wennich was reintippe...*/
}

/*############################################################################################*/
/* aus meinem altem .css übernommen*/ /*210909*/
/*############################################################################################*/

/*  URL in fetter Schrift, Hauptadresse markanter
	200120 von Milupo von hier:
	https://www.camp-firefox.de/forum/thema/129888-adresse-in-urlbar-fette-schrift/?postID=1136582#post1136582
*/
#urlbar-input[placeholder] {
	color: blue !important;
	font-weight: bold !important;
	font-size: 13px !important;		
}

/*#########################################################################################*/
/* 	URL-Bar Drop Down verhindern
	200408 von BrokenHaert von hier:
	https://www.camp-firefox.de/forum/thema/130354-ff-75-url-bar-drop-down-verhindern/?postID=1142548#post1142548
*/

.urlbarView {
    display: none !important;
}

Alles anzeigen

Was ist mussich ändern um das alte Aussehen wieder zu bekommen?

harff182

Danke Endor

Ich hab einfach mein Script durch das von ihm ersetzt und es tut wieder das, wofür ich es ab und zu nutze.

Zappelnde Avatare sind für mich ein Graus

guuts nächtle..

harff182

'nabend...

Das script tuts auch nich mehr:

JavaScript

// 	28_AnimationToggleButton.uc.js
// 	v. 0.4.2
//	211104:	BrokenHeart zuletzt in:
//	https://www.camp-firefox.de/forum/thema/133649

(function() {

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

   try {

      CustomizableUI.createWidget({

         id: 'animation-button',
         type: 'custom',
         defaultArea: CustomizableUI.AREA_NAVBAR,

         onBuild: function(aDocument) {

            var button = aDocument.createElementNS('http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul', 'toolbarbutton');
            var attributes = {
               id: 'animation-button',
               class: 'toolbarbutton-1 chromeclass-toolbar-additional',
               removable: 'true',
               label: 'Animation',
               tooltiptext: 'Klick li: Gif ∞\nKlick mi: Gif 1x \nKlick re: Gif aus',
               oncontextmenu: 'return false'
            };
            for (var a in attributes)
               button.setAttribute(a, attributes[a]);
            var animmode = Services.prefs.getCharPref('image.animation_mode');
            button.setAttribute('anim', animmode);
            button.IsOnce = (animmode == 'once');

            function onClick() {

               var button = document.getElementById('animation-button');
               function setPref(value) {
                  Services.prefs.setCharPref('image.animation_mode', value);
               };
               function getPref() {
                  return Services.prefs.getCharPref('image.animation_mode');
               };
               function setIsOnce(value) {
                  var windows = Services.wm.getEnumerator('navigator:browser');
                  while (windows.hasMoreElements()) {
                     windows.getNext().document.getElementById('animation-button').IsOnce = value;
                  };
               };

               switch (event.button) {

                  case 0:
                     var animmode = getPref();
                     setPref('normal');
                     if (button.IsOnce) {
                        BrowserReloadSkipCache();
                        setIsOnce(false);
                     } else {
                        if (animmode == 'normal')
                           BrowserReloadSkipCache()
                        else
                           BrowserReload();
                     };
                     break;

                  case 1:
                     setPref('once');
                     BrowserReloadSkipCache();
                     setIsOnce(true);
                     break;

                  case 2:
                     setPref('once');
                     event.preventDefault();
                     event.stopPropagation();    
                     BrowserReload();
                     break;
               };

               var windows = Services.wm.getEnumerator('navigator:browser');
               while (windows.hasMoreElements()) {
                  windows.getNext().document.getElementById('animation-button').setAttribute('anim', getPref());
               };
            };

            button.setAttribute('onclick', '(' + onClick.toString() + ')();');
            return button;
         }
      });

   } catch(e) { };

   var css =
      '#animation-button[anim="normal"] {list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAoCAYAAAC4h3lxAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH4wkNFRE2JfCuMgAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAS6SURBVFjD7ZnNTxtHFMDfm7ENtbGxoV7b2A4gATZ2VEybCyAB5d4qUntLBZcI5dQ/oKcee4l6qBRFgTYqaUqjSFS5tVUrIEJCjQqYDxmIAwUMCV+GxMYfLDs7PQQQjhcKxY03Up60WntmZ/b93pdmdhAAoK2tTQCA9yRJsgEAgoqEUvoCEWc7Ojoet7e3Z/Vjc3Ozh1J6GRE5qFdQluXxgYGBXzjPVFODiB8dKM8Z13JQFwchRAIEjojvNzU1TQHAcgYApZQAAGxXbFeEykKdnHOqJgB30v1H+Xj5b4go6XQ6dxbAwY+UMVWyq92laoudOI9XHg2lzs5OGg6HWX9//0sPwRsmc3Nz1xHxbltbW22GB5REz/TbzhfOP43bxiWOnMRKYhXLpuWGXbJryGdhQkQPANxsaWm5ciyARbRs+Cf8t3QJXeywLWIJWy3WyUnf5NWEJmHME8D2/t2AiJ8dG0LV4ep7R5U/9Mq2frU6Uv1zvsxvsVi+OkwIRJsigDVtjRRtFkWOm6RkoWTasGeI/0cdzlWnrVarCADssMwqPaRj2ZbPLM7ACliBdNaXl+2UhS+FL32t4Zp4rjyiCCBS0XSipWSgIhU1Z1I+WTbtGfPcNj01rdXP1d/IFYQiwGbhpjNpSTqPG/T8wvOaHe3OqZPYkXTM1vxV8yPKyAAAjCvGrcBcoCsXEEQ5SDkJe8KfSoVS0at9aWP63XB5+PKplU845r0j3h7CiXi03bRiWgvMB7oop4nzABwbBtGCqDP4QfCaa8v1sChaFOGE03hp/MKSZenDJE2aTjO5PWV/7B3zfo8yKuaLadm0Vo/1N4OVwWsSSoacAgAAxDQxa0gIfQLC2Se2p+xPvCPeH5DhicluipjW66CuO1gZvMqQGXISQucVW9K26B313iaM7J7m+eJI8dPAQqCLcpp8HQAn1nFb2vakdqy2m0jkTGW2eKn4WWAxcIsCTf1vAAgoX1y92ONOuEeV+oW0MO8d8d4hUmbCnhpisfhZ3d9131Kg6ZwDIKDsX/X3CLNCqGqk6r57xz2RoXxKWPKN+r6j0ulfriTmJXOkJlrzIKcACCj71/x3hFlhBgAAOcpVo1W9roRrEgBA2BWe1I7VdpE9speT5SajYk6q0IHyvjVfrzAjhDLaOcrVI9W9er8+4ph1PKJ7VIQ8yL8ByL51X69txjahCMeRuaZcg3ndM59Ubfwb/l7btG1SzTu0Yz3g2/Dds4WULa+qrxaK65eUY8oesgffhD2yIgDhhJ9346GGHIC3APlK4rQm/c5mzaYzbx+zDHH7uQCiumhV1BH9/G0IvaYQIgAgG7eMa85C54Taqo95xzx75G/WEl3DGItRSouMK8YVz4rnrlotzTlHURQXsks+5/dlWWZqDhPOOTLGfh8aGlrP8sDg4OBGY2PjjYKCglqNRmPknBOVKb+TTqcXh4eH15UXlK8c2TQ0NLj0ev2XL8fySDwe75YkSTV5YTabKwkh3wAAl2X5YRYAIkJra+uvhJDSfQuo6tBj/zhMBgBgjF0nCi4DrVb7BQCI+wOYmq4D5QHgkVar/SnLAwdeaG5udlNKPwaASs65ao5eCSExSZLGS0tLH/T19fF/AGeo9vFEBn4KAAAAAElFTkSuQmCC)} ' +
      '#animation-button[anim="once"] {list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAoCAYAAAC4h3lxAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH4wkNFQw22pzCLgAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAATOSURBVFjD7VlvTFtVFD/3vtcWWlpAUkrbDazQkWkilfhl+zAahARNZjIT9QMzkS8EPm+wADMxWdRhsk842cYgbsbExWRqBkMGCwrbPpBsisi/V9rCZsBoHGwPKO277x0/sJqxviKVah/Gk7y89+7Nve/8zvmdc++5jwAAVFRUFCPia4wxGyIS0JDwPC9SSr8tLS0daG1tjeknXq/XSyn9EAAoaFcIIn4RDAZPBoPBjQAB4J2o8owhRdSW5jxPkBBAAHjT5XL1AMDYhn5KaSYAwMGDa7o3XheeB9AWgqkpx/x771sXCCEyIr4YAyD6UPhM2GQyMc1xx+FYsQBYF6JUqq2t5Xw+nzw4OAigcd6rit/vP0UI+ay8vHzvBg+oyeqqMXT7tm1+YiJNIgRYScmq2eP5xWkwhPkUYuAIIcUAcKasrKw6riL375sjJ064/HN3+XC07Zu+9LCnxBw6csRfZDKFUgVi8dHdRAg5HJdC5zryA48rH5UfRvUrly4VBFJl/uzs7JN/5lZCbKoA5heeEkdGDCvxJvnyK+OyKKb/zYgn20pzVqs1AgBy9F0VwFqI3/QjOh0ooRCf8Io9Pu4Ya2t77nvG9OGkrRNqjQYD21Q5SQKalsYSsuTkpHO05bgtQilQjtszUVsrPMvzEcN2AVD13LuY4fFETPEGvfJyyGixbD2Ip6acPzY15zJK1783cF2vdHS4p5PhCVUAhCCpq7tXYMuV9U/2FRUyQ3X13YIEVtKJ5hZbhNKNTu0fMEidne5pxvSRpFMIACDX+iC9tTVQeOuW7eexnwwSAaJ4PCH9/v0Lu4zG1fStTC4IzvGmZluIEFClZN81g0Q592TN28Jenpf0SQUAAGCxiMaqKnFPVVXiE/tmHJONx3JDlMKm8dTba2AE3EJNja+Y4yRdUii0XfHN2H0NDXkipWRLmepqb1r4kwvuKVnWSSkH4A84phsa7EuUApfIuJ6etMiFi4mDSAgAIsHuHve0IOTdV+sPBOy+o0fzxGi2SVS6u9MiFz8tEmSZZ/8AAIJXr7qFri7zcstx+6zgsy1tVD4v0NBoX4wXsFuVK1fS127cKJhLKgBEgr29Rb7OrowVAABZJtjS4gzMzNgeAADMztpnGo85fkdMjDZxd8EhiknJQlHl+/oK/R3nzeLj7bIM2NTsCNTXZRhPf2wREVNTW/B/RZtr/YX+cx2WB2q9skyUj05nLgNAyk4yNrVaf3+h/+xZy0MtV2hxPdA/UORvP6NueS2Jqgfm5qxL7e2WpZ1QI9M43CawQ2THnUr85wCoBrHZLMFbh0MpA5efv0a3BcBqXcw8dGjxhf8p9C9RiAAA3rmTvrJrt21RY2e7MD1t+e2x15gamlcUJUgpfXpoWC8NDTsDGja2IknSTTUKNSqK8lDjTEFZlj+oq6ubjd2tIUJlZWUmY+wlnuddGoyLX8Ph8HfDw8OziAj19fW8IAg3AYBTFGWY4BO/ZPbt27fLaDS+CwCIiPdEUTzPGNNMZGRlZbkopW0AgIqiDMUAIISA1+vto5TmrNcDyGnJHYQQBABlfcsjn6KxBQyCTqdrBoDIowGylq6o8gAwotPpPo/xQNQLBw4c2M1x3KsA4NLSr1dK6UPG2GhOTs7Xly9fxj8A10cIqTl/HS8AAAAASUVORK5CYII=)} ' +
      '#animation-button[anim="none"] {list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAoCAYAAAC4h3lxAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH4wkNFRMXW6/c7gAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAATFSURBVFjD7ZlfTFtVHMd/55z+Adrbv7fg5E9L/4hLpg/GkABJwcb4plnilhg18OBC9rQnn3wyZosQJXswIwzQRRBxWcbcMnSaEf6EhMiDjj9hQssmVMV20FG4QHu59x4fRgnQWwTajUviL2nannPPvb/P7/f9/dLTgwAAfD5fLgC8LAhCHgAgUJARQqIIocmampqp6urqpHnk9XpLCCEnEUIUlGtIkqSRvr6+O5Rud1OFEHoz4TxPqRqosjjUGAsIgCKEXqmoqBgHgD+3ARBCMADAO9Goo/Thw1oKQJQEEGbZnvqCgp8RQoJGoylMAkh8eD4Ws2QLAlGadiyrq8VbpVRbW0v8fr/Y29sLAAAYjphNT083IIQ6fD7f8W0ZkLN1jebxDMv+EtDrZwml2M1xjsL5+TLV+rruMBsTQqgEAJoqKyvfSwmwkpPz6LLH0+xXq5c2B41Gf6nFMvZuIHBGG48zhwTweONdhxB6P6WEbtntV7c5v2HD2dn/DBYW3jis8JvN5rrNgkAoTxYgyjDBAZ0umOomHSbT/ZhWu3xAH9Lq0zabjQcAMfFdFoCXifxW0wKIcZVK2O/DQ2az/3ZJyUWJkOVMZUQWQL2+btgtUjwA0QiCaj8Pmjeb79c5nVe6GSb0o8fTmCkIWQATx+WXrq7mp1p0Ohp9IXsfRbxgNk9eKC7+NoaQCABwW6+P/OB2t9AMQMgXMaX41OzsqQJB0O+ceikeZ6uCwZN7jrzJ9OCC09kWw5jfOt7NMKE7bneLhPFKOgApZcBwXP6Hk5Nn/TbbwIROF9RQSl7kuCJXOPyamucNe7l5xGSaqnO5vl5DSLZebjFMiHg8Ta8HAmexKOoyCgAAoF1bs52YnX37xEGatdEY+NTp/GYlhfMJu8EwYepytb4RCJxBkqTLjITStAWjcabe5brCYRzfy/XfGwx/33W7WyjGq88CYNc+vmg0Bj53uVqjGO+rzXYZDHM9Hk8zxXjtaQJIvzkcbSGW/VXWeYPhQb3T2b64o2D3atcZZq7H5fqSYhx7GgDSPYejrZllJ87b7ddCVuvoNs0bDLOfud1fLRISS0d+143G4FR+/s1MA0gjDkf7ZZb9HQBAQEg673B0hq3WMQCAJYMh0OB2t0QwXs9EDcUJ4TPShTadt9s7m1h2YuuggJD0icPReS4rK9iemzu8cEDZpGv/BSCN2e2dTTbbqNykiJB48dix/sPc4OwmITput3c22mxjSt6hpczAeFHR1UspIq8kk81AxGwev5Sbe+8o7JFlAaQn/xPRIwtwlOzIA8gWcRbPZ38QieQfllN5KyvPpQWg5zj3qxx37n8JPSMJYQCQJvX6kNliGVVa95ljmMmtv2CSAERRXCKE6Lt1ur+6nc4OpUaaUop4nv8jSUKU0muSJIlKlgmlFImieHdwcDCclIH+/v5H5eXljVqt9rhKpWIopVhhznOxWGxmaGgoLDePdh7ZlJWVFeTk5Hz8ZC0NLi8vtwqCoJi6MJlMxRjjLwCASpI0kASAEIKqqqqfMMbWjQgo6tBj4zhMAgAQRbEBy6QM1Gr1RwDAbywQlfRKOA8Aw2q1+rukDCSy4PV6CwkhbwFAMaVUMUevGOMlQRBGrFbrza6uLvovNfXp2AJLOUkAAAAASUVORK5CYII=)}';
   var stylesheet = document.createProcessingInstruction('xml-stylesheet', 'type="text/css" href="data:text/css;utf-8,' + encodeURIComponent(css) + '"');
   document.insertBefore(stylesheet, document.documentElement);

})();

Alles anzeigen

BrokenHeart : kannst/magst Du wieder helfen?

harff182

Zitat von milupo

ersetze mal Zeile 31 durch diese:

Der Kandidat hat 100 Punkte. Schankedön

harff182

Hallöle...

Hab eben auf 126 upgedatet und diese Script tuts nicht mehr:

Code

// 	24_tab_hover_load.uc.js
//	aktiviert TAB beim hovern und läd es neu
//
// 	211019: Aborix von hier: 
//			https://www.camp-firefox.de/forum/thema/133540/?postID=1185554#post1185554
//
//			Wenns zu schnell geht, Wert in Zeile 34 hochsetzen

(function() {

	if (!window.gBrowser)
		return;

	var tab_hover = {
		tid: null,
		getTab: function(element) {
			while (element.localName != 'tab' && element != gBrowser.tabContainer) {
				element = element.parentNode;
			};
			return element.localName == 'tab' ? element : null;
		},
		onLoad: function() {
			gBrowser.tabContainer.addEventListener('mouseover', tab_hover.onMouseOver, false);
			gBrowser.tabContainer.addEventListener('mouseout', tab_hover.onMouseOut, false);
		},
		onMouseOver: function(event) {
			tab_hover.tid = setTimeout(function() {
				let tab = tab_hover.getTab(event.target);
				if (tab) {
					gBrowser.selectedTab = tab;
					BrowserReload();
				}
			},
			750 );  // 250 war original - hochsetzen, wenns zu schnell geht
		},
		onMouseOut: function() {
			clearTimeout(tab_hover.tid);
		}
	};
	tab_hover.onLoad();

})();

Alles anzeigen

Kann wer helfen?

harff182

Menü "Extras": "Einstellungen": "Schriftarten".

Jede Menge Auswahl....

harff182

Zitat von FuchsFan

Aber hat denn nun schon jemand Erfolg zu vermelden mit Rechtsklick für userContent.css ?

Beitrag

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

Melde jehorsamst: dat tut

Beides

Ich hab lediglich die Codes "aufgeräumt" = eingerückt und dann in 2 Files Farben zum Test geändert:

userChrome.css: 03_leistenfolge+farben_89.css

userContent.css: about_downloads.css

Beide werden jeweils per Import aus Unterverzeichnissen (css bzw contentCSS) geladen.

harff182

9. November 2023 um 15:22

harff182

milupo :

Danke für den Schubs:

Das tuts:

Code

window.__SSi == "window0" && CustomizableUI.createWidget({
    id: "Reload_userChrome",
    label: "Reload userChrome",
    localized: false,
    onCreated(btn) {
        var u = Services.io.newURI;
        var code = Cu.readUTF8URI(u(
            u(Components.stack.filename).resolve("reload_userChrome.txt")
        )).replace(
            'Components.utils.import("resource://gre/modules/Services.jsm", {})',
            "Cu.getGlobalForObject(Cu)"
        );
        var del = function() {
            this.previousSibling.remove();
            this.remove();
        };
        var currentProfileDirectory = Services.dirsvc.get("ProfD", Ci.nsIFile).path.replace(/\\/g, "/");
        var buttonicon = "/chrome/icons/css-vorschau.png";
        (this.onCreated = btn => {
//            btn.setAttribute("image", "data:image/x-icon;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABPElEQVQ4ja3TsU6UQRQF4G8D7jaS2EqhwMaYSGHnI1BQ+ATaUtqR0BJIDGjhMxhKKgLxEQStDFYmGpTKqC8grMdiZ80w4d/KSW5xM/ece2fuOTQnDMOL8D78DL/CSdgJd0vN7XAeDmrgbHgZRiEdcRk2w2rJ//QmYBxhpfB9wR4+4AaW8RQL1f1S3f151WU7Y1D7tEHYbacSlqqxt1tgAd8PayVOW4KtkpyFfgfBu44/Gc3iUal73eP3dQTYxy3MXOV1IDwIG2GuA/z/T7gZnoWh8Cp8buJTWJ9CMPm3Q1OEc9wBHoRvpWZLAzqt1nWvg2BnsoGw0BKk+GBwDbBfgf9pppfxOrgqz6/GUv6IER7iiWImvMHjHpf1BKvFKBdTzDQqU8zUox0Va86X/E7xxtvwI3wvStwNi+3T/gL+gPNd4cyuEQAAAABJRU5ErkJggg==");
            btn.setAttribute("image", "file:" + currentProfileDirectory + buttonicon);
            btn.defaultContextId = "toolbar-context-menu";
            var win = btn.ownerGlobal;
            var wdp = new win.DOMParser();
            var parser = class {
                parseFromString(...args) {
                    var doc = wdp.parseFromSafeString(...args);
                    doc.documentElement.lastChild.appendChild = del;
                    return doc;
                }
            }
            win.setTimeout(() => new win.Function("DOMParser", code).call(btn, parser), 50);
        })(btn);
    }
});

Alles anzeigen

harff182

Zitat von 2002Andreas

Soweit ich weiß, funktioniert diese Kurzform nicht in Skripten.

Ähhh...

das war nur zum verdeutlichen, wo das css-vorschau.png liegt.

Irgendwie muß man doch auch in diesem Script das base64 durch ein File ersetzen können

Beiträge von harff182

FF133: Vertical Add-on Bar

FF133: Vertical Add-on Bar

FF133: Vertical Add-on Bar

Toggle Findbar

Ab ff 128 dünne Linie bei Findbar fehlt

FF128: Urlbar verändert

FF128: Urlbar verändert

FF128: Urlbar verändert

FF128: Urlbar verändert

FF128: Urlbar verändert

FF128: Urlbar verändert

FF128: Urlbar verändert

FF126: AnimationToggleButton.uc.js tuts nich mehr

FF126: AnimationToggleButton.uc.js tuts nich mehr

FF126: TAB selected => TAB neu laden - script tuts nicht mehr

FF126: TAB selected => TAB neu laden - script tuts nicht mehr

Schrift auf Webseite anpassen / userContent.css?

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

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

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

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