Existe uma forma de alterar imagens/ícones com CSS?

Estou tentando simplificar drasticamente o menu do cabeçalho. Não encontrei nenhuma solução de outras pessoas, então meu plano é adicionar os poucos links que realmente precisamos manter à barra lateral e, em seguida, deixar o menu do cabeçalho mostrar apenas a guia principal de notificações. Estou quase lá, mas é confuso clicar na foto do seu perfil para ver as notificações, então estou tentando mudar a foto do perfil para um ícone de sino. Isso é factível?

É isso que estou almejando, mas com um sino onde está a caixa em branco no topo:

Desculpe, isso parece que deveria ser simples, mas estou tentando descobrir isso por horas sozinho e não estou chegando a lugar nenhum!

1 curtida

Eu acho que este tópico explica como fazer isso. Mas não sei se ainda funciona dessa maneira.

Hmm, talvez não então. Eu ainda não descobri como trabalhar com JavaScript, então estava me perguntando se há uma maneira de trocar imagens/ícones usando apenas CSS. Obrigado de qualquer forma!

Olá :wave:

Eu fiz um componente de tema simples para conseguir isso. Apenas CSS.

Algumas capturas de tela
Screenshot 2024-08-29 at 10.04.52

Aqui você pode ver em tempo real.

E aqui você pode encontrar o componente do tema.

5 curtidas

Incrível, obrigado!

1 curtida

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