我正在尝试大幅简化页眉菜单。我还没有找到其他人的解决方案，所以我的计划是将我们实际需要保留的几个链接添加到侧边栏，然后让页眉菜单只显示主要的通知选项卡。我差不多完成了，但是点击个人资料照片才能看到通知有点令人困惑，所以我想把个人资料照片改成铃铛图标。这可以做到吗？这是我想要的效果，但希望在顶部空白框的位置显示一个铃铛图标： [Screenshot 2024-08-28 at 01.11.36] 抱歉，这似乎应该很简单，但我自己尝试了好几个小时都没有任何进展！

[图片] CaptainJ: I was wondering if there’s a way to swap images/icons using just CSS Hello :wave: I’ve made a simple theme component to achieve this. Only CSS. Some screenshot [Screenshot 2024-08-29 at 10.04.52] Here you can see it in live. [图片] 'Header Avatar to Bell Icon' …

有没有办法用CSS更换图片/图标？

开发

Don 2024 年8 月 29 日 08:08 4

你好

我制作了一个简单的主题组件来实现这一点。仅使用 CSS。

一些截图
Screenshot 2024-08-29 at 10.04.52

您可以在此处观看实时演示。

您可以在此处找到该主题组件。

5 个赞

话题		回复	浏览量
Adding icons rather than text UX custom-header-links	2	214	2019 年5 月 30 日
I can't change the notification icons Dev	6	824	2023 年1 月 30 日
Central Theme Header User Icons Dev	10	604	2024 年1 月 15 日
Change icon style in discourse Support	1	101	2025 年3 月 4 日
Is it possible to change the icon for staff notices? Dev post-notices	6	264	2025 年8 月 29 日

有没有办法用CSS更换图片/图标？

相关话题