mapaler
/
PADDashFormation
Not watched
1
0
Fork 0
Code
Releases 163 Wiki evaluate Activity
Issues 0 Pull Requests 0 Datasets Model Cloudbrain HPC
Browse Source

开发过程

tags/v1.0
枫谷剑仙 7 years ago
commit
bbafe3638e
12 changed files with 396 additions and 0 deletions
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. BIN
      images/5139.png
  2. BIN
      images/awoken-bg.png
  3. BIN
      images/fangzuo.png
  4. BIN
      images/jp.gungho.pad_EGGS.fw.png
  5. BIN
      images/sha.png
  6. +212
    -0
      index.html
  7. +1
    -0
      monsters-info.json
  8. +179
    -0
      style.css
  9. +1
    -0
      怪物信息.json
  10. +1
    -0
      怪物技能.json
  11. +1
    -0
      技能资料.json
  12. +1
    -0
      玩家资料.json

BIN
images/5139.png View File

Before After
Width: 100  |  Height: 100  |  Size: 13 kB

BIN
images/awoken-bg.png View File

Before After
Width: 34  |  Height: 38  |  Size: 1.4 kB

BIN
images/fangzuo.png View File

Before After
Width: 32  |  Height: 32  |  Size: 1.2 kB

BIN
images/jp.gungho.pad_EGGS.fw.png View File

Before After
Width: 1024  |  Height: 512  |  Size: 464 kB

BIN
images/sha.png View File

Before After
Width: 76  |  Height: 32  |  Size: 1.4 kB

+ 212
- 0
index.html View File

@@ -0,0 +1,212 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>智龙迷城车队阵型图制作</title>
<link href="style1.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="title-box"><input type="text" class="title" placeholder="输入阵型标题" /></div>
<div class="formation-box">
<div class="formation-A-bigbox">
<div class="formation-A-box">
<ul class="formation-assist">
<li class="assist assist-1 team-leader">
<a class="monster" target="_blank" title="5139" href="http://pad.skyozora.com/pets/5139">
<div class="addition">+297</div>
<div class="awoken-icon">1</div>
<div class="level">Lv99</div>
</a>
</li>
<li class="assist assist-2">
<a class="monster" target="_blank">
<div class="addition">+0<br>+99<br>+0</div>
<div class="awoken-icon">★</div>
<div class="level">Lv99</div>
</a>
</li>
<li class="assist assist-3">
<a class="monster" target="_blank">
<div class="addition">+297</div>
<div class="awoken-icon"></div>
<div class="level">Lv99</div>
</a>
</li>
<li class="assist assist-4">
<a class="monster" target="_blank">
<div class="addition">+297</div>
<div class="awoken-icon"></div>
<div class="level">Lv99</div>
</a>
</li>
<li class="assist assist-5">
<a class="monster" target="_blank">
<div class="addition">+297</div>
<div class="awoken-icon"></div>
<div class="level">Lv99</div>
</a>
</li>
</ul>
<ul class="formation-awoken">
<li class="acquisitus-awoken-icon a-awoken-icon-1">
<ul class="a-awoken-icon-ul">
<li></li>
<li></li>
<li></li>
</ul>
</li>
<li class="acquisitus-awoken-icon a-awoken-icon-2">
<ul class="a-awoken-icon-ul">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul></li>
<li class="acquisitus-awoken-icon a-awoken-icon-3"></li>
<li class="acquisitus-awoken-icon a-awoken-icon-4"></li>
<li class="acquisitus-awoken-icon a-awoken-icon-5"></li>
</ul>
<ul class="formation-team">
<li class="team team-1 team-leader">
<a class="monster" target="_blank">
<div class="addition">+297</div>
<div class="awoken-icon"></div>
<div class="level">Lv99</div>
</a>
</li>
<li class="team team-2">
<a class="monster" target="_blank">
<div class="addition">+297</div>
<div class="awoken-icon"></div>
<div class="level">Lv99</div>
</a>
</li>
<li class="team team-3">
<a class="monster" target="_blank">
<div class="addition">+297</div>
<div class="awoken-icon"></div>
<div class="level">Lv99</div>
</a>
</li>
<li class="team team-4">
<a class="monster" target="_blank">
<div class="addition">+297</div>
<div class="awoken-icon"></div>
<div class="level">Lv99</div>
</a>
</li>
<li class="team team-5">
<a class="monster" target="_blank">
<div class="addition">+297</div>
<div class="awoken-icon"></div>
<div class="level">Lv99</div>
</a>
</li>
</ul>
</div>
</div>
<div class="formation-B-bigbox">
<div class="formation-B-box">
<ul class="formation-team">
<li class="team team-1">
<a class="monster" target="_blank">
<div class="addition">+297</div>
<div class="awoken-icon"></div>
<div class="level">Lv99</div>
</a>
</li>
<li class="team team-2">
<a class="monster" target="_blank">
<div class="addition">+297</div>
<div class="awoken-icon"></div>
<div class="level">Lv99</div>
</a>
</li>
<li class="team team-3">
<a class="monster" target="_blank">
<div class="addition">+297</div>
<div class="awoken-icon"></div>
<div class="level">Lv99</div>
</a>
</li>
<li class="team team-4">
<a class="monster" target="_blank">
<div class="addition">+297</div>
<div class="awoken-icon"></div>
<div class="level">Lv99</div>
</a>
</li>
<li class="team team-5 team-leader">
<a class="monster" target="_blank">
<div class="addition">+297</div>
<div class="awoken-icon"></div>
<div class="level">Lv99</div>
</a>
</li>
</ul>
<ul class="formation-awoken">
<li class="acquisitus-awoken-icon a-awoken-icon-1">
<ul class="a-awoken-icon-ul">
<li></li>
<li></li>
<li></li>
</ul>
</li>
<li class="acquisitus-awoken-icon a-awoken-icon-2">
<ul class="a-awoken-icon-ul">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul></li>
<li class="acquisitus-awoken-icon a-awoken-icon-3"></li>
<li class="acquisitus-awoken-icon a-awoken-icon-4"></li>
<li class="acquisitus-awoken-icon a-awoken-icon-5"></li>
</ul>
<ul class="formation-assist">
<li class="assist assist-1">
<a class="monster" target="_blank" title="5139" href="http://pad.skyozora.com/pets/5139">
<div class="addition">+297</div>
<div class="awoken-icon">1</div>
<div class="level">Lv99</div>
</a>
</li>
<li class="assist assist-2">
<a class="monster" target="_blank">
<div class="addition">+0<br>+99<br>+0</div>
<div class="awoken-icon">★</div>
<div class="level">Lv99</div>
</a>
</li>
<li class="assist assist-3">
<a class="monster" target="_blank">
<div class="addition">+297</div>
<div class="awoken-icon"></div>
<div class="level">Lv99</div>
</a>
</li>
<li class="assist assist-4">
<a class="monster" target="_blank">
<div class="addition">+297</div>
<div class="awoken-icon"></div>
<div class="level">Lv99</div>
</a>
</li>
<li class="assist assist-5 team-leader">
<a class="monster" target="_blank">
<div class="addition">+297</div>
<div class="awoken-icon"></div>
<div class="level">Lv99</div>
</a>
</li>
</ul>
</div>
</div>
</div>
</body>
</html>

+ 1
- 0
monsters-info.json
File diff suppressed because it is too large
View File


+ 179
- 0
style.css View File

@@ -0,0 +1,179 @@
@charset "utf-8";
.title{
border: none;
background: none;
font-size: 2em;
font-weight: bold;
}
ul{
margin: 0;
padding: 0;
list-style: none;
}
/*队伍的整个盒子*/
.formation-box{
}
/*辅助行*/
.formation-assist{
}
/*队伍行*/
.formation-team{
}
/*单个怪物*/
.monster{
width: 100px;
height: 100px;
margin: 0;
display: block;
float: left;
background-image: url(images/5139.png);
position: relative;
margin: 4px; /*留给队长边框的*/
}
/*怪物-加值*/
.monster .addition{
color: yellow;
font-size: 20px;
line-height: 20px;
font-weight: bold;
text-shadow: black 2px 2px 0;
position: absolute;
left: 5px;
}
/*怪物-觉醒*/
.monster .awoken-icon{
color: yellow;
font-size: 18px;
line-height: 24px;
font-weight: bold;
text-shadow: black 0 0 4px;
text-align: center;
background-image: url(images/awoken-bg.png);
background-size: 27px 30px;
width: 27px;
height: 30px;
position: absolute;
right: 0;
}
/*怪物-等级*/
.monster .level{
color: white;
font-size: 18px;
text-shadow: black 2px 2px 0;
position: absolute;
left: 5px;
bottom: 0;
}
/*辅助和队伍的每一只框架*/
.assist, .team, .acquisitus-awoken-icon {
display: block;
float: left;
position: relative;
width: 108px;
}
/*
.assist:first-of-type, .team:first-of-type {
margin-left: 0px;
}
*/
/*队伍的背景色*/
.formation-assist, .formation-team{
display: inline-block;
}
.formation-A-box .formation-team{
background-color:pink;
}
.formation-B-box .formation-team{
background-color:lightblue;
}
.formation-A-bigbox, .formation-B-bigbox{
position: relative;
font-size:0;
}
.formation-B-bigbox{
margin-top:15px;
}
/*队伍A、B的文字*/
.formation-A-bigbox::after, .formation-B-bigbox::before{
font-size: 30px;
font-weight: bold;
text-align: center;
line-height: 50px;
white-space: pre-wrap;
display: inline-block;
width: 108px;
height: 108px;
}
.formation-A-bigbox::after{
color:red;
background-color:pink;
content: "队伍\A A";
}
.formation-B-bigbox::before{
color:blue;
background-color:lightblue;
content: "队伍\A B";
vertical-align:top;
}
.formation-A-box, .formation-B-box{
display: inline-block;
vertical-align:bottom;
}
.formation-A-box .assist::after, .formation-B-box .assist::before{
text-align: center;
font-size: 18px;
font-weight: bold;
display: block;
position: relative;
}
.formation-A-box .assist::after{
color:red;
content: "▼辅助";
}
.formation-B-box .assist::before{
color:blue;
content: "▲辅助";
}
.a-awoken-icon-1 li{
background-image: url(images/sha.png);
background-size: 50px 21px;
width: 50px;
height: 21px;
margin-right: 4px;
}
.a-awoken-icon-2 li{
background-image: url(images/fangzuo.png);
background-size: 21px 21px;
width: 21px;
height: 21px;
margin-left: 6px;
}
.a-awoken-icon-ul li{
float:left;
}
/*
.formation-A-box .team::after, .formation-B-box .team::before{
text-align: center;
border: 1px green solid;
color:red;
font-size: 18px;
font-weight: bold;
display: block;
content: " ";
}
*/
/*队长的边框*/
.formation-A-box .formation-team .team-leader .monster, .formation-B-box .formation-team .team-leader .monster{
border-radius: 10px;
border-width:4px;
border-style:solid;
margin: 0;
}
.formation-A-box .formation-team .team-leader .monster{
border-color: red;
}
.formation-B-box .formation-team .team-leader .monster{
border-color: blue;
}

+ 1
- 0
怪物信息.json
File diff suppressed because it is too large
View File


+ 1
- 0
怪物技能.json
File diff suppressed because it is too large
View File


+ 1
- 0
技能资料.json
File diff suppressed because it is too large
View File


+ 1
- 0
玩家资料.json
File diff suppressed because it is too large
View File


Write Preview
Loading…
Cancel
Save