User:Aaron Fisher/skilltemplate

PS.: All the % are X% to go. Examples: 34 is 34% to go, the same as a 66% bar. 0 is 0% to go, full bar. 100 is 100% to go, empty bar. Just like the in-game info.

PS2.: The only boolean values are expbar, lvlbar and staminabar. Don't try to write true or false at anything else. To hide the other bars just leave the value blank.

Example:

Result:





 Experience Level Hit Points Mana Soul Points Capacity Stamina Magic Level    42:00 







<div style="position:relative; background-color: #c00000; width: %; height: 3px;">

<div style="display: block; width: 136px; height: 165px; position: absolute; z-index:2; top: px; left: 14px; border: 0px #000000 solid; font-family: Tahoma; font-size: 11px; font-weight: bold; color: #afafaf; text-align: left;"> Fist Fighting <div style="margin: px 0px 1px 0px;">Club Fighting <div style="margin: px 0px 1px 0px;">Sword Fighting <div style="margin: px 0px 1px 0px;">Axe Fighting <div style="margin: px 0px 1px 0px;">Distance Fighting <div style="margin: px 0px 1px 0px;">Shielding <div style="margin: px 0px 1px 0px;">Fishing <div style="display: block; width: 136px; height: 165px; position: absolute; z-index:2; top: px; left: 14px; border: 0px #000000 solid; font-family: Tahoma; font-size: 11px; font-weight: bold; color: #afafaf; text-align: right;"> <div style="margin: px 0px 1px 0px;"> <div style="margin: px 0px 1px 0px;"> <div style="margin: px 0px 1px 0px;"> <div style="margin: px 0px 1px 0px;"> <div style="margin: px 0px 1px 0px;"> <div style="margin: px 0px 1px 0px;">

<div style="display: ; width: 134px; height: 3px; position: absolute; z-index:3; top: px; left: 14px; border: 1px #000000 solid;"><div style="position:relative; background-color: #00c000; width: %; height: 3px;">

<div style="display: ; width: 134px; height: 3px; position: absolute; z-index:3; top: px; left: 14px; border: 1px #000000 solid;"><div style="position:relative; background-color: #00c000; width: %; height: 3px;">

<div style="display: ; width: 134px; height: 3px; position: absolute; z-index:3; top: px; left: 14px; border: 1px #000000 solid;"><div style="position:relative; background-color: #00c000; width: %; height: 3px;">

<div style="display: ; width: 134px; height: 3px; position: absolute; z-index:3; top: px; left: 14px; border: 1px #000000 solid;"><div style="position:relative; background-color: #00c000; width: %; height: 3px;">

<div style="display: ; width: 134px; height: 3px; position: absolute; z-index:3; top: px; left: 14px; border: 1px #000000 solid;"><div style="position:relative; background-color: #00c000; width: %; height: 3px;">

<div style="display: ; width: 134px; height: 3px; position: absolute; z-index:3; top: px; left: 14px; border: 1px #000000 solid;"><div style="position:relative; background-color: #00c000; width: %; height: 3px;">

<div style="display: ; width: 134px; height: 3px; position: absolute; z-index:3; top: px; left: 14px; border: 1px #000000 solid;"><div style="position:relative; background-color: #00c000; width: %; height: 3px;">