¿Hay alguna forma de cambiar imágenes/iconos con CSS?

Estoy intentando simplificar drásticamente el menú de encabezado. No he encontrado ninguna solución de otros, así que mi plan es añadir los pocos enlaces que realmente necesitamos conservar a la barra lateral y luego hacer que el menú de encabezado solo muestre la pestaña principal de notificaciones. Estoy casi allí, pero es confuso hacer clic en la foto de tu perfil para ver las notificaciones, así que estoy intentando cambiar la foto de perfil por un icono de campana. ¿Es esto factible?

Esto es lo que busco, pero con una campana donde está el cuadro en blanco en la parte superior:

Lo siento, esto parece que debería ser simple, ¡pero he estado intentando resolverlo durante horas por mi cuenta y no llego a ninguna parte!

1 me gusta

Creo que este tema explica cómo hacerlo. Pero no sé si todavía funciona de esa manera.

Hmm, tal vez no entonces. Todavía no he descubierto cómo trabajar con JavaScript, así que me preguntaba si hay alguna forma de intercambiar imágenes/iconos usando solo CSS. ¡Gracias de todos modos!

Hola :wave:

He creado un componente de tema sencillo para lograr esto. Solo CSS.

Algunas capturas de pantalla
Screenshot 2024-08-29 at 10.04.52

Aquí puedes verlo en vivo.

Y aquí puedes encontrar el componente del tema.

5 Me gusta

¡Asombroso, gracias!

1 me gusta

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