Das Icon für die Emoticons im Foren-Chat austauschen?

30.08.2015 01:37 (zuletzt bearbeitet: 30.08.2015 01:39)
avatar  Luna_<3
#1 Das Icon für die Emoticons im Foren-Chat austauschen?
avatar
Mitglied

Ist es möglich das Icon-Symbol für die Emoticons im Chat auszutauschen?
Und wenn ja, wie?

Gruss, Luna


Das, hier:


 Antworten

 Beitrag melden
31.08.2015 10:28
#2 RE: Das Icon für die Emoticons im Foren-Chat austauschen?
avatar
Mitglied

@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.

1
2
3
4
5
6
 
.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.

Gruß
Frank


Boardnr. 621181

www.aquariumzimmer.de
Boardnr. 572886
Business Template

 Antworten

 Beitrag melden
31.08.2015 11:50 (zuletzt bearbeitet: 31.08.2015 11:53)
avatar  Luna_<3
#3 RE: Das Icon für die Emoticons im Foren-Chat austauschen?
avatar
Mitglied

Oh, wow das klingt wirklich tricky.
Ich bin immer wieder erstaunt, was man mit Umwegen, doch alles so hinbekommen kann. :D
(Voraussetzung man kennt sich aus mit CSS)

Vielen Danke, sieht super aus.


 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!