Profile Forum

[RateU]

If there is no limit, the level bar will not work "correctly". It will stop to level up at a certain value (when the bar full). It is a bit hard to explain it. You have two choice for the level, using pixel or percentage.

Example I: Use Display Format like this for percent:

HTML Code

1 2 3 4 5 6 7 8 9 10 11

<tr> <td width="150">Cooking Level</td> <td width="1">:</td> <td> <div class="tcat" style="width: 250px; overflow: hidden;"> <div class="thead" style="width: {VALUE}%; white-space: nowrap;"> <span style="margin-left: 9px;"><strong>Level {VALUE}</strong></span> </div> </div> </td> </tr>

---

The level bar will "stop" at level 100 (full bar level), so, it won't break your template. But the level text will continue to level up.

Example II: Use Display Format like this for pixel:

HTML Code

1 2 3 4 5 6 7 8 9 10 11

<tr> <td width="150">Cooking Level</td> <td width="1">:</td> <td> <div class="tcat" style="width: 250px; overflow: hidden;"> <div class="thead" style="width: {VALUE}px; white-space: nowrap;"> <span style="margin-left: 9px;"><strong>Level {VALUE}</strong></span> </div> </div> </td> </tr>

---

Similar as Example I, but the level bar will "stop" at level 250 (full bar level), so, it won't break your template too. But the level text will continue to level up. You can set in what level the the level bar will stop to level up. Change the width value in line #5. Maybe you need to change the layout of your profile thread, so you can set the width value to a bigger value (depends on the width of your theme).