Y a-t-il un moyen de changer les images/icons avec CSS ?

Je cherche à simplifier considérablement le menu d’en-tête. Je n’ai trouvé aucune solution auprès d’autres personnes, donc mon plan est d’ajouter les quelques liens que nous devons réellement conserver dans la barre latérale, puis de laisser le menu d’en-tête afficher uniquement l’onglet principal des notifications. J’y suis presque, mais il est déroutant de cliquer sur la photo de profil pour voir les notifications, j’essaie donc de remplacer la photo de profil par une icône de cloche. Est-ce réalisable ?

Voici ce que je vise, mais avec une cloche à la place de la boîte vide en haut :

Désolé, cela semble être une chose simple, mais j’essaie de comprendre cela depuis des heures par moi-même et je n’avance pas !

1 « J'aime »

Je pense que ce sujet explique comment faire. Mais je ne sais pas si cela fonctionne toujours de cette façon.

Hmm, peut-être pas alors. Je n’ai pas encore trouvé comment travailler avec JavaScript, alors je me demandais s’il existait un moyen d’échanger des images/icônes en utilisant uniquement CSS. Merci quand même !

Bonjour :wave:

J’ai créé un composant de thème simple pour y parvenir. Uniquement du CSS.

Quelques captures d’écran
Screenshot 2024-08-29 at 10.04.52

Vous pouvez le voir en direct ici.

Et voici le composant de thème.

5 « J'aime »

Incroyable, merci !

1 « J'aime »

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