Support Bereich Hier finden Sie Antworten auf alle Fragen zu Ihrem Xobor Forum.
Wählen Sie zunächst einen Hilfe-Bereich.

@Luna_<3
Hi Luna,
das ganze war ein wenig tricky.

Per CSS kann man anscheinend nicht direkt die src des <IMG> ändern.
Per jQuery in der Fußzeile habe ich es auch nicht sauber hinbekommen.

Nach genauerer Suche im Netz fand ich eine trickreiche Lösung die funktioniert.
Und zwar doch per CSS.

.chat_smiley_toggler img {
	width:0px;
	height:0px;
	padding:15px;
	background: url('https://files.homepagemodules.de/b572886/a_178_027d7950.gif') no-repeat;
}
 

Das IMG hat leider keine Klasse oder ID.
Daher das übergeordnete Element als Bezug.

Nun gibt es die Adresse für den Inhalt des IMG, welche man nicht per CSS ändern kann.
Aber man kann eine Hintergrundgrafik für das IMG setzen.
Wie der Name schon sagt, wäre die Grafik dann hinter dem originalen Smiley.
Darum setzt man nun Höhe und Breite dieses IMG auf 0.
Der olle Smiley ist nun weg.
Mit dem Padding erzeugt man nun einen Rand um das IMG wieder grösser zu machen.
Bzw. es ist ein innerer Rand um das auf 0 geschrumpfte Bild.
Dieser Rand kann aber mit dem Hintergrundbild befüllt werden.

Die Grafikadresse musst du noch gegen dein gewünschtes Smiley austauschen.