Icon Stil abhängig laden - Deklaration wie

Servus Leute,

kann mir CSS Noob vielleicht jemand sagen, wie ich Deklaration erstellen kann, damit ich eine Grafik Stil abhängig laden kann?

Beispiel:

Ich habe mir ein zweites TeamSpeak Icon erstellt, welches geladen werden soll. Dieses soll stattdessen dem Original Icon geladen werden, wenn ich meinen Darkmode Stil (Lumatics) aktiviere.

Im Stil kann ich eine eigene CSS Deklaration angeben. Aber wie müßte die z.b. aussehen, daß meine neu erstellte Grafik geladen wird, bei Aktivierung des Stils?

Ich habe den Tipp bekommen, folgende CSS Deklaration zu nutzen:

a.togglelink {content: url("http://testportal.fcopz.com/images/teamspeak3/ts-3icon_dark.png") !important;}

Leider funzt das nur unter Firefox. Chrome verursacht eine Fehldarstellung.

Hier mal der Link zur Seite: http://testportal.fcopz.com/forum/

Hat jemand noch eine Idee?

THX

Nico

Hi mipu,

das sieht ja richtig schick aus, das neue Icon.

Wobei mir ich mir jetzt nicht sicher bin, was besser aussieht, was die Online User angeht. Also ich meine die Hintergrundfarbe der Online User.

Beim aktuellen Plugin ist es ja noch grün, statt rot. Aber wie dem auch sei. Das neue Icon sieht top aus.