Beiträge von harff182

harff182

Zitat von Mitleser

Da .bookmark-item[label$=".txt"] :is(img, image) betriebssystemunabhängig funktioniert (war ja eigentlich klar), ist es wohl so

Danke, hat nach meiner Aufräumaktion mein Problem gelöst.

harff182

Zitat von Horstmann

Das wäre dann nur für die Icons im Popup aus deinem Screenshot.

Das Popup ist aus der Lesezeichenleiste, nicht dem Menü...

Zitat

Ansonsten hattest du die fast gleiche Frage schon mal gestellt, wenn ich mich nicht täusche

Ähnlich, aber ein anderer Fall.

Ich werd mir aber meine Lösung von da mal ansehen und das CSS versuchen aufzuräumen und überarbeiten.

guuts nächtle..

harff182

Zitat von 2002Andreas

Teste, und ersetz mal:

Bleibt wie es ist.

harff182

Zitat von Horstmann

Screenshots wären prima.

Zitat von Horstmann

Und der seltsame Code hat mal funktioniert, wo kommt der denn her?

CSS

/* 	35_icons_in_Ordnern.css
	Eigene Icons für ausgewählte Bookmarks und im Ordner versteckt dann von andy hier
	https://www.camp-firefox.de/forum/thema/128964/?postID=1135564#post1135564
	
	per "wildcard" siehe unten !!! ;)
	
	Ergänzungen/Erklärungen von Sören hier:https://www.camp-firefox.de/forum/thema/133070
	
	210907: Anpassungen für FF92: ersetze "display: none" durch "visibility: hidden"
*/

/* APOD */
.bookmark-item[label$="APOD-E"] > image,
.bookmark-item[label$="APOD-E"] > .menu-iconic-left {
    visibility: hidden!important;
}

.bookmark-item[label$="APOD-E"] {
    background-image: url('../icons/apod.png') !important; 
    padding-left: 41px !important;
    background-repeat: no-repeat !important;
    background-size: 16px !important; 
    background-position: 0px 2px !important; 	
}

/* alle perrypedia-Files mit perrypedia.png bestücken - klappt auch */
.bookmark-item[label$="Perrypedia"] > image,
.bookmark-item[label$="Perrypedia"] > .menu-iconic-left {
    visibility: hidden! important;
}

.bookmark-item[label$="Perrypedia"] {
	background-image: url('../icons/perrypedia.png') !important; 
    padding-left: 41px !important;
    background-repeat: no-repeat !important;
    background-size: 16px !important; 
    background-position: 0px 2px !important; 
}

/* alle Spoiler-Files mit Perry.png bestücken - klappt auch */
.bookmark-item[label^="Perry Rhodan"] > image,
.bookmark-item[label^="Perry Rhodan"] > .menu-iconic-left {
    visibility: hidden! important;
}

.bookmark-item[label^="Perry Rhodan"] {
	background-image: url('../icons/Perry.png') !important; 
    padding-left: 41px !important;
    background-repeat: no-repeat !important;
    background-size: 16px !important; 
    background-position: 0px 2px !important; 
}

.bookmark-item[label^="Spoiler"] > image,
.bookmark-item[label^="Spoiler"] > .menu-iconic-left {
    visibility: hidden! important;
}

.bookmark-item[label^="Spoiler"] {
	background-image: url('../icons/Perry.png') !important; 
    padding-left: 41px !important;
    background-repeat: no-repeat !important;
    background-size: 16px !important; 
    background-position: 0px 2px !important; 
}

/* Dreslough.com - mein Avatar */
.bookmark-item[label$="mein_Avatar"] > image,
.bookmark-item[label$="mein_Avatar"] > .menu-iconic-left {
    visibility: hidden!important;
}

.bookmark-item[label$="mein_Avatar"] {
    background-image: url('../icons/ERF2-avatar.png') !important; 
    padding-left: 41px !important;
    background-repeat: no-repeat !important;
    background-size: 16px !important; 
    background-position: 0px 2px !important; 
}

/* alle Text-Files mit text.png bestücken */
.bookmark-item[label$=".txt"] > image,
.bookmark-item[label$=".txt"] > .menu-iconic-left {
    visibility: hidden !important;
}

.bookmark-item[label$=".txt"] {
	background-image: url('../icons/text.png') !important; 
    padding-left: 41px !important;
    background-repeat: no-repeat !important;
    background-size: 16px !important; 
    background-position: 0px 2px !important; 
}

/* Bundestagswahlen - Landeshauptstadt Düsseldorf */
.bookmark-item[label="Bundestagswahlen - Landeshauptstadt Düsseldorf"] > image,
.bookmark-item[label="Bundestagswahlen - Landeshauptstadt Düsseldorf"] > .menu-iconic-left {
    visibility: hidden!important;
}

.bookmark-item[label="Bundestagswahlen - Landeshauptstadt Düsseldorf"] {
	background-image: url('../icons/ddorf16.png') !important; 
    padding-left: 41px !important;
    background-repeat: no-repeat !important;
    background-size: 16px !important; 
    background-position: 0x 2px !important;
}

/* Terminvereinbarungen - Landeshauptstadt Düsseldorf */
.bookmark-item[label="Terminvereinbarung"] > image,
.bookmark-item[label="Terminvereinbarung"] > .menu-iconic-left {
    visibility: hidden!important;
}

.bookmark-item[label="Terminvereinbarung"] {
	background-image: url('../icons/ddorf16.png') !important; 
    padding-left: 41px !important;
    background-repeat: no-repeat !important;
    background-size: 16px !important; 
    background-position: 0px 2px !important;
}

/* Landeshauptstadt Düsseldorf anfangs*/
/* neeeee.... so geht das nu doch nich: genauer hingucken bzw benennen*/

.bookmark-item[label*="Landeshauptstadt Düsseldorf"] > image,
.bookmark-item[label*="Landeshauptstadt Düsseldorf"] > .menu-iconic-left {
    visibility: hidden!important;
}

.bookmark-item[label*="Landeshauptstadt Düsseldorf"] {
	background-image: url('../icons/ddorf16.png') !important; 
    padding-left: 41px !important;
    background-repeat: no-repeat !important;
    background-size: 16px !important; 
    background-position: 0px 2px !important; 
}

/* AWISTA irgendwo */
.bookmark-item[label*="AWISTA"] > image,
.bookmark-item[label*="AWISTA"] > .menu-iconic-left {
    visibility: hidden!important;
}

.bookmark-item[label*="AWISTA"] {
	background-image: url('../icons/awista.png') !important; 
    padding-left: 41px !important; 
    background-repeat: no-repeat !important;
    background-size: 16px !important; 
    background-position: 0px 2px !important; /*x y*/
}

/* Seniorenwohnen irgendwo */
.bookmark-item[label*="Seniorenwohnen"] > image,
.bookmark-item[label*="Seniorenwohnen"] > .menu-iconic-left {
    visibility: hidden!important;
}

.bookmark-item[label*="Seniorenwohnen"] {
	background-image: url('../icons/pflege.png') !important; 
    padding-left: 41px !important; 
    background-repeat: no-repeat !important;
    background-size: 16px !important; 
    background-position: 0px 2px !important; /*x y*/
}

/*	Mein Nachfrage bezüglich "wildcards":
	https://www.camp-firefox.de/forum/thema/132857
*/

/*	alle PDF-Files mit pdf.png bestücken */
/* 	Wenn der Bookmarknamen auf .pdf endet: Infoblatt zum Winterdienst.pdf */
.bookmark-item[label$=".pdf"] > image,
.bookmark-item[label$=".pdf"] > .menu-iconic-left {
    visibility: hidden!important;
}

.bookmark-item[label$=".pdf"] {
	background-image: url('../icons/pdf.png') !important; 
    padding-left: 41px !important;
    background-repeat: no-repeat !important;
    background-size: 16px !important; 
    background-position: 0px 2px !important; /*x y*/
}


/* alle OO-Files mit Open-Office-32.png bestücken - klappt auch */
.bookmark-item[label$=".ods"] > image,
.bookmark-item[label$=".ods"] > .menu-iconic-left {
    visibility: hidden!important;
}

.bookmark-item[label$=".ods"] {
	background-image: url('../icons/Open-Office-32.png') !important; 
    padding-left: 41px !important;
    background-repeat: no-repeat !important;
    background-size: 16px !important; 
    background-position: 0px 2px !important; /*x y*/
}

/*	alle PNG-Files mit gfx.png bestücken */
/* 	Wenn der Bookmarknamen auf .png endet */
.bookmark-item[label$=".png"] > image,
.bookmark-item[label$=".png"] > .menu-iconic-left {
    visibility: hidden!important;
}

.bookmark-item[label$=".png"] {
	background-image: url('../icons/gfx.png') !important; 
    padding-left: 41px !important;
    background-repeat: no-repeat !important;
    background-size: 16px !important; 
    background-position: 0px 2px !important; /*x y*/
}

/*	alle jpg-Files mit gfx.png bestücken */
/* 	Wenn der Bookmarknamen auf .jpg endet */
.bookmark-item[label$=".jpg"] > image,
.bookmark-item[label$=".jpg"] > .menu-iconic-left {
    visibility: hidden!important;
}

.bookmark-item[label$=".jpg"] {
	background-image: url('../icons/gfx.png') !important; 
    padding-left: 41px !important;
    background-repeat: no-repeat !important;
    background-size: 16px !important; 
    background-position: 0px 2px !important; /*x y*/
}

Alles anzeigen

harff182

Ich habe einige Icons nach folgendem Schema gesetzt:

CSS

/* alle Text-Files mit text.png bestücken */
.bookmark-item[label$=".txt"] > image,
.bookmark-item[label$=".txt"] > .menu-iconic-left {
    visibility: hidden !important;
}

.bookmark-item[label$=".txt"] {
	background-image: url('../icons/text.png') !important; 
    padding-left: 41px !important;
    background-repeat: no-repeat !important;
    background-size: 16px !important; 
    background-position: 0px 2px !important; 
}

Alles anzeigen

Nun seh ich nur die "Weltkugel".

Was muß ich ändern?

harff182

Ich hab mir die beiden Varianten mal angesehen und wie/wo sie auftauchen und werde bei meiner aktuellen Leiste bleiben.

harff182

Hilft auch nicht.

Ich lass mir das Heute Abend mal durch den Kopf gehen, ob und welche V-Leiste ich neu einbaue.

Guuts nächtle...

harff182

Zitat von grisu2099

Das könnte des Rätsels Lösung sein. Setzt zum Testen das z-index per CSS mal auf 3...

Wo/wie?

harff182

Zitat von grisu2099

Komisch - hier funktioniert das Skript einwandfrei - in der Release und im Nightly...

Auch in der 143.0.1 ?

harff182

Zitat von 2002Andreas

Die in Beitrag 3 verlinkte Version hingegen funktioniert einwandfrei hier.

Danke für die Info...

Das ist aber eine Variante von Mitleser - die will ich später erst ausprobieren.

harff182

Zitat von grisu2099

Stimmt nicht! Auch diese Version funktioniert bis (mindestens) 145...

Ich hab mal versucht für mich anzupassen:

JavaScript

//  31_vertikalbar_grisu.uc.js

//  grisu:  https://www.camp-firefox.de/forum/thema/139857/?postID=1279636#post1279636


(	(function() {

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

	/*******************************************************************************/
		// Config-Bereich

		// Background Color
		var vb_bg_color = 'rgb(40,40,42)';
		// Border Color
		var vb_border_color = 'rgb(0,128,0)';
		// Number of columns
		var vb_cols = 1;
		// Sichtbarkeit beim Start (0-> Aus	1-> An)
		var vb_visibilityOnStart = 1;

		// Button Icon, if Toolbar is visible
		// vb_isVisibleImage = 'url("file:///F:/ICONS/FF/pin-grün.png")';
		vb_isVisibleImage = 'url("file:///D:/FF_icons/pin30_yellow.jpg")';
		// Button Icon, if Toolbar is hidden
		// vb_isHiddenImage = 'url("file:///F:/ICONS/FF/pin-rot.png")';
		vb_isHiddenImage = 'url("file:///D:/FF_icons/pin30_red.jpg")';

	/*******************************************************************************/


		var vb_h = window.outerHeight;
		var vb_minH = vb_h/20;
		var vb_maxH = vb_h/2;
		var vb_width = 32;
		var vb_totalwidth = vb_cols * vb_width;

		var vb_style = '\
			box-sizing: content-box !important; \
			background-color: ' + vb_bg_color + ' !important; \
			min-width: ' + vb_totalwidth + 'px !important; \
			max-width: ' + vb_totalwidth + 'px !important; \
			min-height: ' + vb_minH + 'px !important; \
			max-height: ' + vb_maxH + 'px !important; \
			position: absolute !important; \
			right: 60px !important; \
			padding: 5px 0 !important; \
			border: 2px ridge ' + vb_border_color + '; \
			border-radius: 10px !important; \
			z-index: 3 !important; \
		';

			var vb_element = document.getElementById('navigator-toolbox');
			var vb_toolbar = document.createElement('toolbar');
//			vb_toolbar.id = 'fp-toolbar';
			vb_toolbar.id = 'grisu-toolbar';
			vb_toolbar.setAttribute('customizable', true);
			vb_toolbar.setAttribute('mode', 'icons');
			vb_toolbar.setAttribute('style', vb_style);    
			vb_element.appendChild( vb_toolbar );
			vb_toolbar.setAttribute('collapsed', false);        


//			CustomizableUI.registerArea( 'fp-toolbar' , { legacy: true } );
			CustomizableUI.registerArea( 'grisu-toolbar' , { legacy: true } );
			CustomizableUI.registerToolbarNode(vb_toolbar);


		setTimeout(function(){ 
			var tmp_positionInfo = vb_toolbar.getBoundingClientRect();
			var tmp_height = tmp_positionInfo.height;
			var vb_ptop = ( vb_h - tmp_height ) / 2; 
			vb_toolbar.style.top = vb_ptop + 'px';

			if( vb_visibilityOnStart == 0 ) {
				vb_toolbar.setAttribute('collapsed', true);
			}
		}, 500);


		try {
			CustomizableUI.createWidget({
//				id: "fp-toggle-toolbar",
				id: "grisu-toggle-toolbar",
				defaultArea: CustomizableUI.AREA_NAVBAR,
				removable: true,
				label: "Vertical Toolbar",
				tooltiptext: "Vertical Toolbar",
							onClick: function() {
//					var node = document.getElementById('fp-toolbar');
					var node = document.getElementById('grisu-toolbar');
					var isCollapsed = node.getAttribute('collapsed');
					if( isCollapsed == 'false' ) {
						node.setAttribute( 'collapsed' , 'true' );
						node.style.visibility = 'collapse';
						document.getElementById(this.id).style.listStyleImage = vb_isHiddenImage;
					} else {
						node.setAttribute( 'collapsed' , 'false' );
						node.style.visibility = 'visible';
						document.getElementById(this.id).style.listStyleImage = vb_isVisibleImage;
					}
				},
				onCreated: function(aNode) {
					if( vb_visibilityOnStart == 1 ) {
						aNode.style.listStyleImage = vb_isVisibleImage;
					} else {
						aNode.style.listStyleImage = vb_isHiddenImage;
					}
					return aNode;
				}
			});
		} catch (e) {
			Components.utils.reportError(e);
		};
	})();

Alles anzeigen

Magst Du mal drübergucken?

Es taucht nirgendwo was auf

harff182

grisu2099 :

Du hattest in einem älteren Thread einen Code für eine Vertikale Leiste gepostet:

Beitrag

RE: External-Aplication.uc.js als vertikale Buttonbar links unter TabsToolbar möglich?

Ich bin nicht sicher, ob ich dich richtig verstanden habe...

Aber, warum nimmst du ein Script für eine horizontale Leiste, wenn du eine vertikale Leiste möchtest?

Hier ein Script für eine vertikale Leiste:

(Quelltext, 119 Zeilen)

Die Position, an der die Leiste erscheint, ist im Script einstellbar.

grisu2099

4. Dezember 2021 um 22:08

Gibts zu der Leiste hier im Forum einen Thread?

harff182

Du hast doch eine Lesezeichenleiste, ich würde den Tip aus #7 unterstützen, hab ich hier auch.

harff182

Könnte es sein, daß Zeile 10 aus dem Script das Problem verursacht?

Zitat von FuchsFan

const { FileUtils } = ChromeUtils.importESModule('resource://gre/modules/FileUtils.sys.mjs');

harff182

Zitat von Mira_Belle

harff182
Oder, wie in diesem Fall, weil es ja im Grunde nur um "Farbe" geht, die Symbole einzufärben.
Z.B. .bookmark-item[container] { fill: red !important; }

Äh... Nö... , siehe #4

Ich wollte/will mein eigenes Icon wiederhaben, und das habbich ja auch

harff182

Ich habe mich in den letzten Stunden dazu entschlossen, mein FF-Layout auf das für mich wirklich Notwendige zurückzubauen und auf einige "Nice to have", so auch diese Zusatzleiste, zu verzichten.

Danke für Eure Beiträge und bitte nicht böse sein, wenn ich Kopfschmerzen verursacht habe.

Mal abwarten ob ich noch durch FF143 verursachte Baustellen finde, die ich nicht selber beheben kann.

bis denne...

harff182

Alles wieder hübsch, Danke

harff182

Zitat von 2002Andreas

In Zeile 7 musst du den kompl. Pfad angeben,nicht die Kurzform.

Kannst Du bitte mal einBeispiel geben?

harff182

Zitat von 2002Andreas

Hast du Beitrag Nr. 4 gelesen und mal getestet?

Ja, keine Änderung...

harff182

Kommando zurück...

Es geht um die Zuweisung des Standard-Folder-Icons in den Unterordnern der Lesezeichen-Symbolleiste.

Aktueller Code:

CSS

/*	31_standardfoldericon.css*/
/* 	mein Standard-Ordner-Icon festlegen */

treechildren::-moz-tree-image(container),
.bookmark-item[container="true"] {
	list-style-image: url('../icons/folder_10.png') !important;
}

Wird aber in keinem Unterordner angezeigt

Beiträge von harff182

"visibility: hidden" ohne Funktion

"visibility: hidden" ohne Funktion

"visibility: hidden" ohne Funktion

"visibility: hidden" ohne Funktion

"visibility: hidden" ohne Funktion

Vertikale Zusatzleiste

Vertikale Zusatzleiste

Vertikale Zusatzleiste

Vertikale Zusatzleiste

Vertikale Zusatzleiste

Vertikale Zusatzleiste

Vertikale Zusatzleiste

RE: External-Aplication.uc.js als vertikale Buttonbar links unter TabsToolbar möglich?

drei Strich Menü > Erweiterung, warum der Umweg ?

Script saveTo.uc.js / im Popup werden die Icon nicht mehr angezeigt

FF143 - Foldericons in Unterordnern werden nicht mehr zugewiesen

FF143 - Separatoren zu dick

FF143 - Foldericons in Unterordnern werden nicht mehr zugewiesen

FF143 - Foldericons in Unterordnern werden nicht mehr zugewiesen

FF143 - Separatoren zu dick

FF143 - Foldericons in Unterordnern werden nicht mehr zugewiesen