Greetings!

I just finished my signature and got a few compliments. It`s very much all just HTML combined with Drakim`s tab system. I will post the code to my signature below but the code itself is not everything you need, you need to modify it before it works 100%.


<table width="700" height="100" valign="top" frame="box" style="font-size:12px">
<tr>
 <td width="150" valign="top"><font size="3"><b><a target="_blank" href="http://z10.invisionfree.com/RockmanChaosNetwork/index.php?showforum=3"><img src="<insertlink>" alt="Operator"></a></b></font><br />Operator<br />
  <font color="#9900EE" style="text-decoration:underline;"><b>Zenny:</b></font> 0<br />
  <a href="javascript: togglebar('Nigma_Op_PersonalInfo'); void(0);"><font color="#9900EE"><b>Personal Info:</b></font></a><br />
  <a href="javascript: togglebar('Nigma_Op_Belongings'); void(0);"><font color="#9900EE"><b>Belongings:</b></font></a>  
 </td>
 <td width="160" valign="top"><font size="3"><b><a target="_blank" href="http://z10.invisionfree.com/RockmanChaosNetwork/index.php?showforum=5"><img src="<insertlink>" alt="NetNavi"></a></b></font><br />NetNavi<br />
  <a href="javascript: togglebar('Nigma_Navi_StatusInfo'); void(0);"><font color="#009922"><b>Navi Status:</b></font></a><br />
  <a href="javascript: togglebar('Nigma_Navi_CombatInfo'); void(0);"><font color="#FF0000"><b>Navi Combat:</b></font></a><br />
  <a href="javascript: togglebar('Nigma_Navi_DetailingInfo'); void(0);"><font color="#00AAFF"><b>Navi Detailing:</b></font></a>
 </td>
 <td width="140" style="border-style:dashed;border-width:1">
  <div id="DivArea1" style="position:relative;top:0;left:0;width:130;height:90;overflow:auto;">
   <div id="Nigma_Op_PersonalInfo" class="signaturetab" style="position:absolute;left:0;top:0">
    <a href="javascript: togglebar('Nigma_Op_PersonalInfo'); void(0);"><font color="#FF0000;" size="-4">Close</font></a><br /><br />
    <a href="javascript: togglebar('Nigma_Op_ID'); void(0);"><b>Operator ID:</b></a>
   </div>
   <div id="Nigma_Op_Belongings" class="signaturetab" style="position:absolute;left:0;top:0">
    <a href="javascript: togglebar('Nigma_Op_Belongings'); void(0);"><font color="#FF0000;" size="-4">Close</font></a><br /><br />
    <a href="javascript: togglebar('Nigma_Op_KeyItems'); void(0);"><b>Key Items:</b></a><br />
    <a href="javascript: togglebar('Nigma_Op_Subchips'); void(0);"><b>Subchips:</b></a>
   </div>
   <div id="Nigma_Navi_StatusInfo" class="signaturetab" style="position:absolute;left:0;top:0">
    <a href="javascript: togglebar('Nigma_Navi_StatusInfo'); void(0);"><font color="#FF0000;" size="-4">Close</font></a><br /><br />
    <a href="javascript: togglebar('Nigma_Navi_Status'); void(0);"><b>Status:</b></a>
   </div>
   <div id="Nigma_Navi_CombatInfo" class="signaturetab" style="position:absolute;left:0;top:0">
    <a href="javascript: togglebar('Nigma_Navi_CombatInfo'); void(0);"><font color="#FF0000;" size="-4">Close</font></a><br /><br />
    <a href="javascript: togglebar('Nigma_Navi_Stats'); void(0);"><b>Stats:</b></a><br />
    <a href="javascript: togglebar('Nigma_Navi_Support'); void(0);"><b>Support:</b></a><br />
    <a href="javascript: togglebar('Nigma_Navi_Upgrades'); void(0);"><b>Upgrades:</b></a><br />
    <a href="javascript: togglebar('Nigma_Navi_Battlechips'); void(0);"><b>Battlechips:</b></a><br />
    <a href="javascript: togglebar('Nigma_Navi_Buster'); void(0);"><b>Buster:</b></a><br />
    <a href="javascript: togglebar('Nigma_Navi_Signature'); void(0);"><b>Sig Attacks:</b></a><br />
    <a href="javascript: togglebar('Nigma_Navi_Folder'); void(0);"><b>Folder:</b></a> (0/30)
   </div>
   <div id="Nigma_Navi_DetailingInfo" class="signaturetab" style="position:absolute;left:0;top:0">
    <a href="javascript: togglebar('Nigma_Navi_DetailingInfo'); void(0);"><font color="#FF0000;" size="-4">Close</font></a><br /><br />
    <a href="javascript: togglebar('Nigma_Navi_Cust'); void(0);"><b>NaviCust:</b></a> (25/40)<br />
    <a href="javascript: togglebar('Nigma_Navi_GMO'); void(0);"><b>GMO:</b></a>
   </div>
  </div>
 </td>
 <td width="350" style="border-style:dashed;border-width:1">
  <div id="DivArea2" style="position:relative;top:0;left:0;width:340;height:90;overflow:auto;">
   <div id="Nigma_Op_ID" class="signaturetab" style="position:absolute;left:0;top:0">
    <a href="javascript: togglebar('Nigma_Op_ID'); void(0);"><font color="#FF0000;" size="-4">Close</font></a><br /><br />
    Comming Soon!
   </div>
   <div id="Nigma_Op_KeyItems" class="signaturetab" style="position:absolute;left:0;top:0">
    <a href="javascript: togglebar('Nigma_Op_KeyItems'); void(0);"><font color="#FF0000;" size="-4">Close</font></a><br /><br />
    Nigma`s PET
   </div>
   <div id="Nigma_Op_Subchips" class="signaturetab" style="position:absolute;left:0;top:0">
    <a href="javascript: togglebar('Nigma_Op_Subchips'); void(0);"><font color="#FF0000;" size="-4">Close</font></a><br /><br />
    MiniEnergy x2
   </div>
   <div id="Nigma_Navi_Status" class="signaturetab" style="position:absolute;left:0;top:0">
    <a href="javascript: togglebar('Nigma_Navi_Status'); void(0);"><font color="#FF0000;" size="-4">Close</font></a><br /><br />
    Level: 1<br />Health: 100/100<br />Element: Elec<br />Type: Shadow
   </div>
   <div id="Nigma_Navi_Stats" class="signaturetab" style="position:absolute;left:0;top:0">
    <a href="javascript: togglebar('Nigma_Navi_Stats'); void(0);"><font color="#FF0000;" size="-4">Close</font></a><br /><br />
    Attack - 1<br />Charge - 1<br />Rapid - 1<br />Speed - 1
   </div>
   <div id="Nigma_Navi_Support" class="signaturetab" style="position:absolute;left:0;top:0">
    <a href="javascript: togglebar('Nigma_Navi_Support'); void(0);"><font color="#FF0000;" size="-4">Close</font></a><br /><br />
    None
   </div>
   <div id="Nigma_Navi_Upgrades" class="signaturetab" style="position:absolute;left:0;top:0">
    <a href="javascript: togglebar('Nigma_Navi_Upgrades'); void(0);"><font color="#FF0000;" size="-4">Close</font></a><br /><br />
    None
   </div>
   <div id="Nigma_Navi_Battlechips" class="signaturetab" style="position:absolute;left:0;top:0">
    <a href="javascript: togglebar('Nigma_Navi_Battlechips'); void(0);"><font color="#FF0000;" size="-4">Close</font></a><br /><br />
    Cannon<br />Shotgun<br/ >Rageclaw
   </div>
   <div id="Nigma_Navi_Buster" class="signaturetab" style="position:absolute;left:0;top:0">
    <a href="javascript: togglebar('Nigma_Navi_Buster'); void(0);"><font color="#FF0000;" size="-4">Close</font></a><br /><br />
    Normal Attack: No Element - 2 Damage<br />Charge Attack: Elec Element - 8 Damage
   </div>
   <div id="Nigma_Navi_Signature" class="signaturetab" style="position:absolute;left:0;top:0">
    <a href="javascript: togglebar('Nigma_Navi_Signature'); void(0);"><font color="#FF0000;" size="-4">Close</font></a><br /><br />
    <b>Flashvoid Cannon Burst Shot</b><br />Cooldown: 1<br />Damage: 30<br />Elementh: Null<br />Description: Uses the Flashvoid Cannon to shoot a short burst of rounds at a single target.<br /><br /><b>Flashvoid Cannon Void Shot</b><br />Cooldown: 1<br />Damage: 20<br />Elementh: Elec<br />Effect: Pull<br />Description: Uses the Flashvoid Cannon to shoot a void shot at a single target, Drawing the enemy closer.
   </div>
   <div id="Nigma_Navi_Folder" class="signaturetab" style="position:absolute;left:0;top:0">
    <a href="javascript: togglebar('Nigma_Navi_Folder'); void(0);"><font color="#FF0000;" size="-4">Close</font></a><br /><br />
    None
   </div>
   <div id="Nigma_Navi_Cust" class="signaturetab" style="position:absolute;left:0;top:0">
    <a href="javascript: togglebar('Nigma_Navi_Cust'); void(0);"><font color="#FF0000;" size="-4">Close</font></a><br /><br />
    Undershirt (10)<br />Set Magnet (15)
   </div>
   <div id="Nigma_Navi_GMO" class="signaturetab" style="position:absolute;left:0;top:0">
    <a href="javascript: togglebar('Nigma_Navi_GMO'); void(0);"><font color="#FF0000;" size="-4">Close</font></a><br /><br />
    None
   </div>
  </div>
 </td>
</tr>
</table>


There is the pretty version, now what you need to do to make it work in your signature is the following:

Edit it to fit your data (obviously)
Next you have to reduce it to 1 line of code.
For some reason the forum reads every <br /> and normal Return you write so it would give you alot of useless whitespace.
Just put everything directly behind eachother without actualy removing any code and it should work!

Since i love doing this stuff i wont mind help you or even doing it for you completly, i just need to know what information to put in.

Take care,
Nigma