如无特殊说明，本WIKI内页面均采用 知识共享 署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0) 许可协议进行许可。
全站通知：
测试页面三
刷
历
编
阅读
2020-06-29更新
最新编辑:BigPurple
阅读：
更新日期：2020-06-29
最新编辑：BigPurple
跳到导航
跳到搜索
冒险岛世界
更新日志
更新日志
-
更新05-15
- 05-13
- 05-10
-
更新05-06
- 04-23
保留内容
<div class="container main">
<div class="row">
<!--以上3行必须存在请不要删减-->
<!-- 全幅轮播图div -->
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" <!-- style="background-color: #aaaaaa" -->>
<!--轮播图开始-->
<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">[[File:demo-1160-200.png]]</div><!--默认第1帧-->
<div class="item">[[File:demo-1160-300.png]]</div><!--第2帧-->
<div class="item">[[File:demo-1160-400.png]]</div><!--第3帧-->
<div class="item">[[File:demo-1160-495.png]]</div><!--第4帧-->
</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帧-->
</ol>
<!--轮播图结束-->
</div>
</div>
<!--以下开始是左侧8列的内容-->
<div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">
<!--词条块1开始-->
===第一种盒子样式+分页===
<!-- 盒子开始 -->
<div class="ms-box"><div class="ms-boxtitle"><p>世界</p></div>
<div class="in">
<!-- 分页开始 -->
<div class="main-line-wrap">
<div class="resp-tabs">
<ul class="resp-tabs-list clearfix" style="margin:15px 5px">
<li class="active bili-list-style"><span class="tab-panel">背景</span></li>
<li class="bili-list-style" ><span class="tab-panel" >界面</span></li>
<li class="bili-list-style" ><span class="tab-panel" >物理系统</span></li>
<li class="bili-list-style" ><span class="tab-panel" >社会系统</span></li>
</ul>
<div class="resp-tabs-container">
<div class="resp-tab-content" style="display:block">
背景故事/种族/地理/势力
</div>
<div class="resp-tab-content">
通用界面
</div>
<div class="resp-tab-content">
{{按钮|装备强化|基础装备强化}}{{按钮|冒险岛联盟|冒险岛联盟}}{{按钮|星之力|星之力}}{{按钮|潜能|潜能}}{{按钮|附加潜能|附加潜能}}{{按钮|灵魂武器|灵魂武器}}
</div>
<div class="resp-tab-content">
金融系统/纸娃娃系统/装扮氪金系统/副职业
</div>
</div>
</div>
</div>
<!-- 分页结束 -->
</div></div>
<!-- 盒子结束 -->
<!-- 盒子开始 -->
====第一种盒子样式====
<div class="ms-box"><div class="ms-boxtitle"><p>系统</p></div>
<div class="in"><p>
{{按钮|装备强化|基础装备强化}}{{按钮|冒险岛联盟|冒险岛联盟}}{{按钮|星之力|星之力}}{{按钮|潜能|潜能}}{{按钮|附加潜能|附加潜能}}{{按钮|灵魂武器|灵魂武器}}</p></div></div>
<!-- 盒子结束 -->
===一种标题？样式(迷)===
[[File:FloatNotice.48.0.png]]
[[File:FloatNotice.48.1.png]]
[[File:FloatNotice.48.2.png]]
<div class="ms-title-1">强化系统</div>
<div class="row" style="margin-bottom:40px">
<div class="mscardlist col-xs-6 col-sm-4 col-md-3 col-lg-3">
<div class="mscardlist-title">游戏介绍</div>
<div class="mscard mscard-blue"></div>
</div>
<div class="mscardlist col-xs-6 col-sm-4 col-md-3 col-lg-3">
<div class="mscardlist-title">人物强化</div>
<div class="mscard mscard-purple"></div>
<div class="mscard mscard-purple"></div>
<div class="mscard mscard-purple"></div>
<div class="mscard mscard-purple"></div>
</div>
<div class="mscardlist col-xs-6 col-sm-4 col-md-3 col-lg-3">
<div class="mscardlist-title">3</div>
<div class="mscard mscard-skyblue"></div>
</div>
<div class="mscardlist col-xs-6 col-sm-4 col-md-3 col-lg-3">
<div class="mscardlist-title">4</div>
<div class="mscard mscard-orange"></div>
</div>
</div>
<div class="game-introduction" style="margin-bottom:40px">
<div class="bili-divider" style="background:#000000"></div>
<div class="bili-title-h2">游戏公式</div>
{{按钮|游戏伤害公式|游戏伤害公式}}
{{按钮|游戏非伤害公式|游戏非伤害公式}}
<div class="bili-divider" style="background:#000000"></div>
<div class="bili-title-h2">职业群</div>
{{按钮|冒险家|冒险家}}
{{按钮|反抗者|反抗者}}
{{按钮|冒险骑士团|冒险骑士团}}
{{按钮|冒险岛英雄|冒险岛英雄}}
{{按钮|诺巴族|诺巴族}}
{{按钮|晓之阵|晓之阵}}
{{按钮|翼人族|翼人族}}
{{按钮|神之子|神之子}}
{{按钮|林之灵|林之灵}}
{{按钮|虎影|虎影}}
{{按钮|超能力者|超能力者}}
{{按钮|品克缤（职业）|品克缤}}
</div>
<!--词条块1结束-->
<!--投稿攻略开始-->
<div class="game-introduction" style="margin-bottom:40px;>
<div class="bili-title-h1">投稿攻略</div>
<div class="bili-divider" style="background:#000000"></div>
{{#ask:[[分类:投稿]]
|?文章名
|?作者
|limit=5
|template=投稿列表
|format=template
|link=none
|headers=hide
|sort=创建日期
|order=desc
}}
</div>
<!--投稿攻略结束-->
</div>
<!--左侧8列的内容结束-->
<!--以下开始是右侧4列的内容-->
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
<!--链接块1开始-->
<div class="game-introduction" style="margin-bottom:40px">
<div class="bili-title-h1">各个服务器的新闻</div>
<div class=drop-down-wrap>
<div class=wrap-title><div class=title><div class="bili-title-h3">CMS</div></div>
<div class="glyphicon icon-arrow-plus"><kbd>展开</kbd></div>
</div>
<div class=wrap-content style="">
<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>
</div>
<div class=drop-down-wrap>
<div class=wrap-title><div class=title><div class="bili-title-h3">TMS</div></div>
<div class="glyphicon icon-arrow-plus"><kbd>展开</kbd></div>
</div>
<div class=wrap-content style="">
<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>
</div>
<div class=drop-down-wrap>
<div class=wrap-title><div class=title><div class="bili-title-h3">GMS</div></div>
<div class="glyphicon icon-arrow-plus"><kbd>展开</kbd></div>
</div>
<div class=wrap-content style="">
<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>
</div>
<div class=drop-down-wrap>
<div class=wrap-title><div class=title><div class="bili-title-h3">KMS</div></div>
<div class="glyphicon icon-arrow-plus"><kbd>展开</kbd></div>
</div>
<div class=wrap-content style="">
<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>
</div>
</div>
<!--链接块1结束-->
<div class="game-introduction" style="margin-bottom:40px">
<div class="bili-title-h1">最新技改</div>
<div class="bili-divider" style="background:#000000"></div>
{{#ask:[[分类:技改]]
|?文章名
|?作者
|limit=5
|template=投稿列表
|format=template
|link=none
|headers=hide
|sort=创建日期
|order=desc
}}
</div>
<!--关于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">
欢迎大家来到冒险岛Online WIKI！
这里是一群喜爱冒险岛这款游戏的玩家，致力于无偿的向玩家提供攻略、数据图鉴、视频、同人相关的内容，希望WIKI给各位玩家的游戏旅程带来便利。
当然WIKI的制作也不离开各位大佬们，有兴趣想参与WIKI建设的玩家可以私聊管理：
<bilicontributors>378797</bilicontributors>
</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://weibo.com/sndamxd 官方微博@冒险岛OL</span>]
<span class="glyphicon glyphicon-menu-right"></span>
</div>
<div class="desc" style="height: 40px;line-height: 40px;">[https://mxd.sdo.com/web6/home/index.asp 冒险岛官方网站(MapleStory)</span>]
<span class="glyphicon glyphicon-menu-right"></span>
</div>
<div class="desc" style="height: 40px;line-height: 40px;">[https://mxd.sdo.com/web6/download/down.html 游戏下载页</span>]
<span class="glyphicon glyphicon-menu-right"></span>
</div>
</div>
<!--关于游戏结束-->
</div>
<!--右侧4列的内容结束-->
</div>
</div>
<!--页面结束-->
<br>
<br>
<!-- 能修改的部分只有container main这个div，其余元素需要用样式表改 -->
<!-- 日志
511.
1先按照胶水说的版面布局搓个样子出来
2轮播图丢到最上面去做成全幅轮播图，宽度1160，高度提前约定，因为全幅以后就算注释掉轮播图也不会对版面造成实质影响
3整活（摸鱼）
3.1背景图片-配合背景颜色
3.2H1 H2样式摸鱼
tips1：考虑全幅轮播图的做法，如果同意的话需要准备一些素材（宽度1160px,建议提前约定好高度，而且不要太高，不然可能会头太长了），全幅轮播图在小屏幕上的呈现可能会有问题（但是胶水说小屏幕去死啦，所以忽略了）
tips2：下边那排点点是可以去掉的，根据轮播图的内容可能会没必要，可以注释掉有需要的时候再开
tips3：本页面中你可能会看到非常夸张的背景颜色，只是为了方便区分框架板块
摸鱼计划：网页背景准备用<s>埃斯佩拉</s>无名村+背景色；H1和H2标题看看要不要重做，<s>覆盖掉初始的或者完全重做，花哨而无用的边框之类的</s>
内容暂时不好定，模板在做的有3个，一个次元之门里面的选项块，一个普通的图块，一个list内容用任务里面的标记好像有五六种。
日志结束 -->
以下开始为注释
射手村的色板
背景的色板
沪公网安备 31011002002714 号