仿B站评论区样式

小工具稳定

仿照bilibili主站的评论区样式

作者

空之云间

+关注

依赖MediaWiki:BilibiliComment.css

版本1.21

简介

仿照bilibili主站的评论区样式

AvatarFrame（评论区头衔）插件样式冲突修复

/* 头像框 */
.comment-avatar img.avatar-box-frame {
    max-width: unset;
    transform: translate(-50%, -50%) scale(2)!important;
    -ms-transform: translate(-50%, -50%) scale(2)!important;
    -moz-transform: translate(-50%, -50%) scale(2)!important;
    -webkit-transform: translate(-50%, -50%) scale(2)!important;
    -o-transform: translate(-50%, -50%) scale(2)!important;
}
.comment-thread .comment-thread .comment-post .comment-avatar>img.avatar-box-frame {
    position: absolute;
    left: 12px;
    top: 12px;
}
div.tag-box {
    margin-left: -10px;
    margin-right: 5px;
}

安装方法

方法一：安装在 MediaWiki:Common.css

/* 仿B站评论区样式 */
@import url(https://wiki.biligame.com/tools/index.php?title=MediaWiki:BilibiliComment.css&action=raw&ctype=text/css);

方法二：安装在 Gadget

1、在 https://wiki.biligame.com/你管理的BWIKI/MediaWiki:Gadget-section-System 页面添加标题文字
系统
注意：如果已有标题文字则跳过此步
2、在 https://wiki.biligame.com/你管理的BWIKI/MediaWiki:Gadgets-definition 页面添加标题代码
==System==
注意：如果已有 ==System== 标题则跳过此步
3、在==System==标题下添加以下代码
* BilibiliComment[ResourceLoader\|default]\|BilibiliComment.css
4、在 https://wiki.biligame.com/你管理的BWIKI/MediaWiki:Gadget-BilibiliComment 页面添加以下描述
'''BilibiliComment'''：仿B站评论区样式
5、在 https://wiki.biligame.com/你管理的BWIKI/MediaWiki:Gadget-BilibiliComment.css 页面添加以下代码
/* 仿B站评论区样式 */ @import url(https://wiki.biligame.com/tools/index.php?title=MediaWiki:BilibiliComment.css&action=raw&ctype=text/css);

至此已完成安装。

更新日志

2026/02/02 V1.21
- 修正头像大小
2026/01/31 V1.2
- 补充b站用户等级LV0的的图标，修正特殊:管理FlowThread评论未正常显示用户等级的错误
2025/05/04 V1.1
- 引入主站的点赞和评论图标，修正未登录用户的评论区评论框显示，修正未登录用户的登录弹窗在小屏幕窗口下的显示效果
2025/04/20 V1.0
- 正式版发布

仿B站评论区样式

WIKI功能

简介

AvatarFrame（评论区头衔）插件样式冲突修复

安装方法

方法一：安装在 MediaWiki:Common.css

方法二：安装在 Gadget

更新日志

目录