haselkern/Minecraft-ArmorStand
1
0
Fork 0
mirror of https://github.com/haselkern/Minecraft-ArmorStand.git synced 2025-05-17 15:05:33 +00:00
Code Activity

Merge pull request #6 from WebFreak001/gh-pages

Browse source 
Made rotation sliders in a table for better usage
This commit is contained in:
Lars Martens 2015-06-15 15:48:05 +02:00
commit 6efe830a5d
2 changed files with 58 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

71
index.htm
View file

@ -7,7 +7,6 @@
<link rel="stylesheet" href="js/colpick.css"> <link rel="stylesheet" href="js/colpick.css">
<link rel="icon" type="image/png" href="images/icon.png"> <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=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="js/three.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
</head> </head>
@ -46,34 +45,52 @@
<label><input type="checkbox" name="showarms">Show Arms</label><br> <label><input type="checkbox" name="showarms">Show Arms</label><br>
<label><input type="checkbox" name="small">Small</label><br> <label><input type="checkbox" name="small">Small</label><br>
Rotation: <input type="range" name="rotation" min="0" max="360" value="0"> <table class="rotations">
<tr>
<div class="evenly"> <td>Rotation:</td>
<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"> <td colspan="3"><input type="range" name="rotation" min="0" max="360" value="0"></td>
</div> </tr>
<tr>
<div class="evenly"> <td>Head:</td>
<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"> <td><input type="range" name="headX" min="0" max="360" value="0"></td>
</div> <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>
<div class="evenly"> </tr>
<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"> <tr>
</div> <td>Body:</td>
<td><input type="range" name="bodyX" min="0" max="360" value="0"></td>
<div class="evenly"> <td><input type="range" name="bodyY" min="0" max="360" value="0"></td>
<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"> <td><input type="range" name="bodyZ" min="0" max="360" value="0"></td>
</div> </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 id="inputarms">
<div class="evenly"> <table class="rotations">
<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"> <tr>
</div> <td>Left Arm:</td>
<td><input type="range" name="leftArmX" min="0" max="360" value="0"></td>
<div class="evenly"> <td><input type="range" name="leftArmY" min="0" max="360" value="0"></td>
<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"> <td><input type="range" name="leftArmZ" min="0" max="360" value="0"></td>
</div> </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> </div>
<br>
<label><input type="checkbox" name="usecustomequipment">Use Custom Equipment</label> <label><input type="checkbox" name="usecustomequipment">Use Custom Equipment</label>
<div id="customequipment"> <div id="customequipment">

14
style.css
View file

@ -71,6 +71,7 @@ a{
width: 60px; width: 60px;
display: inline-block; display: inline-block;
clear: left; clear: left;
text-align: right;
} }
#disabledslots span{ #disabledslots span{
@ -99,4 +100,17 @@ a{
.equipment{ .equipment{
width: 80%; width: 80%;
}
.rotations{
width: 100%;
text-align: right;
}
.rotations tr td:nth-child(1){
width: 80px;
}
.rotations input{
width: 100%;
} }