此主题组件为您的论坛添加一些动画雪花效果。
警告:动画效果会增加浏览器的 CPU 使用率 ![]()
JavaScript 模式(由 @cjk77 在 此处 分享):
CSS 模式(改编自 此处):
谢谢——现在下雪啦:smiley:
安装步骤:
前往:/admin/customize/themes
选择“组件”(Components)→ 点击“安装”(Install)。
粘贴链接:https://github.com/davidtaylorhq/discourse-snow-theme.git
返回 admin/customize/themes 页面,找到你的主题。
点击它,即可自定义你的主题。
向下滚动页面。
将新组件添加到你的主题中。
现在你就拥有:snowflake: 啦!
我有几位使用 Firefox 和 Opera 的用户反馈此功能无法正常工作(已配置为 js-mode),但 CodePen 上的代码示例却可以运行。在 Chrome 中一切正常。有什么建议吗?
更新:两位用户均已确认 css-mode 对他们有效。
这似乎是一个仅限 Chrome 的组件。在 Firefox 中,启用 JS 模式时没有任何显示;而启用 CSS 模式时,屏幕上会覆盖一层卡顿的雪花,导致无法正常使用。
现已更新,使 js-mode 在 Firefox 中可用。我尚未测试 Opera,但怀疑同样的修复方法在那里也会生效。
可以确认,现在我的两个用户(Firefox 和 Opera)都已恢复正常。感谢修复。
有没有办法把雪花换成随机烟花?
而且使用雪花效果时,我的 CPU 占用从未上升。我在桌面和手机上都测试过,整个论坛的用户都非常喜欢,没有任何关于 CPU 占用的投诉。
你好!我很喜欢这个功能,它非常可爱,真的让页面生动了起来。不过我在想,是否可以让它只出现在棋盘的左右两侧(即未使用的空间),或者让它出现在棋盘后面?这样雪花就不会飘满整个文本区域,从而避免影响阅读。
在最新的 Discourse 版本中似乎运行正常……
非常喜欢这个主题组件,但有没有办法将“点”(或者说“圆点”?)更改为真正的雪花图标?
有没有办法让雪花下落得慢一点,这样就不会那么分散注意力了?有点像懒洋洋的雪?或者有没有办法让用户自己关闭雪花,这样有些人可以享受它,而那些觉得它有问题的人可以关闭它?
您使用的是 CSS 版本还是 JS 版本?
已从 JS 切换到 CSS!但我们可以尝试任何一种,看哪种更容易。@famousamos.1 供您参考
@dennisjbr 正在处理 - 我应该先问他的,但我的待办事项清单太长了。他帮助我们维护网站。
CSS 版本更容易更改,但这并非相同效果。![]()
如果您对 CSS 版本感到满意,并希望减慢下落速度,请将此 CSS 添加到您的主题或新的主题组件中,并根据需要调整值。值越高,速度越慢。
#snow {
animation: snow 60s linear infinite;
}
非常感谢
感谢您的报告 @frold。我刚刚推送了一个修复,因此在您更新主题组件后应该已经修复了。
顺便说一下,在线用户(whos-online)错误也应该已经修复了。您是否正在运行该插件的最新版本?
我喜欢这个,但用户有投诉,如果用户自己可以选择禁用它就太棒了。