模板:板块：修订间差异

来自地狱潜兵2-营地百科
可视化wikitext
无编辑摘要
无编辑摘要
 
第6行： 第6行：
|结束=</div></div>
|结束=</div></div>
|按钮=[[{{{2|}}}|<span class="bili-section-normal section-wrap" style="margin:5px 5px 5px 0px;{{#ifeq:{{{颜色|}}}|||border:1px solid #{{{颜色|}}};border-left:3px solid #{{{颜色|}}};}}">{{#ifeq:{{{3|}}}||{{{2|}}}|{{{3|}}}}}</span>]]
|按钮=[[{{{2|}}}|<span class="bili-section-normal section-wrap" style="margin:5px 5px 5px 0px;{{#ifeq:{{{颜色|}}}|||border:1px solid #{{{颜色|}}};border-left:3px solid #{{{颜色|}}};}}">{{#ifeq:{{{3|}}}||{{{2|}}}|{{{3|}}}}}</span>]]
|图标=<div class="BOX-AN-{{#ifeq:{{{宽度|}}}||25|{{{宽度|}}}}}" style="float:left;position:relative;height:30px;margin:5px 0px">[[{{{2|}}}|<span class="BOX-AN2">{{#ifeq:{{{3|}}}||{{{2|}}}|{{{3|}}}}}</span></span>]]<div style="position: absolute;top: 0px;left:0px;">[[file:{{{2|}}} icon.png|30px|link={{{2|}}}]]</div></div>
|图标=<div class="BOX-AN-{{#ifeq:{{{宽度|}}}||25|{{{宽度|}}}}}" style="float:left;position:relative;height:{{#ifeq:{{{高度|}}}||30px|{{{高度|}}}px}};margin:5px 0px">[[{{{3|}}}|<span class="BOX-AN2">{{#ifeq:{{{4|}}}||{{{3|}}}|{{{4|}}}}}</span></span>]]<div style="position: absolute;top: 0px;left:0px;">[[file:{{{2|}}}.png|{{#ifeq:{{{高度|}}}||x30px|x{{{高度|}}}px}}|link={{{3|}}}]]</div></div>
|文章=<div style="width:100%;overflow:hidden"><span style="float:left;width:36px;height:22px;line-height:22px;background-color:#{{#switch:{{{2}}}|公告=FF666B|专题=6089F6|攻略=00B6FF|新手=00B6FF|科普=6089F6|视频=b0b398|角色=FF666B|推图=96dc85|00B6FF}};border-radius: 4px;color: #fff;text-align: center;margin:4px 0px;margin-right:10px;font-size:12px" >{{{2|}}}</span><span style="float:left;width:calc(100% - 46px);height:22px;line-height:22px;margin:4px 0px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">[[{{{3|}}}|<font class="BOX-zt">{{#ifeq:{{{4|}}}||{{{3|}}}|{{{4|}}}}}</font>]]</span></div>
|文章=<div style="width:100%;overflow:hidden"><span style="float:left;width:36px;height:22px;line-height:22px;background-color:#{{#switch:{{{2}}}|公告=b96f3f|专题=4b69b9|攻略=526398|新手=449bca|科普=294184|视频=444444|角色=ab5356|推图=75a26a|同人=989898|526398}};border-radius: 2px;color: #fff;text-align: center;margin:4px 0px;margin-right:10px;font-size:12px" >{{{2|}}}</span><span style="float:left;width:calc(100% - 46px);height:22px;line-height:22px;margin:4px 0px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">[[{{{3|}}}|<font class="BOX-zt" style="color:rgba(0, 0, 0, 0.85);">{{#ifeq:{{{4|}}}||{{{3|}}}|{{{4|}}}}}</font>]]</span></div>
|文章外链=<div style="width:100%;overflow:hidden"><span style="float:left;width:36px;height:22px;line-height:22px;background-color:#{{#switch:{{{2}}}|公告=FF666B|专题=6089F6|攻略=00B6FF|新手=00B6FF|科普=6089F6|视频=b0b398|角色=FF666B|推图=96dc85|00B6FF}};border-radius: 4px;color: #fff;text-align: center;margin:4px 0px;margin-right:10px;font-size:12px" >{{{2|}}}</span><span style="float:left;width:calc(100% - 46px);height:22px;line-height:22px;margin:4px 0px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">[{{{3|}}} <font class="BOX-zt">{{#ifeq:{{{4|}}}||{{{3|}}}|{{{4|}}}}}</font>]</span></div>
|文章外链=<div style="width:100%;overflow:hidden"><span style="float:left;width:36px;height:22px;line-height:22px;background-color:#{{#switch:{{{2}}}|公告=b96f3f|专题=4b69b9|攻略=526398|新手=449bca|科普=294184|视频=444444|角色=ab5356|推图=75a26a|同人=989898|526398}};border-radius: 2px;color: #fff;text-align: center;margin:4px 0px;margin-right:10px;font-size:12px" >{{{2|}}}</span><span style="float:left;width:calc(100% - 46px);height:22px;line-height:22px;margin:4px 0px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">[{{{3|}}} <font class="BOX-zt" style="color:rgba(0, 0, 0, 0.85);>{{#ifeq:{{{4|}}}||{{{3|}}}|{{{4|}}}}}</font>]</span></div>
|轮播图=<div id=biliCarousel{{#ifeq:{{{轮播编号|}}}||1|{{{轮播编号|}}}}} class="carousel slide big-carousel" data-ride=carousel data-interval=5000 style="padding:0px"><div class="carousel-inner"><div class="item active">{{{图1|}}}</div>{{#ifeq:{{{图2|}}}|||<div class="item">{{{图2|}}}</div>}}{{#ifeq:{{{图3|}}}|||<div class="item">{{{图3|}}}</div>}}{{#ifeq:{{{图4|}}}|||<div class="item">{{{图4|}}}</div>}}{{#ifeq:{{{图5|}}}|||<div class="item">{{{图5|}}}</div>}}{{#ifeq:{{{图6|}}}|||<div class="item">{{{图6|}}}</div>}}{{#ifeq:{{{图7|}}}|||<div class="item">{{{图7|}}}</div>}}{{#ifeq:{{{图8|}}}|||<div class="item">{{{图8|}}}</div>}}</div><ol class="carousel-indicators">{{#ifeq:{{{图2|}}}|||<li data-target=#biliCarousel{{#ifeq:{{{轮播编号|}}}||1|{{{轮播编号|}}}}} data-slide-to=0 class="active"></li>}}{{#ifeq:{{{图2|}}}|||<li data-target=#biliCarousel{{#ifeq:{{{轮播编号|}}}||1|{{{轮播编号|}}}}} data-slide-to=1></li>}}{{#ifeq:{{{图3|}}}|||<li data-target=#biliCarousel{{#ifeq:{{{轮播编号|}}}||1|{{{轮播编号|}}}}} data-slide-to=2></li>}}{{#ifeq:{{{图4|}}}|||<li data-target=#biliCarousel{{#ifeq:{{{轮播编号|}}}||1|{{{轮播编号|}}}}} data-slide-to=3></li>}}{{#ifeq:{{{图5|}}}|||<li data-target=#biliCarousel{{#ifeq:{{{轮播编号|}}}||1|{{{轮播编号|}}}}} data-slide-to=4></li>}}{{#ifeq:{{{图6|}}}|||<li data-target=#biliCarousel{{#ifeq:{{{轮播编号|}}}||1|{{{轮播编号|}}}}} data-slide-to=5></li>}}{{#ifeq:{{{图7|}}}|||<li data-target=#biliCarousel{{#ifeq:{{{轮播编号|}}}||1|{{{轮播编号|}}}}} data-slide-to=6></li>}}{{#ifeq:{{{图8|}}}|||<li data-target=#biliCarousel{{#ifeq:{{{轮播编号|}}}||1|{{{轮播编号|}}}}} data-slide-to=7></li>}}</ol></div>
|轮播图=<div id=biliCarousel{{#ifeq:{{{轮播编号|}}}||1|{{{轮播编号|}}}}} class="carousel slide big-carousel" data-ride=carousel data-interval=5000 style="padding:0px"><div class="carousel-inner"><div class="item active">{{{图1|}}}</div>{{#ifeq:{{{图2|}}}|||<div class="item">{{{图2|}}}</div>}}{{#ifeq:{{{图3|}}}|||<div class="item">{{{图3|}}}</div>}}{{#ifeq:{{{图4|}}}|||<div class="item">{{{图4|}}}</div>}}{{#ifeq:{{{图5|}}}|||<div class="item">{{{图5|}}}</div>}}{{#ifeq:{{{图6|}}}|||<div class="item">{{{图6|}}}</div>}}{{#ifeq:{{{图7|}}}|||<div class="item">{{{图7|}}}</div>}}{{#ifeq:{{{图8|}}}|||<div class="item">{{{图8|}}}</div>}}</div><ol class="carousel-indicators">{{#ifeq:{{{图2|}}}|||<li data-target=#biliCarousel{{#ifeq:{{{轮播编号|}}}||1|{{{轮播编号|}}}}} data-slide-to=0 class="active"></li>}}{{#ifeq:{{{图2|}}}|||<li data-target=#biliCarousel{{#ifeq:{{{轮播编号|}}}||1|{{{轮播编号|}}}}} data-slide-to=1></li>}}{{#ifeq:{{{图3|}}}|||<li data-target=#biliCarousel{{#ifeq:{{{轮播编号|}}}||1|{{{轮播编号|}}}}} data-slide-to=2></li>}}{{#ifeq:{{{图4|}}}|||<li data-target=#biliCarousel{{#ifeq:{{{轮播编号|}}}||1|{{{轮播编号|}}}}} data-slide-to=3></li>}}{{#ifeq:{{{图5|}}}|||<li data-target=#biliCarousel{{#ifeq:{{{轮播编号|}}}||1|{{{轮播编号|}}}}} data-slide-to=4></li>}}{{#ifeq:{{{图6|}}}|||<li data-target=#biliCarousel{{#ifeq:{{{轮播编号|}}}||1|{{{轮播编号|}}}}} data-slide-to=5></li>}}{{#ifeq:{{{图7|}}}|||<li data-target=#biliCarousel{{#ifeq:{{{轮播编号|}}}||1|{{{轮播编号|}}}}} data-slide-to=6></li>}}{{#ifeq:{{{图8|}}}|||<li data-target=#biliCarousel{{#ifeq:{{{轮播编号|}}}||1|{{{轮播编号|}}}}} data-slide-to=7></li>}}</ol></div>
|通知|签到=<div style="border-radius: 6px;padding: 5px;background:#FFF;border: 1px solid #d0d0d0;border-left: 5px solid rgb(77 120 216 / 78%);margin-bottom:5px;width:100%;max-width:100%;text-align:left"><font style="color: rgb(77 120 216 / 78%)">'''{{{2|}}}'''</font><br><font style="font-size:10px">{{{3|}}} ～{{{4|}}}</font></div><div >
|通知|签到=<div style="border-radius: 6px;padding: 5px;background:#FFF;border: 1px solid #d0d0d0;border-left: 5px solid #d0d0d0;margin-bottom:5px;width:100%;max-width:100%;text-align:left">'''{{{2|}}}'''<br><font style="font-size:10px">{{{3|}}} ～{{{4|}}}</font></div>
|通知2|活动=<div style="border-radius: 6px;padding: 5px;background:#FFF;border: 1px solid #d0d0d0;border-left: 5px solid rgb(34 152 26);margin-bottom:5px;width:100%;max-width:100%;text-align:left"><font style="color: rgb(34 152 26)">'''{{{2|}}}'''</font><br><font style="font-size:10px">{{{3|}}} ～{{{4|}}}</font></div><div >
|通知2|活动=<div style="border-radius: 6px;padding: 5px;background:#FFF;border: 1px solid #d0d0d0;border-left: 5px solid #d0d0d0;margin-bottom:5px;width:100%;max-width:100%;text-align:left">'''{{{2|}}}'''<br><font style="font-size:10px">{{{3|}}} ～{{{4|}}}</font></div>
|通知3|卡池=<div style="border-radius: 6px;padding: 5px;background:#FFF;border: 1px solid #d0d0d0;border-left: 5px solid rgb(255 29 29 / 78%);margin-bottom:5px;width:100%;max-width:100%;text-align:left"><font style="color: rgb(255 29 29 / 78%)">'''{{{2|}}}'''</font><br><font style="font-size:10px">{{{3|}}} ～{{{4|}}}</font></div><div >
|通知3|卡池=<div style="border-radius: 6px;padding: 5px;background:#FFF;border: 1px solid #d0d0d0;border-left: 5px solid #d0d0d0;margin-bottom:5px;width:100%;max-width:100%;text-align:left">'''{{{2|}}}'''<br><font style="font-size:10px">{{{3|}}} ～{{{4|}}}</font></div>
}}</includeonly><noinclude>
|日替=<div style="border-radius: 6px;padding: 5px;background:#FFF;border: 1px solid #d0d0d0;border-left: 5px solid  #d0d0d0;margin-bottom:5px;width:100%;max-width:100%;text-align:left">'''[[{{#if:{{{跳转|}}}|{{{跳转|}}}|{{{2|}}}}}|<font style="color:rgba(0, 0, 0, 0.85);>{{{2|}}}</font>]]'''<br><font style="font-size:10px">{{{3|}}}</font></div>
<div class="row">
}}</includeonly><noinclude>{{面包屑|模板}}[[分类:模板]]{{模板说明}}</noinclude>
<div class="col-sm-7">
{{教程标题|一级标题=前言}}
<div class="wenzi1">
*'''该模板提供了几个常用的设定好的板块，适用于WIKI编辑萌新'''
*'''相关代码已预置到各大wiki中
*该模板包含基础的 [[模板:板块#基本部分|板块功能]] 以及拓展功能的 [[模板:板块#按钮|按钮]] 、 [[模板:板块#图标|带图按钮]] 、 [[模板:板块#轮播图|轮播图]]
*复制以下示例中的 '''源码''' 部分即可直接使用。
*配合 '''Bootstrap框架''' 即可轻松完成首页的建设。
</div>
__TOC__
{{教程标题|一级标题=懒人包}}
<div class="wenzi1">
*直接复制 '''[https://wiki.biligame.com/wiki/%E5%8F%8C%E6%A0%8FWIKI%E9%A6%96%E9%A1%B5 双栏WIKI首页] '''or''' [https://wiki.biligame.com/wiki/%E4%B8%89%E6%A0%8FWIKI%E9%A6%96%E9%A1%B5 三栏WIKI首页]''' 的页面源码。
**'''注意：'''需要先复制'''本模板'''的源码。
**'''替换板块样式'''：<kbd>源代码编辑模式</kbd>下→<kbd>工具栏</kbd>的上方→选中<kbd>高级</kbd>→<kbd>工具栏右侧的放大镜高级</kbd>→点击<kbd>工具栏</kbd>右侧的<kbd>放大镜</kbd>，查找内输入 '''BOX-X'''（当前使用的CSS名） 替换为 '''BOX-X'''（想要使用的CSS名）。
</div>
{{教程标题|一级标题=示例}}
{| class="wikitable" style="width:100%"
|-
! 源码
|-
|
<pre>{{板块|开始|标题=我是一级标题，请替换|查看更多=攻略|追加CSS=|追加CSS2=}}
{{板块|内容开始|追加CSS=}}
{{板块|二级标题|标题=我是二级标题，请替换|追加CSS=}}
<!--内容部分：开始-->
我是内容1，请替换
<!--内容部分：结束-->
{{板块|二级标题|标题=我是二级标题，请替换|追加CSS=}}
<!--内容部分：开始-->
我是内容2，请替换
<!--内容部分：结束-->
{{板块|内容结束}}
{{板块|结束}}</pre>
|-
! 展示效果
|-
|
{{板块|开始|标题=我是一级标题，请替换|查看更多=攻略|追加CSS=|追加CSS2=}}
{{板块|内容开始|追加CSS=}}
{{板块|二级标题|标题=我是二级标题，请替换|追加CSS=}}
<!--内容部分：开始-->
我是内容1，请替换
<!--内容部分：结束-->
{{板块|二级标题|标题=我是二级标题，请替换|追加CSS=}}
<!--内容部分：开始-->
我是内容2，请替换
<!--内容部分：结束-->
{{板块|内容结束}}
{{板块|结束}}
|}
 
==拓展部分==
===按钮===
{| class="wikitable" style="width:100%"
|-
! 源码
|-
|
<pre>
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
</pre>
|-
! 显示效果
|-
|
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
|}
 
===带图按钮===
 
*参数：<nowiki>{{板块|图标|链接名，图片名|显示名词，不填则显示为链接名|宽度=20/25/50}}</nowiki>
*宽度为按钮所占版区内的百分比宽度，可选20%、25%、50%，不填则默认为25%
 
{| class="wikitable" style="width:100%"
|-
! 源码
|-
|
<pre>
{{板块|图标|Pcr|公主连结|宽度=50}}
{{板块|图标|Pcr|公主连结|宽度=50}}
{{板块|图标|Pcr|公主连结|宽度=50}}
{{板块|图标|Pcr|公主连结|宽度=50}}
{{板块|图标|Pcr|公主连结}}
{{板块|图标|Pcr|公主连结}}
{{板块|图标|Pcr|公主连结}}
{{板块|图标|Pcr|公主连结}}
{{板块|图标|Pcr|公主连结}}
{{板块|图标|Pcr|公主连结}}
{{板块|图标|Pcr|公主连结}}
{{板块|图标|Pcr|公主连结}}
{{板块|图标|Pcr|公主连结|宽度=20}}
{{板块|图标|Pcr|公主连结|宽度=20}}
{{板块|图标|Pcr|公主连结|宽度=20}}
{{板块|图标|Pcr|公主连结|宽度=20}}
{{板块|图标|Pcr|公主连结|宽度=20}}
{{板块|图标|Pcr|公主连结|宽度=20}}
{{板块|图标|Pcr|公主连结|宽度=20}}
{{板块|图标|Pcr|公主连结|宽度=20}}
{{板块|图标|Pcr|公主连结|宽度=20}}
{{板块|图标|Pcr|公主连结|宽度=20}}
</pre>
|-
! 显示效果
|-
|
{{板块|图标|Pcr|公主连结|宽度=50}}
{{板块|图标|Pcr|公主连结|宽度=50}}
{{板块|图标|Pcr|公主连结|宽度=50}}
{{板块|图标|Pcr|公主连结|宽度=50}}
{{板块|图标|Pcr|公主连结}}
{{板块|图标|Pcr|公主连结}}
{{板块|图标|Pcr|公主连结}}
{{板块|图标|Pcr|公主连结}}
{{板块|图标|Pcr|公主连结}}
{{板块|图标|Pcr|公主连结}}
{{板块|图标|Pcr|公主连结}}
{{板块|图标|Pcr|公主连结}}
{{板块|图标|Pcr|公主连结|宽度=20}}
{{板块|图标|Pcr|公主连结|宽度=20}}
{{板块|图标|Pcr|公主连结|宽度=20}}
{{板块|图标|Pcr|公主连结|宽度=20}}
{{板块|图标|Pcr|公主连结|宽度=20}}
{{板块|图标|Pcr|公主连结|宽度=20}}
{{板块|图标|Pcr|公主连结|宽度=20}}
{{板块|图标|Pcr|公主连结|宽度=20}}
{{板块|图标|Pcr|公主连结|宽度=20}}
{{板块|图标|Pcr|公主连结|宽度=20}}
|}
 
===文章===
{| class="wikitable" style="width:100%"
|-
!源码
|-
|
<pre>
{{板块|文章|标签|测试文章页面名|测试文章页面名}}
{{板块|文章|标签|测试文章页面名|测试文章页面名2}}
</pre>
|-
!显示效果
|-
|
{{板块|文章|标签|测试文章页面名|测试文章页面名}}
{{板块|文章|标签|测试文章页面名|测试文章页面名2}}
|}
 
===轮播图===
*同一页面内使用多个轮播图时，注意轮播编号不能重复！
*不需要多个轮播时，从下方开始删除，保留对应数量的图即可（别把 <kbd><nowiki>}}</nowiki></kbd> 删了哦
 
{| class="wikitable" style="width:100%"
|-
!源码
|-
|
<pre>
{{板块
|轮播图
|轮播编号=1
|图1=[[文件:申请创建WIKI.png|申请创建WIKI|link=WIKI申请页面]]
|图2=[[文件:申请创建WIKI.png|申请创建WIKI|link=WIKI申请页面]]
|图3=[[文件:申请创建WIKI.png|申请创建WIKI|link=WIKI申请页面]]
}}
{{板块
|轮播图
|轮播编号=2
|图1=[[文件:申请创建WIKI.png|申请创建WIKI|link=WIKI申请页面]]
|图2=[[文件:申请创建WIKI.png|申请创建WIKI|link=WIKI申请页面]]
|图3=[[文件:申请创建WIKI.png|申请创建WIKI|link=WIKI申请页面]]
|图4=[[文件:申请创建WIKI.png|申请创建WIKI|link=WIKI申请页面]]
|图5=[[文件:申请创建WIKI.png|申请创建WIKI|link=WIKI申请页面]]
|图6=[[文件:申请创建WIKI.png|申请创建WIKI|link=WIKI申请页面]]
}}
</pre>
 
|-
!显示效果
|-
|
{{板块
|轮播图
|轮播编号=1
|图1=[[文件:申请创建WIKI.png|申请创建WIKI|link=WIKI申请页面]]
|图2=[[文件:申请创建WIKI.png|申请创建WIKI|link=WIKI申请页面]]
|图3=[[文件:申请创建WIKI.png|申请创建WIKI|link=WIKI申请页面]]
}}
{{板块
|轮播图
|轮播编号=2
|图1=[[文件:申请创建WIKI.png|申请创建WIKI|link=WIKI申请页面]]
|图2=[[文件:申请创建WIKI.png|申请创建WIKI|link=WIKI申请页面]]
|图3=[[文件:申请创建WIKI.png|申请创建WIKI|link=WIKI申请页面]]
|图4=[[文件:申请创建WIKI.png|申请创建WIKI|link=WIKI申请页面]]
|图5=[[文件:申请创建WIKI.png|申请创建WIKI|link=WIKI申请页面]]
|图6=[[文件:申请创建WIKI.png|申请创建WIKI|link=WIKI申请页面]]
}}
|}
 
==使用示例==
===默认样式===
{| class="wikitable" style="width:100%"
|-
!源码
|-
|
<pre>
{{板块|开始|标题=BWIKI}}
{{板块|内容开始}}
{{板块|二级标题|标题=关于本WIKI}}
<!--内容部分：开始-->
欢迎小伙伴们来到BWIKI！
 
本WIKI开放编辑，任何人都可以在遵守编辑规则的前提下创建页面、填充数据、分享小知识等
 
如果有兴趣想参与WIKI的深度建设可以加入交流群，私聊群主或者管理了解详情。
<!--内容部分：结束-->
{{板块|二级标题|标题=按钮测试}}
<!--内容部分：开始-->
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
<!--内容部分：结束-->
{{板块|内容结束}}
{{板块|结束}}
</pre>
|-
!显示效果
|-
|
{{板块|开始|标题=BWIKI}}
{{板块|内容开始}}
{{板块|二级标题|标题=关于本WIKI}}
欢迎小伙伴们来到BWIKI！
 
本WIKI开放编辑，任何人都可以在遵守编辑规则的前提下创建页面、填充数据、分享小知识等
 
如果有兴趣想参与WIKI的深度建设可以加入交流群，私聊群主或者管理了解详情。
{{板块|二级标题|标题=按钮测试}}
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
{{板块|内容结束}}
{{板块|结束}}
|}
 
===样式一：BOX-1===
{| class="wikitable" style="width:100%"
|-
!源码
|-
|
<pre>
{{板块|开始|标题=BWIKI|CSS=BOX-1}}
{{板块|内容开始}}
{{板块|二级标题|标题=关于本WIKI}}
<!--内容部分：开始-->
欢迎小伙伴们来到BWIKI！
 
本WIKI开放编辑，任何人都可以在遵守编辑规则的前提下创建页面、填充数据、分享小知识等
 
如果有兴趣想参与WIKI的深度建设可以加入交流群，私聊群主或者管理了解详情。
<!--内容部分：结束-->
{{板块|二级标题|标题=按钮测试}}
<!--内容部分：开始-->
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
{{板块|内容结束}}
<!--内容部分：结束-->
{{板块|结束}}
</pre>
|-
!显示效果
|-
|
{{板块|开始|标题=BWIKI|CSS=BOX-1}}
{{板块|内容开始}}
{{板块|二级标题|标题=关于本WIKI}}
欢迎小伙伴们来到BWIKI！
 
本WIKI开放编辑，任何人都可以在遵守编辑规则的前提下创建页面、填充数据、分享小知识等
 
如果有兴趣想参与WIKI的深度建设可以加入交流群，私聊群主或者管理了解详情。
{{板块|二级标题|标题=按钮测试}}
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
{{板块|内容结束}}
{{板块|结束}}
|}
 
===样式二：BOX-2===
{| class="wikitable" style="width:100%"
|-
!源码
|-
|
<pre>
{{板块|开始|标题=BWIKI|CSS=BOX-2|追加CSS=background:#404040}}
{{板块|内容开始}}
{{板块|二级标题|标题=关于本WIKI}}
<!--内容部分：开始-->
欢迎小伙伴们来到BWIKI！
 
本WIKI开放编辑，任何人都可以在遵守编辑规则的前提下创建页面、填充数据、分享小知识等
 
如果有兴趣想参与WIKI的深度建设可以加入交流群，私聊群主或者管理了解详情。
{{板块|二级标题|标题=按钮测试}}
<!--内容部分：开始-->
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
{{板块|内容结束}}
{{板块|结束}}
</pre>
|-
! 显示效果
|-
|
{{板块|开始|标题=BWIKI|CSS=BOX-2|追加CSS=background:#404040}}
{{板块|内容开始}}
{{板块|二级标题|标题=关于本WIKI}}
欢迎小伙伴们来到BWIKI！
 
本WIKI开放编辑，任何人都可以在遵守编辑规则的前提下创建页面、填充数据、分享小知识等
 
如果有兴趣想参与WIKI的深度建设可以加入交流群，私聊群主或者管理了解详情。
{{板块|二级标题|标题=按钮测试}}
<!--内容部分：开始-->
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
<!--内容部分：结束-->
{{板块|内容结束}}
{{板块|结束}}
|}
 
===样式二：BOX-3===
{| class="wikitable" style="width:100%"
|-
!源码
|-
|
<pre>
{{板块|开始|标题=BWIKI|CSS=BOX-3}}
{{板块|内容开始}}
{{板块|二级标题|标题=关于本WIKI}}
<!--内容部分：开始-->
欢迎小伙伴们来到BWIKI！
 
本WIKI开放编辑，任何人都可以在遵守编辑规则的前提下创建页面、填充数据、分享小知识等
 
如果有兴趣想参与WIKI的深度建设可以加入交流群，私聊群主或者管理了解详情。
{{板块|二级标题|标题=按钮测试}}
<!--内容部分：开始-->
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
{{板块|内容结束}}
{{板块|结束}}
</pre>
|-
!显示效果
|-
|
{{板块|开始|标题=BWIKI|CSS=BOX-3}}
{{板块|内容开始}}
{{板块|二级标题|标题=关于本WIKI}}
欢迎小伙伴们来到BWIKI！
 
本WIKI开放编辑，任何人都可以在遵守编辑规则的前提下创建页面、填充数据、分享小知识等
 
如果有兴趣想参与WIKI的深度建设可以加入交流群，私聊群主或者管理了解详情。
{{板块|二级标题|标题=按钮测试}}
<!--内容部分：开始-->
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
<!--内容部分：结束-->
{{板块|内容结束}}
{{板块|结束}}
|}
 
 
===样式二：BOX-4===
{| class="wikitable" style="width:100%"
|-
!源码
|-
|
<pre>
{{板块|开始|标题=BWIKI|CSS=BOX-4}}
{{板块|内容开始}}
{{板块|二级标题|标题=关于本WIKI}}
<!--内容部分：开始-->
欢迎小伙伴们来到BWIKI！
 
本WIKI开放编辑，任何人都可以在遵守编辑规则的前提下创建页面、填充数据、分享小知识等
 
如果有兴趣想参与WIKI的深度建设可以加入交流群，私聊群主或者管理了解详情。
{{板块|二级标题|标题=按钮测试}}
<!--内容部分：开始-->
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
{{板块|内容结束}}
{{板块|结束}}
</pre>
|-
!显示效果
|-
|
{{板块|开始|标题=BWIKI|CSS=BOX-4}}
{{板块|内容开始}}
{{板块|二级标题|标题=关于本WIKI}}
欢迎小伙伴们来到BWIKI！
 
本WIKI开放编辑，任何人都可以在遵守编辑规则的前提下创建页面、填充数据、分享小知识等
 
如果有兴趣想参与WIKI的深度建设可以加入交流群，私聊群主或者管理了解详情。
{{板块|二级标题|标题=按钮测试}}
<!--内容部分：开始-->
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
<!--内容部分：结束-->
{{板块|内容结束}}
{{板块|结束}}
|}
 
===样式二：BOX-5===
{| class="wikitable" style="width:100%"
|-
!源码
|-
|
<pre>
{{板块|开始|标题=BWIKI|CSS=BOX-5}}
{{板块|内容开始}}
{{板块|二级标题|标题=关于本WIKI}}
<!--内容部分：开始-->
欢迎小伙伴们来到BWIKI！
 
本WIKI开放编辑，任何人都可以在遵守编辑规则的前提下创建页面、填充数据、分享小知识等
 
如果有兴趣想参与WIKI的深度建设可以加入交流群，私聊群主或者管理了解详情。
{{板块|二级标题|标题=按钮测试}}
<!--内容部分：开始-->
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
{{板块|内容结束}}
{{板块|结束}}
</pre>
 
|-
!显示效果
|-
|
{{板块|开始|标题=BWIKI|CSS=BOX-5}}
{{板块|内容开始}}
{{板块|二级标题|标题=关于本WIKI}}
欢迎小伙伴们来到BWIKI！
 
本WIKI开放编辑，任何人都可以在遵守编辑规则的前提下创建页面、填充数据、分享小知识等
 
如果有兴趣想参与WIKI的深度建设可以加入交流群，私聊群主或者管理了解详情。
{{板块|二级标题|标题=按钮测试}}
<!--内容部分：开始-->
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
<!--内容部分：结束-->
{{板块|内容结束}}
{{板块|结束}}
|}</div></div>
==css样式源码==
 
复制以下代码到mediawiki:common.css中.
<SyntaxHighlight lang=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;}
</SyntaxHighlight>
</noinclude>

2024年3月8日 (五) 21:24的最新版本

取自“http://wiki.iyingdi.com/helldivers2/index.php?title=模板:板块&oldid=26”