 |
摘要 | 为标题栏添加了玻璃质感的半透明背景 |
 |
预览 | Vimeo 演示 |
 |
代码库 | https://github.com/denvergeeks/discourse-header-glass |
 |
安装指南 | 如何安装主题或主题组件 |
 |
首次使用 Discourse 主题？ | Discourse 主题使用入门指南 |
安装此主题组件
16 个赞
哦，那很酷。我喜欢那个，可能会在我的论坛上使用它。我的标题是半透明的，但我喜欢那种玻璃效果。做得好！
该组件有任何设置吗？
编辑：我现在看到了，它没有。我喜欢那些带阴影的图标！
没有设置，但非常欢迎请求和 PR！！！
啊，阴影标题图标……这是所有的 CSS……
.d-header {
background: rgb(147, 147, 147, 0.39) !important;
-webkit-backdrop-filter: blur(10px) !important;
-moz-backdrop-filter: blur(10px) !important;
backdrop-filter: blur(10px) !important;
box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5) !important;
color: rgb(255 255 255) !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important;
}
.d-header-icons .d-icon,
.header-sidebar-toggle button .d-icon {
color: rgb(255 255 255) !important;
fill: rgb(255 255 255) !important;
filter: drop-shadow(1px 4px 2px rgba(0, 0, 0, 0.4)) !important;
}
3 个赞
我喜欢这个视觉效果。对彩色玻璃的外观感到好奇。
我现在想做一个彩绘玻璃效果 
1 个赞
我已将代码分叉，哈哈。
1 个赞
2 个赞
太棒了！谢谢你的链接 :拥抱:
1 个赞
1 个赞
哦。我的。天哪。 
现在你启发了我开始为我的论坛构建一个新主题。 
4 个赞
@Lilly 我迫不及待想看到你的创作了！加油女孩！！！
1 个赞
嗯，主题设计不是我的强项。我可以做，但我更喜欢组件和功能性解决方案的创造力，特别是为那些定义了需求的人。
3 个赞
网站架构、导航、UI/UX——它们都是功能性的艺术 
，旨在帮助人们以最令人满意的方式建立联系。
5 个赞
哎呀！忘了发链接了——我添加了颜色和透明度设置，随便玩玩 
4 个赞
太棒了！谢谢你，@Lilly！我已经添加了你的颜色和透明度设置，以及标题图标的阴影设置。
3 个赞
我觉得加上阴影看起来还是不错的，希望我能买到一台Switch。
1 个赞
你好 @Monikas 感谢你的反馈，但你能否详细说明一下你理想中的设置是什么样的？
2 个赞
好的，我现在添加了一个用于标题底部边缘阴影的设置。
1 个赞