哪个博客实现的忘记了，可以看这里的 pr FFans/FlarumCN-Site-Backup@ 4e4b1f1

狼灭们，请教下中文社区底下的海豚是什么插件？自己绘制的canvas么。。

ch4o5 https://discuss.flarum.org.cn/d/2894/3

[未知用户] https://discuss.flarum.org.cn/d/2894/3

可以分享fish.js文件吗 😁 Golden

Golden 找到了，谢谢，晚安🌃

底部的鱼是怎么实现的

nikooo 我试试，多谢。

WuLoos 客气客气😁

nikooo 加了这些 css 就可以了。还有，颜色可以变吗，我看你发的是彩色的图片。

ceshi123
修改body{}背景底色就能看到不同效果了，我的背景底色是骚粉

nikooo 真是太骚了，粉色😅

ceshi123 哈哈哈，其实还是白或者黑色背景色调界面比较直观，其他颜色的话，要调一些文字的样式，略麻烦，但我在追求好看的路上坚持想走的骚一点，所以来了个粉色论坛

nikooo 求网址观瞻。

WuLoos
现在网站还在备案审核，暂时无法域名访问，只有一个公网ip，贴出来我的小站怕被攻击，先弄个gif出来看看界面

nikooo 你这个界面是咋能的啊？跟传统的论坛很像。

WuLoos
用了这个插件Flarum Categories，然后在后台管理-常规-论坛首页设置成板块就可以了。然后自己根据需要结合官方插件flarum-tags加减栏目就有这个效果了

nikooo 你好，我按照上述方法添加了，能实现功能，可能是我安装了 QQ 登录的原因，点击登录时，登录窗口出不来

可能是footer元素冲突的问题，可以自己改一下~ 因为这里的footer泛指的太广，

footer{
    position: relative;
}

footer.你的冲突元素 {
    position: unset;
}//与鲸鱼动画的footer>position冲突

为什么添加之后没有文字 Image description

总结，在后台-外观-自定义页脚中添加以下代码即可

<div id="flyfish" class="fly-fish" height="200"></div>
<script src="https://discuss.flarum.org.cn/fish.js"></script>

按照上面的添加了，效果不错，谢谢。