Difference between revisions of "Mir1NPCShape" - LOMCN Wiki

Line 1: Line 1:
<form action="Your_Action_Page" method="post">
+
<table>
     <fieldset>
+
  <tr>
        <legend>Select Options:</legend>
+
    <th colspan="4" rowspan="2"></th>
 
+
     <th colspan="2" rowspan="2"></th>
        <label for="genderSelector">Select Gender:</label>
+
  </tr>
        <select id="genderSelector" name="gender">
+
  <tr>
            <option value="male">Male</option>
+
  </tr>
            <option value="female">Female</option>
+
  <tr>
        </select>
+
    <td colspan="4">Gender</td>
 
+
    <td colspan="2">Example</td>
        <br />
+
  </tr>
 
+
  <tr>
        <label for="hairSelector">Select Hair:</label>
+
    <td colspan="4" rowspan="2"></td>
        <select id="hairSelector" name="hair">
+
    <td colspan="2" rowspan="2"></td>
            <option value="hair1">Hair Option 1</option>
+
  </tr>
            <option value="hair2">Hair Option 2</option>
+
  <tr>
            <!-- Add more hair options as needed -->
+
  </tr>
        </select>
+
  <tr>
 
+
    <td colspan="2">Male</td>
        <br />
+
    <td colspan="2">Female</td>
 
+
    <td colspan="2">Male</td>
        <label for="armorSelector">Select Armor:</label>
+
  </tr>
        <select id="armorSelector" name="armor">
+
  <tr>
            <option value="armor1">Armor Option 1</option>
+
    <td colspan="4" rowspan="3"></td>
            <option value="armor2">Armor Option 2</option>
+
    <td colspan="2" rowspan="3"></td>
            <!-- Add more armor options as needed -->
+
  </tr>
        </select>
+
  <tr>
 
+
  </tr>
        <br />
+
  <tr>
 
+
  </tr>
        <input type="submit" value="Submit">
+
  <tr>
     </fieldset>
+
    <td colspan="4">Body</td>
</form>
+
    <td colspan="2">Body</td>
 
+
  </tr>
 
+
  <tr>
<div>
+
    <td colspan="4"></td>
     <label for="genderSelector">Select Gender:</label>
+
    <td colspan="2"></td>
     <select id="genderSelector">
+
  </tr>
        <option value="male">
+
  <tr>
            <img src="https://www.mirfiles.com/resources/mir2/users/Jev/Mir1/Wiki/Armour/Shape/Male/0.png" alt="Male" width="25" height="25"> Male
+
    <td rowspan="4">Body0</td>
        </option>
+
    <td rowspan="4">Body1</td>
        <option value="female">
+
    <td rowspan="4">Body2</td>
            <img src="https://www.mirfiles.com/resources/mir2/users/Jev/Mir1/Wiki/Armour/Shape/Female/0.png" alt="Female" width="25" height="25"> Female
+
    <td rowspan="4">Body3</td>
        </option>
+
    <td colspan="2" rowspan="4">Body2</td>
     </select>
+
  </tr>
</div>
+
  <tr>
 
+
  </tr>
<div>
+
  <tr>
     <label for="hairSelector">Select Hair:</label>
+
  </tr>
     <select id="hairSelector">
+
  <tr>
        <option value="hair1">
+
  </tr>
            <img src="https://www.mirfiles.com/resources/mir2/users/Jev/Mir1/Wiki/Hair/Male/1.png" alt="Hair Option 1" width="25" height="25"> Hair Option 1
+
  <tr>
        </option>
+
    <td>0</td>
        <option value="hair2">
+
    <td>1</td>
            <img src="https://www.mirfiles.com/resources/mir2/users/Jev/Mir1/Wiki/Hair/Male/2.png" alt="Hair Option 2" width="25" height="25"> Hair Option 2
+
    <td>2</td>
        </option>
+
    <td>3</td>
     </select>
+
    <td colspan="2">2</td>
</div>
+
  </tr>
 
+
  <tr>
<div>
+
    <td colspan="4"></td>
     <label for="armorSelector">Select Armor:</label>
+
    <td colspan="2"></td>
     <select id="armorSelector">
+
  </tr>
        <option value="armor1">
+
  <tr>
            <img src="https://www.mirfiles.com/resources/mir2/users/Jev/Mir1/Wiki/Armour/Shape/Male/0.png" alt="Armor Option 1" width="25" height="25"> Armor Option 1
+
    <td rowspan="4">Body4</td>
        </option>
+
    <td rowspan="4">Body5</td>
        <option value="armor2">
+
    <td rowspan="4">Body6</td>
            <img src="https://www.mirfiles.com/resources/mir2/users/Jev/Mir1/Wiki/Armour/Shape/Male/1.png" alt="Armor Option 2" width="25" height="25"> Armor Option 2
+
    <td rowspan="4">Body7</td>
        </option>
+
    <td colspan="2">Hair</td>
     </select>
+
  </tr>
</div>
+
  <tr>
 +
    <td colspan="2" rowspan="2">Hair12</td>
 +
  </tr>
 +
  <tr>
 +
  </tr>
 +
  <tr>
 +
    <td colspan="2"></td>
 +
  </tr>
 +
  <tr>
 +
    <td></td>
 +
    <td></td>
 +
    <td></td>
 +
    <td></td>
 +
    <td colspan="2">Result</td>
 +
  </tr>
 +
  <tr>
 +
    <td>4</td>
 +
    <td>5</td>
 +
    <td>6</td>
 +
    <td>7</td>
 +
    <td colspan="2" rowspan="3">NPC IMAGE</td>
 +
  </tr>
 +
  <tr>
 +
     <td></td>
 +
    <td></td>
 +
    <td></td>
 +
    <td></td>
 +
  </tr>
 +
  <tr>
 +
     <td colspan="4">Hair (Male)</td>
 +
  </tr>
 +
  <tr>
 +
    <td></td>
 +
    <td></td>
 +
    <td></td>
 +
    <td></td>
 +
     <td colspan="2">Hair12<br> <br> <br>Result <br>NPC IMAGE </td>
 +
  </tr>
 +
  <tr>
 +
    <td rowspan="3">Hair0</td>
 +
    <td rowspan="3">Hair1</td>
 +
    <td rowspan="3">Hair2</td>
 +
    <td rowspan="3">Hair3</td>
 +
    <td></td>
 +
    <td></td>
 +
  </tr>
 +
  <tr>
 +
    <td></td>
 +
    <td></td>
 +
  </tr>
 +
  <tr>
 +
    <td></td>
 +
    <td></td>
 +
  </tr>
 +
  <tr>
 +
    <td>0</td>
 +
    <td>1</td>
 +
    <td>2</td>
 +
    <td>3</td>
 +
    <td>Result</td>
 +
    <td></td>
 +
  </tr>
 +
  <tr>
 +
    <td rowspan="3">Hair4</td>
 +
    <td rowspan="3">Hair5</td>
 +
    <td rowspan="3">Hair6</td>
 +
    <td rowspan="3">Hair7</td>
 +
    <td>NPC IMAGE</td>
 +
    <td></td>
 +
  </tr>
 +
  <tr>
 +
    <td></td>
 +
    <td></td>
 +
  </tr>
 +
  <tr>
 +
    <td></td>
 +
    <td></td>
 +
  </tr>
 +
  <tr>
 +
    <td>4</td>
 +
    <td>5</td>
 +
    <td>6</td>
 +
    <td>7</td>
 +
    <td></td>
 +
    <td></td>
 +
  </tr>
 +
  <tr>
 +
    <td rowspan="3">Hair8</td>
 +
    <td rowspan="3">Hair9</td>
 +
    <td rowspan="3">Hair10</td>
 +
    <td rowspan="3">Hair11</td>
 +
    <td>NPC IMAGE ON SERVER HERE</td>
 +
    <td></td>
 +
  </tr>
 +
  <tr>
 +
    <td></td>
 +
    <td></td>
 +
  </tr>
 +
  <tr>
 +
    <td></td>
 +
    <td></td>
 +
  </tr>
 +
  <tr>
 +
    <td>8</td>
 +
    <td>9</td>
 +
    <td>10</td>
 +
    <td>11</td>
 +
    <td></td>
 +
    <td></td>
 +
  </tr>
 +
  <tr>
 +
    <td rowspan="3">Hair12</td>
 +
    <td rowspan="3">Hair13</td>
 +
    <td rowspan="3">Hair14</td>
 +
    <td rowspan="3">Hair15</td>
 +
    <td></td>
 +
    <td></td>
 +
  </tr>
 +
  <tr>
 +
    <td></td>
 +
    <td></td>
 +
  </tr>
 +
  <tr>
 +
    <td></td>
 +
    <td></td>
 +
  </tr>
 +
  <tr>
 +
    <td>12</td>
 +
    <td>13</td>
 +
    <td>14</td>
 +
    <td>15</td>
 +
     <td></td>
 +
    <td></td>
 +
  </tr>
 +
  <tr>
 +
     <td rowspan="3">Hair16</td>
 +
     <td rowspan="3">Hair17</td>
 +
    <td rowspan="3">Hair18</td>
 +
    <td rowspan="3">Hair19</td>
 +
    <td></td>
 +
    <td></td>
 +
  </tr>
 +
  <tr>
 +
    <td></td>
 +
    <td></td>
 +
  </tr>
 +
  <tr>
 +
    <td></td>
 +
    <td></td>
 +
  </tr>
 +
  <tr>
 +
    <td>16</td>
 +
    <td>17</td>
 +
    <td>18</td>
 +
    <td>19</td>
 +
    <td></td>
 +
    <td></td>
 +
  </tr>
 +
  <tr>
 +
    <td></td>
 +
    <td rowspan="3">Hair20</td>
 +
    <td rowspan="3">Hair21</td>
 +
    <td></td>
 +
    <td></td>
 +
    <td></td>
 +
  </tr>
 +
  <tr>
 +
    <td></td>
 +
    <td></td>
 +
    <td></td>
 +
    <td></td>
 +
  </tr>
 +
  <tr>
 +
    <td></td>
 +
    <td></td>
 +
    <td></td>
 +
    <td></td>
 +
  </tr>
 +
  <tr>
 +
    <td></td>
 +
    <td>20</td>
 +
    <td>21</td>
 +
    <td></td>
 +
    <td></td>
 +
    <td></td>
 +
  </tr>
 +
  <tr>
 +
    <td></td>
 +
    <td></td>
 +
    <td></td>
 +
    <td></td>
 +
    <td></td>
 +
    <td></td>
 +
  </tr>
 +
  <tr>
 +
    <td colspan="4">Hair (Female)</td>
 +
    <td></td>
 +
    <td></td>
 +
  </tr>
 +
  <tr>
 +
    <td></td>
 +
    <td></td>
 +
    <td></td>
 +
    <td></td>
 +
    <td></td>
 +
    <td></td>
 +
  </tr>
 +
  <tr>
 +
    <td rowspan="3">FemaleHair0</td>
 +
    <td rowspan="3">FemaleHair1</td>
 +
    <td rowspan="3">FemaleHair2</td>
 +
    <td rowspan="3">FemaleHair3</td>
 +
    <td></td>
 +
    <td></td>
 +
  </tr>
 +
  <tr>
 +
    <td></td>
 +
    <td></td>
 +
  </tr>
 +
  <tr>
 +
    <td></td>
 +
    <td></td>
 +
  </tr>
 +
  <tr>
 +
    <td>0</td>
 +
    <td>1</td>
 +
    <td>2</td>
 +
    <td>3</td>
 +
    <td></td>
 +
    <td></td>
 +
  </tr>
 +
  <tr>
 +
    <td rowspan="3">FemaleHair4</td>
 +
    <td rowspan="3">FemaleHair5</td>
 +
    <td rowspan="3">FemaleHair6</td>
 +
    <td rowspan="3">FemaleHair7</td>
 +
    <td></td>
 +
    <td></td>
 +
  </tr>
 +
  <tr>
 +
    <td></td>
 +
    <td></td>
 +
  </tr>
 +
  <tr>
 +
    <td></td>
 +
    <td></td>
 +
  </tr>
 +
  <tr>
 +
    <td>4</td>
 +
    <td>5</td>
 +
    <td>6</td>
 +
     <td>7</td>
 +
    <td></td>
 +
    <td></td>
 +
  </tr>
 +
  <tr>
 +
     <td rowspan="3">FemaleHair8</td>
 +
     <td rowspan="3">FemaleHair9</td>
 +
    <td rowspan="3">FemaleHair10</td>
 +
    <td rowspan="3">FemaleHair11</td>
 +
    <td></td>
 +
    <td></td>
 +
  </tr>
 +
  <tr>
 +
    <td></td>
 +
    <td></td>
 +
  </tr>
 +
  <tr>
 +
    <td></td>
 +
    <td></td>
 +
  </tr>
 +
  <tr>
 +
    <td>8</td>
 +
    <td>9</td>
 +
    <td>10</td>
 +
    <td>11</td>
 +
    <td></td>
 +
    <td></td>
 +
  </tr>
 +
  <tr>
 +
    <td rowspan="3">FemaleHair12</td>
 +
    <td rowspan="3">FemaleHair13</td>
 +
    <td rowspan="3">FemaleHair14</td>
 +
    <td rowspan="3">FemaleHair15</td>
 +
    <td></td>
 +
    <td></td>
 +
  </tr>
 +
  <tr>
 +
    <td></td>
 +
    <td></td>
 +
  </tr>
 +
  <tr>
 +
    <td></td>
 +
    <td></td>
 +
  </tr>
 +
  <tr>
 +
    <td>12</td>
 +
    <td>13</td>
 +
    <td>14</td>
 +
    <td>15</td>
 +
    <td></td>
 +
    <td></td>
 +
  </tr>
 +
  <tr>
 +
    <td rowspan="3">FemaleHair16</td>
 +
    <td rowspan="3">FemaleHair17</td>
 +
    <td rowspan="3">FemaleHair18</td>
 +
    <td rowspan="3">FemaleHair19</td>
 +
    <td></td>
 +
    <td></td>
 +
  </tr>
 +
  <tr>
 +
    <td></td>
 +
    <td></td>
 +
  </tr>
 +
  <tr>
 +
    <td></td>
 +
    <td></td>
 +
  </tr>
 +
  <tr>
 +
    <td>16</td>
 +
    <td>17</td>
 +
    <td>18</td>
 +
    <td>19</td>
 +
    <td></td>
 +
    <td></td>
 +
  </tr>
 +
  <tr>
 +
    <td rowspan="4"></td>
 +
    <td rowspan="3">FemaleHair20</td>
 +
    <td rowspan="3">FemaleHair21</td>
 +
    <td rowspan="4"></td>
 +
    <td></td>
 +
    <td></td>
 +
  </tr>
 +
  <tr>
 +
    <td></td>
 +
    <td></td>
 +
  </tr>
 +
  <tr>
 +
    <td></td>
 +
    <td></td>
 +
  </tr>
 +
  <tr>
 +
    <td>20</td>
 +
    <td>21</td>
 +
     <td></td>
 +
    <td></td>
 +
  </tr>
 +
</table>

Revision as of 14:47, 15 September 2023

Gender Example
Male Female Male
Body Body
Body0 Body1 Body2 Body3 Body2
0 1 2 3 2
Body4 Body5 Body6 Body7 Hair
Hair12
Result
4 5 6 7 NPC IMAGE
Hair (Male)
Hair12


Result
NPC IMAGE
Hair0 Hair1 Hair2 Hair3
0 1 2 3 Result
Hair4 Hair5 Hair6 Hair7 NPC IMAGE
4 5 6 7
Hair8 Hair9 Hair10 Hair11 NPC IMAGE ON SERVER HERE
8 9 10 11
Hair12 Hair13 Hair14 Hair15
12 13 14 15
Hair16 Hair17 Hair18 Hair19
16 17 18 19
Hair20 Hair21
20 21
Hair (Female)
FemaleHair0 FemaleHair1 FemaleHair2 FemaleHair3
0 1 2 3
FemaleHair4 FemaleHair5 FemaleHair6 FemaleHair7
4 5 6 7
FemaleHair8 FemaleHair9 FemaleHair10 FemaleHair11
8 9 10 11
FemaleHair12 FemaleHair13 FemaleHair14 FemaleHair15
12 13 14 15
FemaleHair16 FemaleHair17 FemaleHair18 FemaleHair19
16 17 18 19
FemaleHair20 FemaleHair21
20 21