Bestimmte Favicons nicht in Lesezeichen-Symbolleiste

Arsen

Hallo,

bestimmte Favicons werden in der Lesezeichen-Symbolleiste nicht angezeigt. Für die Anzeige des Favicons in der Adressleiste, nutze ich das Script favicon_in_urlbar.uc.js. Das funktioniert. Auch im Fehlerbehebungsmodus wird das Favicon in der Lesezeichenleiste nicht angezeigt. Woran kann das liegen?

AngelOfDarkness

Von welchen bestimmten Seiten werden denn keine Favicons dargestellt?

2002Andreas

Zitat von Arsen

Woran kann das liegen?

Das kann ich dir leider nicht erklären, aber für die Seite bestätigen. In chrome wird das Icon gespeichert, im Fx nicht.

Möglichkeit für dich, es mit einem eigenen CSS-Code einzublenden, z.B. so:

CSS

#PlacesToolbarItems > toolbarbutton[label="Darts 1 | Dart News | Dart Technik | Training | Mental"] > image {
  display: none !important;	
}

#PlacesToolbarItems > toolbarbutton[label="Darts 1 | Dart News | Dart Technik | Training | Mental"]::before {
  margin-right: -2px !important; 
  margin-left: 0px !important;
  content: '' !important;
  display: block !important;
  width: 19px !important;
  height: 15px !important;
  background-image: url("https://www.darts1.de/bilder/apple-touch-icon.png") !important;
  background-repeat: no-repeat !important;
  background-position: 0px 0px !important;
  background-size: 15px 15px !important;
}

Alles anzeigen

Arsen

In meinem Beispiel geht es um Dart1, ich dachte, das geht aus den Bildern hervor. Aber es betrifft noch ein paar andere.

Zitat von 2002Andreas

Möglichkeit für dich, es mit einem eigenen CSS-Code einzublenden, z.B. so:

Erstmal danke aber das ändert hier leider nichts.

2002Andreas

Zitat von Arsen

das ändert hier leider nichts.

In Zeile 1 + 5 muss der genaue Name von deinem Lesezeichen unter: label eingetragen sein.

2002Andreas

Zitat von Arsen

das ändert hier leider nichts.

Dann teste es bitte mal so:

CSS

.bookmark-item[label*="Darts"] :is(img,image) {
	content: url("https://www.darts1.de/bilder/favicon.ico") !important;
}

Das passt dann auch für alle Unterseiten der Webseite.

Sören Hentzschel

Zitat von Arsen

ich dachte, das geht aus den Bildern hervor.

Selbst, wenn es aus Bildern hervor geht: Ich für meinen Teil werde mir nicht aus Screenshots etwas abtippen, damit ich helfen „darf”.

Zitat von Arsen

In meinem Beispiel geht es um Dart1

Der Link funktioniert bei mir in keinem Browser. Überall nur eine komplett weiße Seite. Getestet mit Firefox, Chrome und Safari.

2002Andreas

Zitat von Sören Hentzschel

Der Link funktioniert bei mir in keinem Browser.

Ergibt hier:

Sören Hentzschel

Da es bei mir wie gesagt in drei verschiedenen Browsern mit sogar drei verschiedenen Browser-Engines nicht funktioniert, liegt das Problem zumindest mal sicher nicht an meiner Firefox-Konfiguration. Und mit anderen Websites habe ich auch kein Problem. Da der Themenstarter ja von mehreren betroffenen Websites spricht, mag er aber ja vielleicht noch eine weitere Seite nennen.

milupo

Hier im 161 Nightly erscheint die Seite und es gibt auch ein Icon in der Lesezeichen-Symbolleiste. Das Icon ist aber sehr dunkel gehalten und ich habe einen dunkelgrünen Hintergrund für die Leiste, sodass das Icon schlecht sichtbar und erkennbar ist. Nichtsdestotrotz, es gibt eins.

2002Andreas

Zitat von milupo

Nichtsdestotrotz, es gibt eins.

milupo

Das könnte sein, dass es die Weltkugel ist, wie gesagt, bei mir schlecht sichtbar.

Arsen

Zitat von 2002Andreas

Das passt dann auch für alle Unterseiten der Webseite.

Leider ändert das bei mir nichts.

Zitat von Sören Hentzschel

Der Link funktioniert bei mir in keinem Browser.

Das ist merkwürdig. Bei mir in Fx, Vivaldi und chromium. https://www.darts1.de/

Zitat von Sören Hentzschel

mag er aber ja vielleicht noch eine weitere Seite nennen.

Ja, er mag. https://pluto.tv/gsa/watch/live-tv/ . Bei der Santander Bank wars auch so, aber seit die Openbank heissen hat das sich erledigt.

2002Andreas

Zitat von Arsen

Leider ändert das bei mir nichts.

Verstehe ich nicht.

Wo hast du den Code denn eingetragen?

Zitat von Arsen

Ja, er mag

Arsen

Zitat von 2002Andreas

Wo hast du den Code denn eingetragen?

Am Anfang der userChrome.css

2002Andreas

Zitat von Arsen

Am Anfang der userChrome.css

Dann poste die doch bitte mal.

Das funktioniert einwandfrei in einem neuen Profil:

Arsen

Ok, mach ich.

CSS

.bookmark-item[label*="Darts"] :is(img,image) {
	content: url("https://www.darts1.de/bilder/favicon.ico") !important;
}

/* Eckige statt abgerundete Elemente */
   :root {
     --border-radius-xsmall: 0 !important;
     --border-radius-small: 0 !important;
     --border-radius-medium: 0 !important;
     --border-radius-large: 0 !important;
     --border-radius-xlarge: 4px !important;
     --border-radius-circle: 0 !important;
   }


/* Entfernung "Barrierefreiheit-Eigenschaften untersuchen" aus Seiten-Kontextmenue */

#context-inspect-a11y {
  display: none !important;
}

/* ---------------------------------------------------- */
/* Vergrößertes Lautsprecher-Symbol in einem Medien-Tab */
/* ---------------------------------------------------- */

.tab-audio-button  {
  fill: black !important;
  transform: scale(1.6, 1.6) !important;
}

/*Adress- und Suchleiste - Rahmen farblich einstellen*/
#urlbar-input::selection {
  color: white !important;
  background: #083469 !important;
}
#urlbar {
	--toolbar-field-border-color-focus: #083469 !important;
}

#searchbar-new {
   --toolbar-field-border-color-focus: none !important;
}

#searchbar-new > div:focus-within {
  outline: 2px solid #083469 !important;
}
::selection {
  color: #ffffff !important;
  background-color: #ff0000 !important;
}
/*Abstände der Einträge in Menüs wieder schmaler*/
menupopup > menuitem,
menupopup > menu {
   padding-block: 1px !important;
   padding-inline-start: 14px !important;
   font-size: 13px !important;
}

/*Anpassung der Schriftgrösse Menüleiste */
#main-menubar > menu {
   font-size: 14px !important;
}

/*Mehrzeilige Lesezeichen-Symbolleiste*/
#PersonalToolbar {
   max-height: calc(19px * 3) !important;
}

#personal-bookmarks,
#PlacesToolbar,
#PlacesToolbar > hbox {
   display: block !important;
}

#PersonalToolbar toolbarbutton {
   min-height: 19px !important;
   max-height: 19px !important;
}

#PlacesToolbarItems {
   max-height: 57px!important;
   display: flex!important;
   flex-wrap: wrap!important;
   overflow-x: visible!important;
   overflow-y: auto!important;
}

#PlacesToolbar,
#PersonalToolbar > scrollbar {
   -moz-window-dragging: no-drag !important;
}

#PlacesToolbar #PlacesChevron {
   display: none !important;
}


@media not (-moz-bool-pref: 'sidebar.verticalTabs') {
  .tabbrowser-tab[fadein]:not([pinned]) {
  	flex: 0 1 auto !important;
    max-width: 150px !important;

    tab-group[collapsed] > & {
      min-width: 0 !important;
      max-width: 0 !important;
    }
  }
}

/*tabbreite an tabtext anpassen*/
.tabbrowser-tab {
  &:not([pinned]) {
   flex: 0 0 auto !important;
   max-width: 150px !important;
  }
}

.tabbrowser-tab > .tab-stack > .tab-content > .tab-close-button {
  padding-left: 5px !important;
  margin-left: 1px !important;
  width: unset !important;
}

.tab-close-button {
  display: flex !important;
}

.tab-close-button {
  display: flex !important;
}




/*Tab schließen Button HG bei hover (background) und  x (fill) je nach Farbe*/
.tab-close-button[fadein]:hover {
   fill: white !important;
   background: #70100c !important;
}

/*Keine Einblendungen bei Hover über Tab*/
#tab-preview-panel {
   display: none !important;
}

/*Eckige Tabs ohne HG Schatten*/
.tab-background {
   box-shadow: none !important;
   border-radius: 2px !important;
}

/*Aktiver Tab HG Farbeinstellung*/
.tabbrowser-tab[visuallyselected] .tab-background {
   background: #083469 !important;
}

/*Neuer Tab Button ausblenden*/
#TabsToolbar #tabs-newtab-button {
  display: none !important;
}

/*Neuer Tab ausblenden*/
.tabbrowser-tab[label="Neuer Tab"] {
  display: none !important;
}

/* Visuelle Anzeige des Seitenladezustands in der Kopfzeile der Tabs*/
/* progress-bar page loading in the tab header */
.tabbrowser-tab:not([usercontextid]) > .tab-stack > .tab-background > .tab-context-line {
   opacity: 0;
   background-color: #28B70D;
   height: 3px;
}

.tabbrowser-tab:is([busy], [progress]) > .tab-stack > .tab-background > .tab-context-line {
   opacity: 1;
   transform-origin: left center;
   animation: 2s ease-in-out scale;
}

.tabbrowser-tab[bursting] > .tab-stack > .tab-background > .tab-context-line {
   transition: opacity 2s ease-out;
}

@keyframes scale {
   0% {transform: scaleX(0);}
   100% {transform: scaleX(1);}
}

#TabsToolbar {
    position: absolute;
    display: block;
    bottom: 0;
    width: 100vw;
}

#navigator-toolbox {
    position: relative;
    padding-bottom: calc( var(--tab-min-height) + 8px );
}

/* Tableiste unter der Lesezeichen-Symbolleiste */
#TabsToolbar {
     order: 100 !important;
}  


/* CSS für Bookmark Count Script*/
#bookmarksMenuPopup > menu > label,
	#bookmarksMenuPopup > menu > menupopup > menu > label,
	#bookmarksMenuPopup > menu > menupopup > menu > menupopup > menu > label,
	#PlacesToolbarItems > .bookmark-item > menupopup > menu > label {
		display: flex !important;
		justify-content: space-between !important;
	}
	#bookmarksMenuPopup > menu::after,
	#bookmarksMenuPopup > menu > menupopup > menu::after,
	#bookmarksMenuPopup > menu > menupopup > menu > menupopup > menu::after,
	#PlacesToolbarItems > .bookmark-item > menupopup > menu::after {
		margin-inline: 0 !important;
	}

/*Abstand zwischen linken Bildrand und erstem Tab*/	
.tabbrowser-tab:first-child {
  margin-left: 4px !important;
}

Alles anzeigen

2002Andreas

Zitat von Arsen

Ok, mach ich.

Funktioniert hier einwandfrei damit:

2002Andreas

Hast du hier den Namen entfernt?

Dann funktioniert das natürlich nicht.
Du musst "Darts" eintragen, und dann diesen Code nutzen:

CSS

.bookmark-item > .toolbarbutton-text {
  display: none !important;
}

.bookmark-item[label*="Darts"] :is(img,image) {
	content: url("https://www.darts1.de/bilder/favicon.ico") !important;
}

Der obere Teil blendet den Text dann wieder aus.

Arsen

Tja, dann ist das halt so. Werde noch fummeln. Mal eine generelle Frage: Wenn ich den FX im Fehlerbehebungsmodus starte, haben Addons, Skripte und CSS Code keinen Einfluss mehr auf den FX, richtig?

Bestimmte Favicons nicht in Lesezeichen-Symbolleiste

Ähnliche Themen

Einstellungen bei GMX nicht mehr erreichbar

extra_config_menu in Betterbird funktioniert nicht mehr

Bestimmte HTTPS Seiten können nicht geladen werden

Ich kann bestimmte Website nicht aufrufen

Flackern oberer Bildschirmrand beim Programmstart Firefox Desktop in Windows 11

Persistente Interaktionsanomalie zwischen Multi-Profil-Container-Instanzen, erweiterten Cookie-Isolationsregeln und seitenübergreifenden Autorisierungsabläufen – Bitte um Einschätzung der Ursache und möglicher Workarounds