欢迎来到武林外传百科，欢迎收藏或为本页面添加书签
本WIKI编辑权限开放，任何人都可以编辑和发布新攻略
本站内容龟速更新中，如有内容错误欢迎留言或者加群反馈
编辑帮助:目录 • BWIKI反馈留言板
欢迎来到武林外传WIKI百科，欢迎收藏或为本页面添加书签
本站编辑权限开放，任何人都可以编辑和发布新攻略
本站内容龟速更新中，如有内容错误欢迎留言或者加群反馈
编辑帮助:目录 • BWIKI反馈留言板
全站通知：
模板:板块/文档
刷
历
编
< 模板:板块
跳到导航
跳到搜索
如果是第一次来，按"Ctrl+D"可以收藏随时查看更新~觉得WIKI好玩的话，请推荐给朋友哦～(◕ω＜)☆
抖音-寒X的交易网站恶意盗用本站资源，专门坑骗回归玩家，切勿上当受骗
说明
- 该模板在原版的基础上对 文章板块 进行了修改，添加了2个参数。
- 该模板在原版的基础上对 小图标板块 进行了修改，添加了1个参数。
- 该模板主要适用于想要构筑 WIKI首页 的 WIKI编辑萌新。
- 该模板包含基础的 板块功能 以及拓展功能的 按钮 、 带图按钮 、 轮播图
- 该模板可通过右上角 WIKI功能 → 查看源码 ，直接复制模板内容到需要使用的 WIKI。
- 复制以下示例中的 源码 部分即可直接使用。
- 配合 Bootstrap框架 即可轻松完成首页的建设。
懒人包
- 直接复制 双栏WIKI首页 or 三栏WIKI首页 的页面源码。
- 注意：需要先复制本模板的源码。
- 替换板块样式：源代码编辑模式下→工具栏的上方→选中高级→工具栏右侧的放大镜高级→点击工具栏右侧的放大镜，查找内输入 BOX-X（当前使用的CSS名） 替换为 BOX-X（想要使用的CSS名）。
基本部分
| 源码 |
|---|
{{板块|开始|标题=我是一级标题，请替换|查看更多=攻略|追加CSS=|追加CSS2=}}
{{板块|内容开始|追加CSS=}}
{{板块|二级标题|标题=我是二级标题，请替换|追加CSS=}}
<!--内容部分：开始-->
我是内容1，请替换
<!--内容部分：结束-->
{{板块|二级标题|标题=我是二级标题，请替换|追加CSS=}}
<!--内容部分：开始-->
我是内容2，请替换
<!--内容部分：结束-->
{{板块|内容结束}}
{{板块|结束}}
|
| 展示效果 |
拓展部分
按钮
| 源码 |
|---|
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
|
| 显示效果 |
带图按钮
- 在原版的基础上，添加了参数：替换图标，可以实现鼠标悬停图片替换效果。
- 参数：{{板块|图标|链接名，图片名|显示名词，不填则显示为链接名|宽度=20/25/50|替换图标=链接名，图片名，不填则默认为原图片}}
- 宽度为按钮所占版区内的百分比宽度，可选20%、25%、50%，不填则默认为25%
- 小图标板块所使用的图片、替换图片均为PNG格式，因为源代码就是这么写的 ╮(╯▽╰)╭ 使用其他格式图片会找不到链接。
| 源码 |
|---|
{{板块|图标|预置小图标|公主连结|宽度=50}}
{{板块|图标|预置小图标|公主连结|宽度=50}}
{{板块|图标|预置小图标|公主连结|宽度=50}}
{{板块|图标|预置小图标|公主连结|宽度=50}}
{{板块|图标|预置小图标|公主连结}}
{{板块|图标|预置小图标|公主连结}}
{{板块|图标|预置小图标|公主连结}}
{{板块|图标|预置小图标|公主连结}}
{{板块|图标|预置小图标|公主连结}}
{{板块|图标|预置小图标|公主连结}}
{{板块|图标|预置小图标|公主连结}}
{{板块|图标|预置小图标|公主连结}}
{{板块|图标|预置小图标|公主连结|宽度=20}}
{{板块|图标|预置小图标|公主连结|宽度=20}}
{{板块|图标|预置小图标|公主连结|宽度=20}}
{{板块|图标|预置小图标|公主连结|宽度=20}}
{{板块|图标|预置小图标|公主连结|宽度=20}}
{{板块|图标|预置小图标|公主连结|宽度=20}}
{{板块|图标|预置小图标|公主连结|宽度=20}}
{{板块|图标|预置小图标|公主连结|宽度=20}}
{{板块|图标|预置小图标|公主连结|宽度=20}}
{{板块|图标|预置小图标|公主连结|宽度=20}}
新增：
{{板块|图标|预置小图标|小图标板块|宽度=|替换图标=图标-周一活动图标周六}}
{{板块|图标|预置小图标|测试测试|替换图标=预置图片入口3|宽度=20}}
|
| 显示效果 |
| 新增：鼠标移动到小图标上切换为替换图标，案例2为JPG格式图片，所以不能正常显示。 |
文章
- 在原版的基础上，添加了参数：颜色、字体粗细，便于实现更多样式。
- 参数：{{板块|文章|标签|链接名，文章名|显示名词，不填则显示为链接名|颜色=|字体粗细=}}
- 在原版的基础上，添加了文字悬停滚动功能。当文字长度超出文章板块时，鼠标悬停可时文字来回滚动，以显示全文。
- 滚动速度与文字长度相关，不建议使用过长的文字，以免滚动过快看不清。
| 源码 |
|---|
{{板块|文章|标签|测试文章页面名|测试文章页面名}}
{{板块|文章|标签|测试文章页面名|测试文章页面名2}}
新增：
{{板块|文章|公告|测试文章页面名|123|颜色=red|字体粗细=bold}}
{{板块|文章|推图|文章链接|颜色=darkorange}}
{{板块|文章|攻略|这是一条很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长的文章}}
|
| 显示效果 |
轮播图
- 同一页面内使用多个轮播图时，注意轮播编号不能重复！
- 不需要多个轮播时，从下方开始删除，保留对应数量的图即可（别把 }} 删了哦
| 源码 |
|---|
{{板块
|轮播图
|轮播编号=1
|图1=[[文件:预置banner1.jpg|link=]]
|图2=[[文件:预置banner1.jpg|link=]]
|图3=[[文件:预置banner1.jpg|link=]]
}}
{{板块
|轮播图
|轮播编号=2
|图1=[[文件:预置banner1.jpg|link=]]
|图2=[[文件:预置banner1.jpg|link=]]
|图3=[[文件:预置banner1.jpg|link=]]
|图4=[[文件:预置banner1.jpg|link=]]
|图5=[[文件:预置banner1.jpg|link=]]
|图6=[[文件:预置banner1.jpg|link=]]
}}
|
| 显示效果 |
 |
使用示例
默认样式
| 源码 |
|---|
{{板块|开始|标题=BWIKI}}
{{板块|内容开始}}
{{板块|二级标题|标题=关于本WIKI}}
<!--内容部分：开始-->
欢迎小伙伴们来到BWIKI！
本WIKI开放编辑，任何人都可以在遵守编辑规则的前提下创建页面、填充数据、分享小知识等
如果有兴趣想参与WIKI的深度建设可以加入交流群，私聊群主或者管理了解详情。
<!--内容部分：结束-->
{{板块|二级标题|标题=按钮测试}}
<!--内容部分：开始-->
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
<!--内容部分：结束-->
{{板块|内容结束}}
{{板块|结束}}
|
| 显示效果 |
样式一：BOX-1
| 源码 |
|---|
{{板块|开始|标题=BWIKI|CSS=BOX-1}}
{{板块|内容开始}}
{{板块|二级标题|标题=关于本WIKI}}
<!--内容部分：开始-->
欢迎小伙伴们来到BWIKI！
本WIKI开放编辑，任何人都可以在遵守编辑规则的前提下创建页面、填充数据、分享小知识等
如果有兴趣想参与WIKI的深度建设可以加入交流群，私聊群主或者管理了解详情。
<!--内容部分：结束-->
{{板块|二级标题|标题=按钮测试}}
<!--内容部分：开始-->
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
{{板块|内容结束}}
<!--内容部分：结束-->
{{板块|结束}}
|
| 显示效果 |
样式二：BOX-2
| 源码 |
|---|
{{板块|开始|标题=BWIKI|CSS=BOX-2|追加CSS=background:#404040}}
{{板块|内容开始}}
{{板块|二级标题|标题=关于本WIKI}}
<!--内容部分：开始-->
欢迎小伙伴们来到BWIKI！
本WIKI开放编辑，任何人都可以在遵守编辑规则的前提下创建页面、填充数据、分享小知识等
如果有兴趣想参与WIKI的深度建设可以加入交流群，私聊群主或者管理了解详情。
{{板块|二级标题|标题=按钮测试}}
<!--内容部分：开始-->
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
{{板块|内容结束}}
{{板块|结束}}
|
| 显示效果 |
样式二：BOX-3
| 源码 |
|---|
{{板块|开始|标题=BWIKI|CSS=BOX-3}}
{{板块|内容开始}}
{{板块|二级标题|标题=关于本WIKI}}
<!--内容部分：开始-->
欢迎小伙伴们来到BWIKI！
本WIKI开放编辑，任何人都可以在遵守编辑规则的前提下创建页面、填充数据、分享小知识等
如果有兴趣想参与WIKI的深度建设可以加入交流群，私聊群主或者管理了解详情。
{{板块|二级标题|标题=按钮测试}}
<!--内容部分：开始-->
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
{{板块|内容结束}}
{{板块|结束}}
|
| 显示效果 |
样式二：BOX-4
| 源码 |
|---|
{{板块|开始|标题=BWIKI|CSS=BOX-4}}
{{板块|内容开始}}
{{板块|二级标题|标题=关于本WIKI}}
<!--内容部分：开始-->
欢迎小伙伴们来到BWIKI！
本WIKI开放编辑，任何人都可以在遵守编辑规则的前提下创建页面、填充数据、分享小知识等
如果有兴趣想参与WIKI的深度建设可以加入交流群，私聊群主或者管理了解详情。
{{板块|二级标题|标题=按钮测试}}
<!--内容部分：开始-->
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
{{板块|内容结束}}
{{板块|结束}}
|
| 显示效果 |
样式二：BOX-5
| 源码 |
|---|
{{板块|开始|标题=BWIKI|CSS=BOX-5}}
{{板块|内容开始}}
{{板块|二级标题|标题=关于本WIKI}}
<!--内容部分：开始-->
欢迎小伙伴们来到BWIKI！
本WIKI开放编辑，任何人都可以在遵守编辑规则的前提下创建页面、填充数据、分享小知识等
如果有兴趣想参与WIKI的深度建设可以加入交流群，私聊群主或者管理了解详情。
{{板块|二级标题|标题=按钮测试}}
<!--内容部分：开始-->
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
{{板块|内容结束}}
{{板块|结束}}
|
| 显示效果 |
css样式源码
复制以下代码到mediawiki:common.css中.
.BILIBILI-BOX {width:100%;margin-bottom:20px;}
.BOX-title-1 {width:100%;font-size:14px;padding:7px 10px;font-weight: bold;background:#404040;color:#fff;}
.BOX-title-2 {padding: 10px 0px 5px 0px;font-size: 14px;font-weight: bold;border-bottom: 1px solid #384348;}
.BOX-N {width:100%;padding:0px;}
.BOX-GD {color:#f7f7f7;border: 1px solid #f7f7f7;padding: 0px 5px;border-radius: 50%;}
.BOX-AN-50 {width:50%}
.BOX-AN-25 {width:25%}
.BOX-AN-20 {width:20%}
.BOX-AN2 {width:100%;display: inline-block;height:30px;line-height:30px;padding-left:35px;padding-right:5px;color:#404040;}
.BOX-AN2:hover {background:#000;color:#f7f7f7;}
@media only screen and (max-width:759px){
.BOX-AN-25 {width:50%}
.BOX-AN-20 {width:50%}
}
.update-log .log-title {display: none;}
.update-log .bili-list-group {padding: 0px 0px;}
.update-log .read-more {display: none;}
.carousel.big-carousel .carousel-indicators li, .carousel.big-carousel .carousel-indicators li.active {width: 8px;height: 8px;}
.carousel.big-carousel .carousel-indicators {bottom: -2.4em;margin-left: -30%;margin-bottom: 45px;}
.carousel.big-carousel {margin-bottom: 15px;}
.BOX-1 .BOX-title-2 {padding: 10px 0px 5px 0px;}
.BOX-1 {background:#f7f7f7;border:1px solid #404040;}
.BOX-1 .BOX-N {padding:5px 10px;}
.BOX-2 .BOX-title-1 {border-radius: 8px;}
.BOX-2 {border:1px solid #404040;border-radius: 4px;padding:2px}
.BOX-2 .BOX-2-1 {background:#f7f7f7;border:1px solid #404040;border-radius: 8px;padding:10px;}
.BOX-3 .BOX-title-1 {border-radius: 8px;}
.BOX-3 {background:#f7f7f7;border-radius: 8px;padding:10px}
.BOX-4 .BOX-title-1 {border-radius: 8px 8px 0px 0px;}
.BOX-4 {background:#f7f7f7;border-radius: 8px;padding:0px;}
.BOX-4 .BOX-N {padding:5px 10px;}
.BOX-5 .BOX-title-1 {border-radius: 8px 8px 0px 0px;background:#262626;color:#f7f7f7;}
.BOX-5 .BOX-title-2 {padding: 10px 0px 5px 0px;border-bottom: 1px solid #262626;}
.BOX-5 {background:#404040;border-radius: 8px;padding:0px;}
.BOX-5 .BOX-N {padding:5px 10px;border:2px solid #262626;border-top:0px solid ;box-shadow: inset 0 0 1px 2px #000;color:#f7f7f7;border-radius: 0px 0px 8px 8px;}
.BOX-5 .bili-section-normal,.BOX-5 .bili-section-primary {color: #f7f7f7;background: #626262;border: 1px solid rgb(0, 0, 0);}
.BOX-5 .bili-section-normal:hover {color: #fff;background: #000;border: 1px solid rgba(0, 0, 0, 0.1);cursor: pointer;}
.BOX-5 .BOX-zt {color:#f7f7f7}
.BOX-5 .update-log a {color: #f7f7f7 !important;}
.BOX-5 .BOX-AN2 {width:100%;display: inline-block;height:30px;line-height:30px;padding-left:35px;padding-right:5px;color: #f7f7f7;background: #626262;}
.BOX-5 .BOX-AN2:hover {color: #fff;background: #000;}
沪公网安备 31011002002714 号