add crafting guide in html, Incomplete ...

master
tony-ka 2012-08-03 20:22:13 +02:00
parent 6ae0cb7a09
commit 0c737f25ee
16 changed files with 362 additions and 0 deletions

View File

@ -0,0 +1,362 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"><title>3D Forniture Craffting guide</title>
<style type="text/css">
div.box_slot {
margin: 0px;
padding: 0px;
width: 320px;
height: 229px;
background-color: transparent;
}
div.h_slot {
margin: 0px;
padding: 0px;
float: left;
height: 76px;
}
div.slot {
margin: 4px;
padding: 0px;
width: 68px;
float: left;
height: 68px;
background-image: url(images/nothing.png);
}
div.res {
margin: 4px;
padding: 0px;
width: 68px;
height: 68px;
float: right;
background-image: url(images/nothing.png);
}
#menu_box {
width: 200px;
float: left;
position: fixed;
}
#doc {
margin: 0px 0px 0px 30%;
padding: 0px;
}
</style></head><body>
<div>
<div>
<div>
<h1>3D Forniture</h1>
</div>
<div>Crafting Gide</div>
</div>
<div id="menu_box">
<div style="text-align: center;">
<a href="#Deco_Home">Deco Home</a>&nbsp;&nbsp;&nbsp;
<br>
<a href="#Table:"><img style="border: 0px solid ; width: 68px; height: 68px;" alt="Table1" title="Table" src="images/Table.png"> </a><a href="#Chair:"><img style="border: 0px solid ; width: 68px; height: 68px;" alt="Chair" title="Chair" src="images/Chair.png"></a><br>
<a href="#Armchair"><img style="border: 0px solid ; width: 68px; height: 68px;" alt="Armchair" title="Armchair" src="images/Armchair.png"></a> <a href="#Table_Lamp"><img style="border: 0px solid ; width: 68px; height: 68px;" alt="Table Lamp" title="Table Lamp" src="images/Table_Lamp.png"></a><br>
<a href="#Bathroom_Kit">Bathroom Kit</a>
<br>
<a href="#Toilet"><img style="border: 0px solid ; width: 68px; height: 68px;" alt="Toilet" title="Toilet" src="images/Toilet.png"></a> <a href="#Sink"><img style="border: 0px solid ; width: 68px; height: 68px;" alt="Sink" title="Sink" src="images/Sink.png"></a><br>
<a href="#Taps"><img style="border: 0px solid ; width: 68px; height: 68px;" alt="Taps" title="Taps" src="images/Taps.png"></a>&nbsp;<a href="#Shower_Tray"><img style="border: 0px solid ; width: 68px; height: 68px;" alt="Shower Tray" title="Shower Tray" src="images/Shower_Tray.png"></a><br>
<a href="#Shower_Head"><img style="border: 0px solid ; width: 68px; height: 68px;" alt="Shower Head" title="Shower Head" src="images/Shower_Head.png"></a>&nbsp;<br>
<a href="#Medieval_Forniture">Medieval Forniture</a><br>
<a href="#Bars">Bars</a> <a href="#L_Binding_Bars">L Binding Bars</a><br>
<a href="#Chains">Chains</a> <a href="#Torch_Wall">Torch Wall</a><br>
</div>
<br>
</div>
<div id="doc">
<div>
<div>
<h2><a name="Deco_Home"></a>Deco Home</h2>
<div>
<h4><a name="Table:"></a>Table:</h4>
<div class="box_slot">
<div class="h_slot">
<div class="slot"><img style="width: 68px; height: 68px;" alt="nothing" title="nothing" src="images/nothing.png"></div>
<div class="slot"><img style="width: 68px; height: 68px;" alt="nothing" title="nothing" src="images/nothing.png"></div>
<div class="slot"><img style="width: 68px; height: 68px;" alt="nothing" title="nothing" src="images/nothing.png"></div>
</div>
<div class="h_slot">
<div class="slot"><img style="width: 68px; height: 68px;" alt="Wooden Planks" title="Wooden Planks" src="images/Wooden_Planks.png"></div>
<div class="slot"><img style="width: 68px; height: 68px;" alt="Wooden Planks" title="Wooden Planks" src="images/Wooden_Planks.png"></div>
<div class="slot"><img style="width: 68px; height: 68px;" alt="Wooden Planks" title="Wooden Planks" src="images/Wooden_Planks.png"></div>
<div class="res"><img style="width: 68px; height: 68px;" alt="Table" title="Table" src="images/Table.png"></div>
</div>
<div class="h_slot">
<div class="slot"><img style="width: 68px; height: 68px;" alt="Stick" title="Stick" src="images/Stick.png"></div>
<div class="slot"><img style="width: 68px; height: 68px;" alt="nothing" title="nothing" src="images/nothing.png"></div>
<div class="slot"><img style="width: 68px; height: 68px;" alt="Stick" title="Stick" src="images/Stick.png"></div>
</div>
</div>
</div>
<div>
<h4><a name="Chair:"></a>Chair:</h4>
<div class="box_slot">
<div class="h_slot">
<div class="slot"><img style="width: 68px; height: 68px;" alt="Stick" title="Stick" src="images/Stick.png"></div>
<div class="slot"><img style="width: 68px; height: 68px;" alt="nothing" title="nothing" src="images/nothing.png"></div>
<div class="slot"><img style="width: 68px; height: 68px;" alt="nothing" title="nothing" src="images/nothing.png"></div>
</div>
<div class="h_slot">
<div class="slot"><img style="width: 68px; height: 68px;" alt="Wooden Planks" title="Wooden Planks" src="images/Wooden_Planks.png"></div>
<div class="slot"><img style="width: 68px; height: 68px;" alt="Wooden Planks" title="Wooden Planks" src="images/Wooden_Planks.png"></div>
<div class="slot"><img style="width: 68px; height: 68px;" alt="nothing" title="nothing" src="images/nothing.png"></div>
<div class="res"><img style="border: 0px solid ; width: 68px; height: 68px;" alt="Chair" title="Chair" src="images/Chair.png"></div>
</div>
<div class="h_slot">
<div class="slot"><img style="width: 68px; height: 68px;" alt="Stick" title="Stick" src="images/Stick.png"></div>
<div class="slot"><img style="width: 68px; height: 68px;" alt="Stick" title="Stick" src="images/Stick.png"></div>
<div class="slot"><img style="width: 68px; height: 68px;" alt="nothing" title="nothing" src="images/nothing.png"></div>
</div>
</div>
</div>
<div>
<h4><a name="Armchair"></a>Armchair</h4>
<div class="box_slot">
<div class="h_slot">
<div class="slot"><img style="width: 68px; height: 68px;" alt="Wooden Planks" title="Wooden Planks" src="images/Wooden_Planks.png"></div>
<div class="slot"></div>
<div class="slot"></div>
</div>
<div class="h_slot">
<div class="slot"><img style="width: 68px; height: 68px;" alt="Wooden Planks" title="Wooden Planks" src="images/Wooden_Planks.png"></div>
<div class="slot"><img style="width: 68px; height: 68px;" alt="Wooden Planks" title="Wooden Planks" src="images/Wooden_Planks.png"></div>
<div class="slot"></div>
<div class="res"><img style="border: 0px solid ; width: 68px; height: 68px;" alt="Armchair" title="Armchair" src="images/Armchair.png"></div>
</div>
<div class="h_slot">
<div class="slot"><img style="width: 68px; height: 68px;" alt="Wooden Planks" title="Wooden Planks" src="images/Wooden_Planks.png"></div>
<div class="slot"><img style="width: 68px; height: 68px;" alt="Wooden Planks" title="Wooden Planks" src="images/Wooden_Planks.png"></div>
<div class="slot"></div>
</div>
</div>
</div>
<div>
<h4><a name="Table_Lamp"></a>Table Lamp</h4>
<div class="box_slot">
<div class="h_slot">
<div class="slot"><img style="width: 68px; height: 68px;" alt="Paper" title="Paper" src="images/paper.png"></div>
<div class="slot"><img style="width: 68px; height: 68px;" alt="Torch" title="Torch" src="images/Torch.png"></div>
<div class="slot"><img style="width: 68px; height: 68px;" alt="Paper" title="Paper" src="images/paper.png"></div>
</div>
<div class="h_slot">
<div class="slot"></div>
<div class="slot"><img style="width: 68px; height: 68px;" alt="Stick" title="Stick" src="images/Stick.png"></div>
<div class="slot"></div>
<div class="res"><img style="border: 0px solid ; width: 68px; height: 68px;" alt="Table Lamp" title="Table Lamp" src="images/Table_Lamp.png"></div>
</div>
<div class="h_slot">
<div class="slot"></div>
<div class="slot"></div>
<div class="slot"></div>
</div>
</div>
</div>
<div>
<h3><a name="Bathroom_Kit"></a>Bathroom Kit</h3>
<div>
<h4><a name="Toilet"></a>Toilet</h4>
<div class="box_slot">
<div class="h_slot">
<div class="slot"></div>
<div class="slot"></div>
<div class="slot"></div>
</div>
<div class="h_slot">
<div class="slot"></div>
<div class="slot"></div>
<div class="slot"></div>
<div class="res"><img style="border: 0px solid ; width: 68px; height: 68px;" alt="Toilet" title="Toilet" src="images/Toilet.png"></div>
</div>
<div class="h_slot">
<div class="slot"></div>
<div class="slot"></div>
<div class="slot"></div>
</div>
</div>
</div>
<div>
<h4><a name="Sink"></a>Sink</h4>
<div class="box_slot">
<div class="h_slot">
<div class="slot"></div>
<div class="slot"></div>
<div class="slot"></div>
</div>
<div class="h_slot">
<div class="slot"></div>
<div class="slot"></div>
<div class="slot"></div>
<div class="res"><img style="border: 0px solid ; width: 68px; height: 68px;" alt="Sink" title="Sink" src="images/Sink.png"></div>
</div>
<div class="h_slot">
<div class="slot"></div>
<div class="slot"></div>
<div class="slot"></div>
</div>
</div>
</div>
<div>
<h4><a name="Taps"></a>Taps</h4>
<div class="box_slot">
<div class="h_slot">
<div class="slot"></div>
<div class="slot"></div>
<div class="slot"></div>
</div>
<div class="h_slot">
<div class="slot"></div>
<div class="slot"></div>
<div class="slot"></div>
<div class="res"><img style="border: 0px solid ; width: 68px; height: 68px;" alt="Taps" title="Taps" src="images/Taps.png"></div>
</div>
<div class="h_slot">
<div class="slot"></div>
<div class="slot"></div>
<div class="slot"></div>
</div>
</div>
</div>
<div>
<h4><a name="Shower_Tray"></a>Shower Tray</h4>
<div class="box_slot">
<div class="h_slot">
<div class="slot"></div>
<div class="slot"></div>
<div class="slot"></div>
</div>
<div class="h_slot">
<div class="slot"></div>
<div class="slot"></div>
<div class="slot"></div>
<div class="res"><img style="border: 0px solid ; width: 68px; height: 68px;" alt="Shower Tray" title="Shower Tray" src="images/Shower_Tray.png"></div>
</div>
<div class="h_slot">
<div class="slot"></div>
<div class="slot"></div>
<div class="slot"></div>
</div>
</div>
</div>
<div>
<h4><a name="Shower_Head"></a>Shower Head</h4>
<div class="box_slot">
<div class="h_slot">
<div class="slot"></div>
<div class="slot"></div>
<div class="slot"></div>
</div>
<div class="h_slot">
<div class="slot"></div>
<div class="slot"></div>
<div class="slot"></div>
<div class="res"><img style="border: 0px solid ; width: 68px; height: 68px;" alt="Shower Head" title="Shower Head" src="images/Shower_Head.png"></div>
</div>
<div class="h_slot">
<div class="slot"></div>
<div class="slot"></div>
<div class="slot"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<h3><a name="Medieval_Forniture"></a>Medieval Forniture</h3>
<div>
<h4><a name="Bars"></a> Bars</h4>
<div class="box_slot">
<div class="h_slot">
<div class="slot"></div>
<div class="slot"></div>
<div class="slot"></div>
</div>
<div class="h_slot">
<div class="slot"></div>
<div class="slot"></div>
<div class="slot"></div>
<div class="res"></div>
</div>
<div class="h_slot">
<div class="slot"></div>
<div class="slot"></div>
<div class="slot"></div>
</div>
</div>
</div>
<div>
<h4><a name="L_Binding_Bars"></a>L Binding Bars</h4>
<div class="box_slot">
<div class="h_slot">
<div class="slot"></div>
<div class="slot"></div>
<div class="slot"></div>
</div>
<div class="h_slot">
<div class="slot"></div>
<div class="slot"></div>
<div class="slot"></div>
<div class="res"></div>
</div>
<div class="h_slot">
<div class="slot"></div>
<div class="slot"></div>
<div class="slot"></div>
</div>
</div>
</div>
<div>
<h4><a name="Chains"></a>Chains</h4>
<div class="box_slot">
<div class="h_slot">
<div class="slot"></div>
<div class="slot"></div>
<div class="slot"></div>
</div>
<div class="h_slot">
<div class="slot"></div>
<div class="slot"></div>
<div class="slot"></div>
<div class="res"></div>
</div>
<div class="h_slot">
<div class="slot"></div>
<div class="slot"></div>
<div class="slot"></div>
</div>
</div>
</div>
<div>
<h4><a name="Torch_Wall"></a>Torch Wall</h4>
<div class="box_slot">
<div class="h_slot">
<div class="slot"></div>
<div class="slot"></div>
<div class="slot"></div>
</div>
<div class="h_slot">
<div class="slot"></div>
<div class="slot"></div>
<div class="slot"></div>
<div class="res"></div>
</div>
<div class="h_slot">
<div class="slot"></div>
<div class="slot"></div>
<div class="slot"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</body></html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 433 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 439 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 322 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 447 B