Benachrichtigung im Browser Tab

jekazaa · February 5, 2016 at 4:18 PM

Leider bin ich mit mein Anliegen hier nicht fündig geworden:(

Es geht um die Benachrichtigung im Browser Tab. Wenn neue Beiträge geschrieben werden sieht der User die Anzahl von Beiträgen in seinem Browser Tab. Bei mir ist es so, dass mein Favicon die gleiche Farbe wie die von Benachrichtigung im Browser Tab hat.
Gib es eine Möglichkeit die Hintergrundfarbe im Tab per CSS zu ändern? Ich wüsste jetzt leider nicht wie welche Classe ich für den Tab anpassen soll.

Vielen Dank im voraus!

Dr.Doom · May 4, 2016 at 4:43 PM

wir wolle auch das favicon ändern, das ein data-img generiert wird ist soweit ersichtlich...

also, es wird ein daten-bild mit dem favicon hergestellt. wo man das ändern kann das dieses badge einfach eine andere farbe bekommt

**Joshua Rüsweg** · May 4, 2016 at 4:53 PM Official Post

Das geht nur mit JavaScript-Änderungen bzw. nachträglichen Anpassungen (was nicht wirklich sauber wäre).

In der Datei WCF.User.js müsstest du die Zeile 437 bis 440 anpassen (in etwa so):

JavaScript

this._favico = new Favico({
				animation: 'none',
				type: 'circle', 
				bgColor : '#2ecc71',
    				textColor : '#fff',
			});

Und dementsprechend alles nachher ersetzen (minified, merged-Files) und bei jedem Update die Änderung wiederholen.

Dr.Doom · May 6, 2016 at 1:26 PM

Was muss da alles genau eingefügt werden..." hat so erstmal nicht geklappt zum beispiel wie das genau mit dem minified. merged sein muss. konnte dazu aber wenig in erfahrung bringen

glaub das hier ist mit minified und merged gemeint: /**
* Create new favico instance
* @param {Object} Options
* @return {Object} Favico object
* @Example
* var favico = new Favico({
* bgColor : '#d00',
* textColor : '#fff',
* fontFamily : 'sans-serif',
* fontStyle : 'bold',

**Joshua Rüsweg** · May 6, 2016 at 1:45 PM Official Post

Nein, du musst die WCF.Combined.min.js, nach dem Change neu erstellen (also nach der Build-Order zusammenfügen und dann „kleiner machen“).

Flo Lauterbach · May 6, 2016 at 1:49 PM

Hab direkt mal nen Vorschlag erstellt:
favicon.js Variabeln via ACP anpassbar

Dr.Doom · May 6, 2016 at 8:49 PM

Vielen Dank für die Unterstützung, hat jetzt soweit funktioniert.

Wir haben das so hinbekommen, wie beschrieben bei User.js bgcolor rein genügte und in der Combined nach favico gesucht und zwischen animation und type den bgColor reingeschrieben... siehe code block:

JavaScript: WCF.User.js

/**
	 * @see	WCF.User.Panel.Abstract.init()
	 */
	init: function(options) {
		options.enableMarkAsRead = true;
		this._super($('#userNotifications'), 'userNotifications', options);
		try {
			this._favico = new Favico({
				animation: 'none',
				bgColor: '#2c3e50',
				type: 'circle'
			});

Display More

JavaScript: WCF.Combined.min.js

try{if(this._favico=new Favico({animation:"none",bgColor:"#2c3e50",type:"circle"}),null!==this._badge)

Benachrichtigung im Browser Tab

Participate now!

Similar Threads

Neuerungen und Verbesserungen in WoltLab Suite 3.0

favicon.js Variabeln via ACP anpassbar