mirror of
https://github.com/haselkern/Minecraft-ArmorStand.git
synced 2025-05-17 15:05:33 +00:00
Merge pull request #6 from WebFreak001/gh-pages
Made rotation sliders in a table for better usage
This commit is contained in:
commit
6efe830a5d
2 changed files with 58 additions and 27 deletions
71
index.htm
71
index.htm
|
@ -7,7 +7,6 @@
|
|||
<link rel="stylesheet" href="js/colpick.css">
|
||||
<link rel="icon" type="image/png" href="images/icon.png">
|
||||
<link href='http://fonts.googleapis.com/css?family=Oswald:700' rel='stylesheet' type='text/css'>
|
||||
<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:700' rel='stylesheet' type='text/css'>
|
||||
<script src="js/three.js"></script>
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
|
||||
</head>
|
||||
|
@ -46,34 +45,52 @@
|
|||
<label><input type="checkbox" name="showarms">Show Arms</label><br>
|
||||
<label><input type="checkbox" name="small">Small</label><br>
|
||||
|
||||
Rotation: <input type="range" name="rotation" min="0" max="360" value="0">
|
||||
|
||||
<div class="evenly">
|
||||
<span>Head:</span><input type="range" name="headX" min="0" max="360" value="0"><input type="range" name="headY" min="0" max="360" value="0"><input type="range" name="headZ" min="0" max="360" value="0">
|
||||
</div>
|
||||
|
||||
<div class="evenly">
|
||||
<span>Body:</span><input type="range" name="bodyX" min="0" max="360" value="0"><input type="range" name="bodyY" min="0" max="360" value="0"><input type="range" name="bodyZ" min="0" max="360" value="0">
|
||||
</div>
|
||||
|
||||
<div class="evenly">
|
||||
<span>Left Leg:</span><input type="range" name="leftLegX" min="0" max="360" value="0"><input type="range" name="leftLegY" min="0" max="360" value="0"><input type="range" name="leftLegZ" min="0" max="360" value="0">
|
||||
</div>
|
||||
|
||||
<div class="evenly">
|
||||
<span>Right Leg:</span><input type="range" name="rightLegX" min="0" max="360" value="0"><input type="range" name="rightLegY" min="0" max="360" value="0"><input type="range" name="rightLegZ" min="0" max="360" value="0">
|
||||
</div>
|
||||
|
||||
<table class="rotations">
|
||||
<tr>
|
||||
<td>Rotation:</td>
|
||||
<td colspan="3"><input type="range" name="rotation" min="0" max="360" value="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Head:</td>
|
||||
<td><input type="range" name="headX" min="0" max="360" value="0"></td>
|
||||
<td><input type="range" name="headY" min="0" max="360" value="0"></td>
|
||||
<td><input type="range" name="headZ" min="0" max="360" value="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Body:</td>
|
||||
<td><input type="range" name="bodyX" min="0" max="360" value="0"></td>
|
||||
<td><input type="range" name="bodyY" min="0" max="360" value="0"></td>
|
||||
<td><input type="range" name="bodyZ" min="0" max="360" value="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Left Leg:</td>
|
||||
<td><input type="range" name="leftLegX" min="0" max="360" value="0"></td>
|
||||
<td><input type="range" name="leftLegY" min="0" max="360" value="0"></td>
|
||||
<td><input type="range" name="leftLegZ" min="0" max="360" value="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Right Leg:</td>
|
||||
<td><input type="range" name="rightLegX" min="0" max="360" value="0"></td>
|
||||
<td><input type="range" name="rightLegY" min="0" max="360" value="0"></td>
|
||||
<td><input type="range" name="rightLegZ" min="0" max="360" value="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<div id="inputarms">
|
||||
<div class="evenly">
|
||||
<span>Left Arm:</span><input type="range" name="leftArmX" min="0" max="360" value="0"><input type="range" name="leftArmY" min="0" max="360" value="0"><input type="range" name="leftArmZ" min="0" max="360" value="0">
|
||||
</div>
|
||||
|
||||
<div class="evenly">
|
||||
<span>Right Arm:</span><input type="range" name="rightArmX" min="0" max="360" value="0"><input type="range" name="rightArmY" min="0" max="360" value="0"><input type="range" name="rightArmZ" min="0" max="360" value="0">
|
||||
</div>
|
||||
<table class="rotations">
|
||||
<tr>
|
||||
<td>Left Arm:</td>
|
||||
<td><input type="range" name="leftArmX" min="0" max="360" value="0"></td>
|
||||
<td><input type="range" name="leftArmY" min="0" max="360" value="0"></td>
|
||||
<td><input type="range" name="leftArmZ" min="0" max="360" value="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Right Arm:</td>
|
||||
<td><input type="range" name="rightArmX" min="0" max="360" value="0"></td>
|
||||
<td><input type="range" name="rightArmY" min="0" max="360" value="0"></td>
|
||||
<td><input type="range" name="rightArmZ" min="0" max="360" value="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<br>
|
||||
|
||||
<label><input type="checkbox" name="usecustomequipment">Use Custom Equipment</label>
|
||||
<div id="customequipment">
|
||||
|
|
14
style.css
14
style.css
|
@ -71,6 +71,7 @@ a{
|
|||
width: 60px;
|
||||
display: inline-block;
|
||||
clear: left;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
#disabledslots span{
|
||||
|
@ -99,4 +100,17 @@ a{
|
|||
|
||||
.equipment{
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.rotations{
|
||||
width: 100%;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.rotations tr td:nth-child(1){
|
||||
width: 80px;
|
||||
}
|
||||
|
||||
.rotations input{
|
||||
width: 100%;
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue