cawaii | 32nd: treno

Originally made this for

choir! I pretty much translated the FFIX status page into code. The menu on the left is actually a table of links. There are comments in the code to help you out. Tell me if you run into any trouble!

Status

Attack
Steal
Skill
Item

Zidane
Lv 99
HP 6730/6730
MP 385/385

Speed: 35
Strength: 62
Magic: 60
Spirit: 48
Attack: 100
Defense: 37
Evade: 32
Magic Def: 55
Magic Eva: 16

Trance:

EXP: 8046836
Next Lv: 0

Dagger

Bandana

Bracer

Leather Vest

Protect Ring

code by

cawaii

<raw-code><center><table style="width: 400; font: 14px calibri, sans-serif; color: #ffffff; text-shadow: #222222 1px 1px 1px;"><tr>
<td style="vertical-align: top; text-align: left;">
<div style="background: #7a7a7a; border: 3px solid #fcfcfc; border-radius: 10px; box-shadow: #606060 2px 2px 2px; padding: 6px; width: 80px; height: 16px; position: relative; z-index: 0; float: right;">Status</div>

<div style="background: #7a7a7a; border: 3px solid #fcfcfc; border-radius: 10px; box-shadow: #606060 2px 2px 2px; margin-top: 48px; padding: 6px; width: 80px; position: relative; z-index: 2; left: 88px; float: right;">
 <a href="LINK" style="text-decoration: none;"><span style="color: #ffffff;">Attack</span></a>
 <br/><a href="LINK" style="text-decoration: none;"><span style="color: #ffffff;">Steal</span></a>
 <br/><a href="LINK" style="text-decoration: none;"><span style="color: #ffffff;">Skill</span></a>
 <br/><a href="LINK" style="text-decoration: none;"><span style="color: #ffffff;">Item</span></a>
</div>

<div style="background: #7a7a7a; border: 3px solid #fcfcfc; border-radius: 10px; box-shadow: #606060 2px 2px 2px; margin-top: 40px; padding: 6px; width: 388px; height: 250px; position: relative; z-index: 1;">

 <div style="height: 68px; padding-bottom: 6px; border-bottom: 1px solid #606060;">
    <img src="http://www.dreamwidth.org/userpic/6372909/2002628" align="left" style="height: 68px; margin-right: 6px;">
  Zidane
  <br/><span style="font-weight: bold; text-shadow: #090909 1px 1px 1px;">Lv</span> 99
  <br/><span style="font-weight: bold; text-shadow: #090909 1px 1px 1px;">HP</span> 6730/6730
  <br/><span style="font-weight: bold; text-shadow: #090909 1px 1px 1px;">MP</span> 385/385
 </div>


 <div style="width: 110px; height: 170px; padding: 3px 6px 0px 0px; border-top: 1px solid #8a8a8a; border-right: 1px solid #606060; float: left;">
  Speed: 35
  <br/>Strength: 62
  <br/>Magic: 60
  <br/>Spirit: 48
  <br/>Attack: 100
  <br/>Defense: 37
  <br/>Evade: 32
  <br/>Magic Def: 55
  <br/>Magic Eva: 16
 </div>


 <div style="width: 265px; padding: 2px 0px 4px 6px; border-bottom: 1px solid #606060; border-top: 1px solid #8a8a8a; position: relative; top: -10px; float: left;">
  Trance: <div style="width: 80px; height: 6px; background: #845452; box-shadow: #555555 1px 1px 1px; position: relative; top: 6px; right: 136px; float: right;"><div style="width: 40%; height: 6px; background: #E37673;"></div></div>
  <br/>EXP: 8046836
  <br/>Next <span style="font-weight: bold; text-shadow: #090909 1px 1px 1px;">Lv</span>: 0
 </div>


 <div style="width: 265px; padding: 3px 0px 0px 6px; border-top: 1px solid #8a8a8a; position: relative; top: -10px; float: left;">
  <img src="http://i.imgur.com/LqEOM7p.png" style="height: 16px;"> : <img src="http://i.imgur.com/nzVngkT.gif" style="height: 16px;"> Dagger
  <br/><img src="http://i.imgur.com/DAq5CN8.png" style="height: 16px;"> : <img src="http://i.imgur.com/4btMDJE.gif" style="height: 14px;"> Bandana
  <br/><img src="http://i.imgur.com/wobJnQP.png" style="height: 16px;"> : <img src="http://i.imgur.com/qSqSQHk.gif" style="height: 14px;"> Bracer
  <br/><img src="http://i.imgur.com/Wpul0kL.png" style="height: 16px;"> : <img src="http://i.imgur.com/jezkXrY.gif" style="height: 14px;"> Leather Vest
  <br/><img src="http://i.imgur.com/maNWxZI.png" style="height: 16px;"> : <img src="http://i.imgur.com/wzyTQ21.gif" style="height: 14px;"> Ruby Ring
 </div>

</div>
</td>
</tr></table>
<small>code by <user name=cawaii></small></center></raw-code>

32nd: treno

no subject