Gibt es eine Möglichkeit, Bilder/Icons mit CSS zu ändern?

Ich versuche, das Header-Menü drastisch zu vereinfachen. Ich habe keine Lösungen von anderen gefunden, daher ist mein Plan, die wenigen Links, die wir tatsächlich behalten müssen, zur Seitenleiste hinzuzufügen und dann im Header-Menü nur den Haupt-Benachrichtigungs-Tab anzuzeigen. Ich bin fast fertig, aber es ist verwirrend, auf das Profilbild zu klicken, um Benachrichtigungen zu sehen. Daher versuche ich, das Profilbild in ein Glockensymbol zu ändern. Ist das machbar?

Das ist es, was ich anstrebe, aber mit einer Glocke dort, wo sich die leere Box oben befindet:

Entschuldigung, das scheint einfach zu sein, aber ich versuche das schon seit Stunden selbst herauszufinden und komme nicht weiter!

1 „Gefällt mir“

Ich glaube, dieses Thema erklärt, wie es geht. Aber ich weiß nicht, ob es immer noch so funktioniert.

Hmm, dann vielleicht doch nicht. Ich habe noch nicht herausgefunden, wie ich mit JavaScript umgehen kann, daher habe ich mich gefragt, ob es eine Möglichkeit gibt, Bilder/Icons nur mit CSS auszutauschen. Danke trotzdem!

Hallo :wave:

Ich habe eine einfache Theme-Komponente erstellt, um dies zu erreichen. Nur CSS.

Einige Screenshots
Screenshot 2024-08-29 at 10.04.52

Hier können Sie es live sehen.

Und hier finden Sie die Theme-Komponente.

5 „Gefällt mir“

Großartig, danke!

1 „Gefällt mir“

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.