2. Wie ändere ich das Online & Offline Symbol in meinem Profil


coollogo_com-3247408.png

coollogo_com-3240604.png

1.Heute erklär ich euch wie ihr das Online und Offline Symbol in eurem Profil ändern könnt
Dazu gibt es einen Standartcode der sich nie ändert und zwar diesen :

 

.profileTable.profileTableOnline {
background-image: url();
background-size: 75px;
}
.profileTable.profileTableOffline {
background-image: url();
background-size: 75px;
}

2.Nun wolln wir versuchen das Online und Offline Symbol zu ändern . Sucht euch dazu ein geeignetes Online und Offline Bild/Symbol aus Google

Als Beispiel nehm ich jetz diese beiden Symbole

Online : Fröhlicher Smilie 

http://www.imgbox.de/users/public/images/kypUn1MoGx.png

Offline : trauriger Smilie

http://www.imgbox.de/users/public/images/fP2htU8Mj8.png

3.Nun habt ihr die beiden Links zu den Icons . Diese fügt ihr ganz einfach in den Standartcode an die richtige Stelle ein ein und zwar in die Klammer bei Url . So sollte das dann aussehn:

Die eingefügten Links hab ich rot gekennzeichnet

.profileTable.profileTableOnline {
background-image: url(http://www.imgbox.de/users/public/images/kypUn1MoGx.png);
background-size: 75px;
}
.profileTable.profileTableOffline {
background-image: url(http://www.imgbox.de/users/public/images/fP2htU8Mj8.png);
background-size: 75px;
}

4.Den kompletten fertigen Code fügt ihr dann einfach unter CSS in der Profilestyleapp ein(wie auf dem Bild angezeigt)

feujefhifef.png

 

5.

Wichtig ist wenn ihr den Code eingefügt habt immer unten auf Speichern klicken !!!

speicherns.png

 

So sieht es jetzt in meinem Profil zb aus mit den Online / Offline Symbolen:

Online:

rfgkmrgjigr.png
 

Offline:

hthththj.png

 

Natürlich könnt ihr viele andere Offline und Online Symbole verwenden . http://www.smiliesuche.de/smileys/zaehneputzen/zaehneputzen-smilies-0001.gif

Das war jetzt nur ein Beispiel http://www.smiliemania.de/smilie132/00002406.gif

Ich bin gespannt welche Online & offline Symbole ihr in eurem Profil verwendet

MFG SonGoku

Kommentare

Es sind noch keine Kommentare vorhanden!