说明
- 该模板基于模板:板块模仿Raft游戏界面UI以及Fandom Raft Wiki修改样式得来,供Raft BWiki站点使用。
- 该模板包含基础的 RAFT功能 以及拓展功能的 按钮 、 带图按钮 、 轮播图
- 复制以下示例中的 源码 部分即可直接使用。
基本部分
源码
|
{{RAFT|开始|标题=我是一级标题,请替换|查看更多=攻略|追加CSS=|追加CSS2=}}
{{RAFT|内容开始|追加CSS=}}
{{RAFT|二级标题|标题=我是二级标题,请替换|追加CSS=}}
<!--内容部分:开始-->
我是内容1,请替换
<!--内容部分:结束-->
{{RAFT|二级标题|标题=我是二级标题,请替换|追加CSS=}}
<!--内容部分:开始-->
我是内容2,请替换
<!--内容部分:结束-->
{{RAFT|内容结束}}
{{RAFT|结束}}
|
展示效果
|
我是二级标题,请替换
我是内容1,请替换
我是二级标题,请替换
我是内容2,请替换
|
拓展部分
按钮
源码
|
{{RAFT|按钮|测试2|测试2}}
{{RAFT|按钮|测试2|测试2}}
|
显示效果
|
测试2
测试2
|
带图按钮
- 参数:{{RAFT|图标|链接名,图片名|显示名词,不填则显示为链接名|宽度=20/25/50}}
- 宽度为按钮所占版区内的百分比宽度,可选20%、25%、50%,不填则默认为25%
源码
|
{{RAFT|图标|制作选单_武器|武器|宽度=50}}
{{RAFT|图标|制作选单_武器|武器|宽度=50}}
{{RAFT|图标|制作选单_武器|武器|宽度=50}}
{{RAFT|图标|制作选单_武器|武器|宽度=50}}
{{RAFT|图标|制作选单_武器|武器}}
{{RAFT|图标|制作选单_武器|武器}}
{{RAFT|图标|制作选单_武器|武器}}
{{RAFT|图标|制作选单_武器|武器}}
{{RAFT|图标|制作选单_武器|武器}}
{{RAFT|图标|制作选单_武器|武器}}
{{RAFT|图标|制作选单_武器|武器}}
{{RAFT|图标|制作选单_武器|武器}}
{{RAFT|图标|制作选单_武器|武器|宽度=20}}
{{RAFT|图标|制作选单_武器|武器|宽度=20}}
{{RAFT|图标|制作选单_武器|武器|宽度=20}}
{{RAFT|图标|制作选单_武器|武器|宽度=20}}
{{RAFT|图标|制作选单_武器|武器|宽度=20}}
{{RAFT|图标|制作选单_武器|武器|宽度=20}}
{{RAFT|图标|制作选单_武器|武器|宽度=20}}
{{RAFT|图标|制作选单_武器|武器|宽度=20}}
{{RAFT|图标|制作选单_武器|武器|宽度=20}}
{{RAFT|图标|制作选单_武器|武器|宽度=20}}
|
显示效果
|
|
文章列表
源码
|
{{RAFT|文章|标签|测试文章页面名|测试文章页面名}}
{{RAFT|文章|标签|测试文章页面名|测试文章页面名2}}
|
显示效果
|
|
轮播图
- 同一页面内使用多个轮播图时,注意轮播编号不能重复!
- 不需要多个轮播时,从下方开始删除,保留对应数量的图即可(别把 }} 删了哦
源码
|
{{RAFT
|轮播图
|轮播编号=1
|图1=[[文件:制作选单_武器_icon.png|申请创建WIKI|link=WIKI申请页面]]
|图2=[[文件:制作选单_武器_icon.png|申请创建WIKI|link=WIKI申请页面]]
|图3=[[文件:制作选单_武器_icon.png|申请创建WIKI|link=WIKI申请页面]]
}}
{{RAFT
|轮播图
|轮播编号=2
|图1=[[文件:制作选单_武器_icon.png|申请创建WIKI|link=WIKI申请页面]]
|图2=[[文件:制作选单_武器_icon.png|申请创建WIKI|link=WIKI申请页面]]
|图3=[[文件:制作选单_武器_icon.png|申请创建WIKI|link=WIKI申请页面]]
|图4=[[文件:制作选单_武器_icon.png|申请创建WIKI|link=WIKI申请页面]]
|图5=[[文件:制作选单_武器_icon.png|申请创建WIKI|link=WIKI申请页面]]
|图6=[[文件:制作选单_武器_icon.png|申请创建WIKI|link=WIKI申请页面]]
}}
|
显示效果
|
|
使用示例
默认样式
源码
|
{{RAFT|开始|标题=BWIKI}}
{{RAFT|内容开始}}
{{RAFT|二级标题|标题=关于本WIKI}}
<!--内容部分:开始-->
欢迎小伙伴们来到BWIKI!
本WIKI开放编辑,任何人都可以在遵守编辑规则的前提下创建页面、填充数据、分享小知识等
如果有兴趣想参与WIKI的深度建设可以加入交流群,私聊群主或者管理了解详情。
<!--内容部分:结束-->
{{RAFT|二级标题|标题=按钮测试}}
<!--内容部分:开始-->
{{RAFT|按钮|测试2|测试2}}
{{RAFT|按钮|测试2|测试2}}
{{RAFT|按钮|测试2|测试2}}
{{RAFT|按钮|测试2|测试2}}
<!--内容部分:结束-->
{{RAFT|内容结束}}
{{RAFT|结束}}
|
显示效果
|
BWIKI
关于本WIKI
欢迎小伙伴们来到BWIKI!
本WIKI开放编辑,任何人都可以在遵守编辑规则的前提下创建页面、填充数据、分享小知识等
如果有兴趣想参与WIKI的深度建设可以加入交流群,私聊群主或者管理了解详情。
按钮测试
测试2
测试2
测试2
测试2
|
样式一:RBOX-1
源码
|
{{RAFT|开始|标题=BWIKI|CSS=RBOX-1}}
{{RAFT|内容开始}}
{{RAFT|二级标题|标题=关于本WIKI}}
<!--内容部分:开始-->
欢迎小伙伴们来到BWIKI!
本WIKI开放编辑,任何人都可以在遵守编辑规则的前提下创建页面、填充数据、分享小知识等
如果有兴趣想参与WIKI的深度建设可以加入交流群,私聊群主或者管理了解详情。
<!--内容部分:结束-->
{{RAFT|二级标题|标题=按钮测试}}
<!--内容部分:开始-->
{{RAFT|按钮|测试2|测试2}}
{{RAFT|按钮|测试2|测试2}}
{{RAFT|按钮|测试2|测试2}}
{{RAFT|按钮|测试2|测试2}}
{{RAFT|内容结束}}
<!--内容部分:结束-->
{{RAFT|结束}}
|
显示效果
|
BWIKI
关于本WIKI
欢迎小伙伴们来到BWIKI!
本WIKI开放编辑,任何人都可以在遵守编辑规则的前提下创建页面、填充数据、分享小知识等
如果有兴趣想参与WIKI的深度建设可以加入交流群,私聊群主或者管理了解详情。
按钮测试
测试2
测试2
测试2
测试2
|
样式二:RBOX-2
源码
|
{{RAFT|开始|标题=BWIKI|CSS=RBOX-2|追加CSS=background:#404040}}
{{RAFT|内容开始}}
{{RAFT|二级标题|标题=关于本WIKI}}
<!--内容部分:开始-->
欢迎小伙伴们来到BWIKI!
本WIKI开放编辑,任何人都可以在遵守编辑规则的前提下创建页面、填充数据、分享小知识等
如果有兴趣想参与WIKI的深度建设可以加入交流群,私聊群主或者管理了解详情。
{{RAFT|二级标题|标题=按钮测试}}
<!--内容部分:开始-->
{{RAFT|按钮|测试2|测试2}}
{{RAFT|按钮|测试2|测试2}}
{{RAFT|按钮|测试2|测试2}}
{{RAFT|按钮|测试2|测试2}}
{{RAFT|内容结束}}
{{RAFT|结束}}
|
显示效果
|
BWIKI
关于本WIKI
欢迎小伙伴们来到BWIKI!
本WIKI开放编辑,任何人都可以在遵守编辑规则的前提下创建页面、填充数据、分享小知识等
如果有兴趣想参与WIKI的深度建设可以加入交流群,私聊群主或者管理了解详情。
按钮测试
测试2
测试2
测试2
测试2
|
样式二:RBOX-3
源码
|
{{RAFT|开始|标题=BWIKI|CSS=RBOX-3}}
{{RAFT|内容开始}}
{{RAFT|二级标题|标题=关于本WIKI}}
<!--内容部分:开始-->
欢迎小伙伴们来到BWIKI!
本WIKI开放编辑,任何人都可以在遵守编辑规则的前提下创建页面、填充数据、分享小知识等
如果有兴趣想参与WIKI的深度建设可以加入交流群,私聊群主或者管理了解详情。
{{RAFT|二级标题|标题=按钮测试}}
<!--内容部分:开始-->
{{RAFT|按钮|测试2|测试2}}
{{RAFT|按钮|测试2|测试2}}
{{RAFT|按钮|测试2|测试2}}
{{RAFT|按钮|测试2|测试2}}
{{RAFT|内容结束}}
{{RAFT|结束}}
|
显示效果
|
BWIKI
关于本WIKI
欢迎小伙伴们来到BWIKI!
本WIKI开放编辑,任何人都可以在遵守编辑规则的前提下创建页面、填充数据、分享小知识等
如果有兴趣想参与WIKI的深度建设可以加入交流群,私聊群主或者管理了解详情。
按钮测试
测试2
测试2
测试2
测试2
|
样式二:RBOX-4
源码
|
{{RAFT|开始|标题=BWIKI|CSS=RBOX-4}}
{{RAFT|内容开始}}
{{RAFT|二级标题|标题=关于本WIKI}}
<!--内容部分:开始-->
欢迎小伙伴们来到BWIKI!
本WIKI开放编辑,任何人都可以在遵守编辑规则的前提下创建页面、填充数据、分享小知识等
如果有兴趣想参与WIKI的深度建设可以加入交流群,私聊群主或者管理了解详情。
{{RAFT|二级标题|标题=按钮测试}}
<!--内容部分:开始-->
{{RAFT|按钮|测试2|测试2}}
{{RAFT|按钮|测试2|测试2}}
{{RAFT|按钮|测试2|测试2}}
{{RAFT|按钮|测试2|测试2}}
{{RAFT|内容结束}}
{{RAFT|结束}}
|
显示效果
|
BWIKI
关于本WIKI
欢迎小伙伴们来到BWIKI!
本WIKI开放编辑,任何人都可以在遵守编辑规则的前提下创建页面、填充数据、分享小知识等
如果有兴趣想参与WIKI的深度建设可以加入交流群,私聊群主或者管理了解详情。
按钮测试
测试2
测试2
测试2
测试2
|
样式二:RBOX-5
源码
|
{{RAFT|开始|标题=BWIKI|CSS=RBOX-5}}
{{RAFT|内容开始}}
{{RAFT|二级标题|标题=关于本WIKI}}
<!--内容部分:开始-->
欢迎小伙伴们来到BWIKI!
本WIKI开放编辑,任何人都可以在遵守编辑规则的前提下创建页面、填充数据、分享小知识等
如果有兴趣想参与WIKI的深度建设可以加入交流群,私聊群主或者管理了解详情。
{{RAFT|二级标题|标题=按钮测试}}
<!--内容部分:开始-->
{{RAFT|按钮|测试2|测试2}}
{{RAFT|按钮|测试2|测试2}}
{{RAFT|按钮|测试2|测试2}}
{{RAFT|按钮|测试2|测试2}}
{{RAFT|内容结束}}
{{RAFT|结束}}
|
显示效果
|
BWIKI
关于本WIKI
欢迎小伙伴们来到BWIKI!
本WIKI开放编辑,任何人都可以在遵守编辑规则的前提下创建页面、填充数据、分享小知识等
如果有兴趣想参与WIKI的深度建设可以加入交流群,私聊群主或者管理了解详情。
按钮测试
测试2
测试2
测试2
测试2
|
css样式源码
复制以下代码到mediawiki:common.css中.
.RAFT-BOX {width:100%;margin-bottom:20px;}
.RBOX-title-1 {width:100%;font-size:14px;padding:7px 10px;font-weight: bold;background:#404040;color:#fff;}
.RBOX-title-2 {padding: 10px 0px 5px 0px;font-size: 14px;font-weight: bold;border-bottom: 1px solid #384348;}
.RBOX-N {width:100%;padding:0px;}
.RBOX-GD {color:#f7f7f7;border: 1px solid #f7f7f7;padding: 0px 5px;border-radius: 50%;}
.RBOX-AN-50 {width:50%}
.RBOX-AN-25 {width:25%}
.RBOX-AN-20 {width:20%}
.RBOX-AN2 {width:100%;display: inline-block;height:30px;line-height:30px;padding-left:35px;padding-right:5px;color:#404040;}
.RBOX-AN2:hover {background:#000;color:#f7f7f7;}
@media only screen and (max-width:759px){
.RBOX-AN-25 {width:50%}
.RBOX-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;}
.RBOX-1 .RBOX-title-2 {padding: 10px 0px 5px 0px;}
.RBOX-1 {background:#f7f7f7;border:1px solid #404040;}
.RBOX-1 .RBOX-N {padding:5px 10px;}
.RBOX-2 .RBOX-title-1 {border-radius: 8px;}
.RBOX-2 {border:1px solid #404040;border-radius: 4px;padding:2px}
.RBOX-2 .RBOX-2-1 {background:#f7f7f7;border:1px solid #404040;border-radius: 8px;padding:10px;}
.RBOX-3 .RBOX-title-1 {border-radius: 8px;}
.RBOX-3 {background:#f7f7f7;border-radius: 8px;padding:10px}
.RBOX-4 .RBOX-title-1 {border-radius: 8px 8px 0px 0px;}
.RBOX-4 {background:#f7f7f7;border-radius: 8px;padding:0px;}
.RBOX-4 .RBOX-N {padding:5px 10px;}
.RBOX-5 .RBOX-title-1 {border-radius: 8px 8px 0px 0px;background:#262626;color:#f7f7f7;}
.RBOX-5 .RBOX-title-2 {padding: 10px 0px 5px 0px;border-bottom: 1px solid #262626;}
.RBOX-5 {background:#404040;border-radius: 8px;padding:0px;}
.RBOX-5 .RBOX-N {padding:5px 10px;border:2px solid #262626;border-top:0px solid ;RBOX-shadow: inset 0 0 1px 2px #000;color:#f7f7f7;border-radius: 0px 0px 8px 8px;}
.RBOX-5 .bili-section-normal,.RBOX-5 .bili-section-primary {color: #f7f7f7;background: #626262;border: 1px solid rgb(0, 0, 0);}
.RBOX-5 .bili-section-normal:hover {color: #fff;background: #000;border: 1px solid rgba(0, 0, 0, 0.1);cursor: pointer;}
.RBOX-5 .RBOX-zt {color:#f7f7f7}
.RBOX-5 .update-log a {color: #f7f7f7 !important;}
.RBOX-5 .RBOX-AN2 {width:100%;display: inline-block;height:30px;line-height:30px;padding-left:35px;padding-right:5px;color: #f7f7f7;background: #626262;}
.RBOX-5 .RBOX-AN2:hover {color: #fff;background: #000;}