363三列式首页

来自bilibili游戏中心 - WIKI
跳到导航 跳到搜索
页面贡献者 :
bili_minton
顾小满real

效果

代码

复制以下代码到您的首页即可实现以上的内容结构
<!--页面开始-->
__NOTOC__
<div class="container main">
<div class="row">
<!--以上3行必须存在请不要删减-->
<!--轮播图开始-->
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div id=biliCarousel1 class="carousel slide big-carousel" data-ride=carousel data-interval=5000 style="padding:0px">
<div class="carousel-inner">
<div class="item active">[[文件:申请创建WIKI.png|申请创建WIKI|link=WIKI申请页面]]</div><!--默认第1帧-->
<div class="item">[[文件:申请创建WIKI.png|申请创建WIKI|link=WIKI申请页面]]</div><!--第2帧-->
<div class="item">[[文件:申请创建WIKI.png|申请创建WIKI|link=WIKI申请页面]]</div><!--第3帧-->
<div class="item">[[文件:申请创建WIKI.png|申请创建WIKI|link=WIKI申请页面]]</div><!--第4帧-->
<div class="item">[[文件:申请创建WIKI.png|申请创建WIKI|link=WIKI申请页面]]</div><!--第5帧-->
</div>
<ol class="carousel-indicators">
<li data-target=#biliCarousel1 data-slide-to=0 class="active"></li><!--默认第1帧-->
<li data-target=#biliCarousel1 data-slide-to=1></li><!--第2帧-->
<li data-target=#biliCarousel1 data-slide-to=2></li><!--第3帧-->
<li data-target=#biliCarousel1 data-slide-to=3></li><!--第4帧-->
<li data-target=#biliCarousel1 data-slide-to=4></li><!--第5帧-->
</ol>
</div>
</div>
<!--轮播图结束-->
<!--以下开始是左侧3列的内容-->
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<!--链接块1开始-->
<div class="game-introduction" style="margin-bottom:40px">
<div class="bili-title-h1">链接块1</div>
<div class="bili-divider" style="background:#000000"></div>
<div class="bili-list-order" style="padding-bottom:5px">[[实际的链接|<span class="list-order-content">三列式超过十七个汉字会折行行行行行行</span>]]
</div>
<div class="bili-list-order" style="padding-bottom:5px">[[实际的链接|<span class="list-order-content">三列式超过十七个汉字会折行行行行行</span>]]
</div>
<div class="bili-list-order" style="padding-bottom:5px">[[实际的链接|<span class="list-order-content">显示的文字</span>]]
</div>
<div class="bili-list-order" style="padding-bottom:5px">[[实际的链接|<span class="list-order-content">显示的文字</span>]]
</div>
<div class="bili-list-order" style="padding-bottom:5px">[[实际的链接|<span class="list-order-content">显示的文字</span>]]
</div>
</div>
<!--链接块1结束-->
<!--链接块1开始-->
<div class="game-introduction" style="margin-bottom:40px">
<div class="bili-title-h1">链接块1</div>
<div class="bili-divider" style="background:#000000"></div>
<div class="bili-list-order" style="padding-bottom:5px">[[实际的链接|<span class="list-order-content">三列式超过十七个汉字会折行行行行行行</span>]]
</div>
<div class="bili-list-order" style="padding-bottom:5px">[[实际的链接|<span class="list-order-content">三列式超过十七个汉字会折行行行行行</span>]]
</div>
<div class="bili-list-order" style="padding-bottom:5px">[[实际的链接|<span class="list-order-content">显示的文字</span>]]
</div>
<div class="bili-list-order" style="padding-bottom:5px">[[实际的链接|<span class="list-order-content">显示的文字</span>]]
</div>
<div class="bili-list-order" style="padding-bottom:5px">[[实际的链接|<span class="list-order-content">显示的文字</span>]]
</div>
</div>
<!--链接块1结束-->
<!--链接块1开始-->
<div class="game-introduction" style="margin-bottom:40px">
<div class="bili-title-h1">链接块1</div>
<div class="bili-divider" style="background:#000000"></div>
<div class="bili-list-order" style="padding-bottom:5px">[[实际的链接|<span class="list-order-content">三列式超过十七个汉字会折行行行行行行</span>]]
</div>
<div class="bili-list-order" style="padding-bottom:5px">[[实际的链接|<span class="list-order-content">三列式超过十七个汉字会折行行行行行</span>]]
</div>
<div class="bili-list-order" style="padding-bottom:5px">[[实际的链接|<span class="list-order-content">显示的文字</span>]]
</div>
<div class="bili-list-order" style="padding-bottom:5px">[[实际的链接|<span class="list-order-content">显示的文字</span>]]
</div>
<div class="bili-list-order" style="padding-bottom:5px">[[实际的链接|<span class="list-order-content">显示的文字</span>]]
</div>
</div>
<!--链接块1结束-->
</div>
<!--以下开始是中间6列的内容-->
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
<!--词条块1开始-->
<div class="game-introduction" style="margin-bottom:40px">
<div class="bili-title-h1">词条块1</div>
<div class="bili-divider" style="background:#000000"></div>
<div class="bili-title-h2">词条块1-1</div>
{{按钮|实际的链接|显示的文字}}{{按钮|实际的链接|显示的文字}}{{按钮|实际的链接|显示的文字}}{{按钮|实际的链接|显示的文字}}{{按钮|实际的链接|显示的文字}}{{按钮|实际的链接|显示的文字}}
<div class="bili-divider"></div>
<div class="bili-title-h2">词条块1-2</div>
{{按钮|实际的链接|显示的文字}}
{{按钮|实际的链接|显示的文字}}
{{按钮|实际的链接|显示的文字}}
{{按钮|实际的链接|显示的文字}}
{{按钮|实际的链接|显示的文字}}
{{按钮|实际的链接|显示的文字}}
<div class="bili-divider"></div>
<div class="bili-title-h2">词条块1-3</div>
{{按钮|实际的链接|显示的文字}}
{{按钮|实际的链接|显示的文字}}
{{按钮|实际的链接|显示的文字}}
{{按钮|实际的链接|显示的文字}}
{{按钮|实际的链接|显示的文字}}
{{按钮|实际的链接|显示的文字}}
</div>
<!--词条块1结束-->
<!--词条块2开始-->
<div class="game-introduction" style="margin-bottom:40px">
<div class="bili-title-h1">词条块2</div>
<div class="bili-divider" style="background:#000000"></div>
{{按钮|实际的链接|显示的文字}}
{{按钮|实际的链接|显示的文字}}
{{按钮|实际的链接|显示的文字}}
{{按钮|实际的链接|显示的文字}}
{{按钮|实际的链接|显示的文字}}
{{按钮|实际的链接|显示的文字}}
</div>
<!--词条块2结束-->
</div>
<!--中间6列的内容结束-->
<!--以下开始是右侧3列的内容-->
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<!--链接块1开始-->
<div class="game-introduction" style="margin-bottom:40px">
<div class="bili-title-h1">链接块1</div>
<div class="bili-divider" style="background:#000000"></div>
<div class="bili-list-order" style="padding-bottom:5px">[[实际的链接|<span class="list-order-content">三列式超过十七个汉字会折行行行行行行</span>]]
</div>
<div class="bili-list-order" style="padding-bottom:5px">[[实际的链接|<span class="list-order-content">三列式超过十七个汉字会折行行行行行</span>]]
</div>
<div class="bili-list-order" style="padding-bottom:5px">[[实际的链接|<span class="list-order-content">显示的文字</span>]]
</div>
<div class="bili-list-order" style="padding-bottom:5px">[[实际的链接|<span class="list-order-content">显示的文字</span>]]
</div>
<div class="bili-list-order" style="padding-bottom:5px">[[实际的链接|<span class="list-order-content">显示的文字</span>]]
</div>
</div>
<!--链接块1结束-->
<!--关于WIKI开始-->
<div class="sidebar-card" style="margin:0 0 20px 0">
<div class="bili-title-h1">关于WIKI</div>
<div class="bili-divider"></div>
<span class="sidebar-content">

欢迎大家来到(游戏名)WIKI!

这里是(您攻略组的名字),一个由喜爱这款游戏的玩家组成的民间攻略组织,致力于无偿的向玩家提供攻略、数据图鉴、视频、同人相关的内容,希望WIKI给各位玩家的游戏旅程带来便利。

当然WIKI的制作也不离开各位大佬们,有兴趣想参与WIKI建设的玩家可以加入交流群,私聊群主或者管理了解详情。

(游戏名)WIKI交流群:xxxxxxxxxxx
</span>
<div class="sidebar-content"></div>
</div>
<!--关于WIKI结束-->
<!--关于游戏开始-->
<div class="about-us">
<div class="title">关于游戏</div>
<div class="desc" style="height: 40px;line-height: 40px;">[https://xxxxxxxxxxxxxxxx <span class="txt" style="color:#fff">官方B博</span>]
<span class="glyphicon glyphicon-menu-right"></span>
</div>
<div class="desc" style="height: 40px;line-height: 40px;">[https://xxxxxxxxxxxxxxxx <span class="txt" style="color:#fff">官方网站</span>]
<span class="glyphicon glyphicon-menu-right"></span>
</div>
<div class="desc" style="height: 40px;line-height: 40px;">[https://xxxxxxxxxxxxxxxx <span class="txt" style="color:#fff">游戏详情页</span>]
<span class="glyphicon glyphicon-menu-right"></span>
</div>
</div>
<!--关于游戏结束-->
</div>
<!--右侧3列的内容结束-->
</div>
</div>
<!--页面结束-->