• There is NO official Otland's Discord server and NO official Otland's server list. The Otland's Staff does not manage any Discord server or server list. Moderators or administrator of any Discord server or server lists have NO connection to the Otland's Staff. Do not get scammed!

Gesior layout placement, need some assistance.

Rickolajten

Member
Joined
Jul 21, 2008
Messages
175
Reaction score
16
I'm copied this from another site and i'm trying to get it to work properly, i managed to get all the pictures working and i added a button so i can access the page. I got problems with the placement and a second border though.

PHP:
<div id="addonbonus" class="Box">
    <div class="Corner-tl" style="background-image:url(layouts/tibiacom/images/content/corner-tl.gif);"></div>
    <div class="Corner-tr" style="background-image:url(layouts/tibiacom/images/content/corner-tr.gif);"></div>
    <div class="Border_1" style="background-image:url(layouts/tibiacom/images/content/border-1.gif);"></div>
    <div class="BorderTitleText" style="background-image:url(layouts/tibiacom/images/content/title-background-green.gif);"></div>
    <img class="Title"  src="headline.php?text=addonbonus" alt="Contentbox headline" />
    <div class="Border_2">
      <div class="Border_3">
        <div class="BoxContent" style="background-image:url(layouts/tibiacom/images/content/scroll.gif);">
    <center><b></b><h2><b>               
        Addon Bonuses  on     </b></h2></center>
        <center><h9>If you wear an outfit with <u>both addons</u> enabled, you will receive the following bonuses below:</h9></center>
<tbody><tr bgcolor="#505050"><td><b>
  <br><table border="1" cellpadding="2" cellspacing="0" width="100%</b>">
<tr class="KL" bgcolor="#D4C0A1"><td><center><b>Assassin</b><br> <img src="/outfitbonus/1052.gif"><img src="/outfitbonus/1056.gif"></center><br></td><td>
Distance Fighting: <b>+3</b><br>
Melee Fighting: <b>+2</b><br>
Protection Fire: <b>+4%</b><br>
Protection Physical: <b>+4%</b>
</td></tr>
  <tr class="KL" bgcolor="#F1E0C6"><td><center><b>Barbarian</b><br>  <img src="/outfitbonus/1047.gif"><img src="/outfitbonus/1043.gif"></center><br></td><td>
  Max HP: <b>+70HP</b><br>
Melee Fighting: <b>+3</b></td></tr>
<tr class="KL" bgcolor="#D4C0A1"><td><center><b>Beggar</b><br> <img src="/outfitbonus/1053.gif"><img src="/outfitbonus/1057.gif"></center><br></td><td>
Max HP: <b>+40HP</b><br>
Max Mana: <b>+50MP</b><br>
Melee Fighting: +1</td></tr>
<tr class="KL" bgcolor="#F1E0C6"><td><center><b>Brotherhood</b><br> <img src="/outfitbonus/1178.gif"><img src="/outfitbonus/1179.gif"></center><br></td><td>
Max HP: <b>+50HP</b><br>
Max Mana: <b>+20MP</b><br>
Melee Fighting: <b>+3</b><br>
Protection Death: <b>+5%</b><br>
Protection Fire: <b>+4%</b><br>
Protection Physical: <b>+1%</b></td></tr>
<tr class="KL" bgcolor="#D4C0A1"> <td><center><b>Citizen</b><br> <img src="/outfitbonus/1028.gif"><img src="/outfitbonus/1036.gif"></center><br></td><td>
Max HP: <b>+40HP</b><br>
Protection Physical: <b>+3%</b></td></tr>
<tr class="KL" bgcolor="#F1E0C6"><td><center><b>Demonhunter</b><br> <img src="/outfitbonus/888.gif"><img src="/outfitbonus/1189.gif"></center><br></td><td>
Max HP: <b>+50HP</b><br>
Melee Fighting: <b>+3</b><br>
Protection Fire: <b>+9%</b></td></tr>
<tr class="KL" bgcolor="#D4C0A1"><td><center><b>Druid</b><br> <img src="/outfitbonus/1044.gif"><img src="/outfitbonus/1048.gif"></center><br></td><td>
Max HP: <b>+30HP</b><br>
Max Mana: <b>+100MP</b><br>
Protection Earth: <b>+4%</b></td></tr>
<tr class="KL" bgcolor="#F1E0C6"><td><center><b>Hunter</b><br> <img src="/outfitbonus/1029.gif"><img src="/outfitbonus/1037.gif"></center><br></td><td>
Distance Fighting: <b>+3</b><br>
Max HP: <b>+60HP</b></td></tr>
  <tr class="KL" bgcolor="#D4C0A1"><td><center><b>Jester</b><br> <img src="/outfitbonus/1170.gif"><img src="/outfitbonus/1173.gif"></center><br></td><td>
  Magic Level: <b>+1</b><br>
Max HP: <b>+69HP</b><br>
Max Mana: <b>+90MP</b><br>
Protection death: <b>+1%</b><br>
Protection earth: <b>+1%</b><br>
Protection energy: <b>+1%</b><br>
Protection fire: <b>+1%</b><br>
Protection physical: <b>+1%</b><br>
Shielding: <b>+1</b></td></tr>
<tr class="KL" bgcolor="#F1E0C6"><td><center><b>Knight</b><br> <img src="/outfitbonus/1039.gif"><img src="/outfitbonus/1031.gif"></center><br></td><td>
Max HP: <b>+50HP</b><br>
Melee Fighting: <b>+3</b><br>
Shielding: <b>+1</b></td></tr>
<tr class="KL" bgcolor="#D4C0A1"><td><center><b>Mage</b><br>  <img src="/outfitbonus/1030.gif"><img src="/outfitbonus/1041.gif"></center><br></td><td>
Magic Level: <b>+2</b><br>
Max Mana: <b>+70MP</b><br>
Protection Death: <b>+4%</b><br>
Protection Energy: <b>+5%</b></td></tr>
<tr class="KL" bgcolor="#F1E0C6"><td><center><b>Nightmare</b><br> <img src="/outfitbonus/1168.gif"><img src="/outfitbonus/1169.gif"></center><br></td><td>
Max HP: <b>+50HP</b><br>
Melee Fighting: <b>+3</b><br>
Protection Death: <b>+4%</b><br>
Protection Energy: <b>+2%</b><br>
Protection Physical:<b> +5%</b><br>
Shielding: <b>+3</b></td></tr>
<tr class="KL" bgcolor="#D4C0A1"><td><center><b>Nobleman/Noblewoman</b><br> <img src="/outfitbonus/1032.gif"><img src="/outfitbonus/1040.gif"></center><br></td><td>
Max HP: <b>+60HP</b><br>
Max Mana: <b>+45MP</td></tr>
<tr class="KL" bgcolor="#F1E0C6"><td><center><b>Norseman/Norsewoman</b><br> <img src="/outfitbonus/1151.gif"><img src="/outfitbonus/1152.gif"></center><br></td><td>
Melee Fighting: <b>+1</b><br>
Protection Ice:<b> +8%</b></td></tr>
<tr class="KL" bgcolor="#D4C0A1"><td><center><b>Oriental</b><br>  <img src="/outfitbonus/1046.gif"><img src="/outfitbonus/1050.gif"></center><br></td><td>
Max HP: <b>+40HP</b><br>
Max Mana: <b>+40MP</b><br>
Melee Fighting: <b>+2</b><br>
Protection phisical: <b>+3%</b></td></tr>
<tr class="KL" bgcolor="#F1E0C6"><td><center><b>Pirate</b><br> <img src="/outfitbonus/1051.gif"><img src="/outfitbonus/1055.gif"></center><br></td><td>
Max HP: <b>+60HP</b><br>
Max Mana: <b>+20MP</b><br>
Melee Fighting:<b> +2</b><br>
Protection physical:<b> +5%</b></td></tr>
<tr class="KL" bgcolor="#D4C0A1"><td><center><b>Shaman</b><br>  <img src="/outfitbonus/1054.gif"><img src="/outfitbonus/1058.gif"></center><br></td><td>
Magic Level: <b>+1</b><br>
Max Mana: <b>+100MP</b><br>
Protection Earth:<b> +3%</b></td></tr>
<tr class="KL" bgcolor="#F1E0C6"><td><center><b>Summoner</b><br> <img src="/outfitbonus/1033.gif"><img src="/outfitbonus/1038.gif"></center><br></td><td>
Magic Level: <b>+1</b><br>
Max Mana: <b>+80MP</b><br>
Protection Energy: <b>+5%</b></td></tr>
<tr class="KL" bgcolor="#D4C0A1"><td><center><b>Warmaster</b><br> <img src="/outfitbonus/1235.gif"><img src="/outfitbonus/1236.gif"></center><br></td><td>
Max HP: <b>+40HP</b><br>
Melee Fighting: <b>+3</b><br>
Protection energy: <b>+2%</b><br>
Protection fire: <b>+2%</b><br>
Protection phisical: <b>+5%</b></td></tr>
<tr class="KL" bgcolor="#F1E0C6"><td><center><b>Warrior</b><br>  <img src="/outfitbonus/1034.gif"><img src="/outfitbonus/1042.gif"></center><br></td><td>
Max HP: <b>+50HP</b><br>
Melee Fighting: <b>+3</b><br>
Protection phisical: <b>+4%</b><br>
Shielding: <b>+2</b></td></tr>
<tr class="KL" bgcolor="#D4C0A1"><td><center><b>Wizard<as /b><br> <img src="/outfitbonus/1045.gif"><img src="/outfitbonus/1049.gif"></center><br></td><td>
Magic Level: <b>+1</b><br>
Max Mana:<b>+50MP</b><br>
Protection death: <b>+3%</b><br>
Protection energy: <b>+5%</b></td></tr>
<tr class="KL" bgcolor="#F1E0C6"><td><center><b>Yalahari</b><br> <img src="/outfitbonus/924.gif"><img src="/outfitbonus/925.gif"></center><br></td><td>
Magic Level: <b>+1</b><br>
Max HP: <b>+90HP</b><br>
Max Mana: <b>+40MP</b><br>
Protection death: <b>+3%</b><br>
Protection energy: <b>+5%</b></td></tr>

</tbody></table>
  </table>
      </div>
      </div>
    </div>

It make my "players online" and the "join free add" to the right float into the middle of the screen. Could someone help me out with this? i have tried editing/deleting several lines and most of the just cause the site to go white.


Edit: Question 2:

Whenever i add a new button to the sidebar and i click it, then i click another button.. all the "tabs" that i have opened on the sidebar is automatically closed. This does not occur when i open and click on already existing buttons such as "account management" etc. Any idea how to prevent this?
 
Last edited:
Add this at the end
PHP:
  <div class="Border_1" style="background-image: url('.$layout_name.'/images/content/border-1.gif);"></div>
  <div class="CornerWrapper-b"><div class="Corner-bl" style="background-image: url('.$layout_name.'/images/content/corner-bl.gif);"></div></div>
  <div class="CornerWrapper-b"><div class="Corner-br" style="background-image: url('.$layout_name.'/images/content/corner-br.gif);"></div></div>
</div>

For you second issue, look in layout.php
 
Add this at the end
PHP:
  <div class="Border_1" style="background-image: url('.$layout_name.'/images/content/border-1.gif);"></div>
  <div class="CornerWrapper-b"><div class="Corner-bl" style="background-image: url('.$layout_name.'/images/content/corner-bl.gif);"></div></div>
  <div class="CornerWrapper-b"><div class="Corner-br" style="background-image: url('.$layout_name.'/images/content/corner-br.gif);"></div></div>
</div>

For you second issue, look in layout.php

Wow, how did i even miss that. Thanks you, yet again my saviour.
It solved the placement of the things i stated, its still a second border there though, is that in my code or is that also in layout.php?


About the second issue...

I'm comparing my own buttons with the ones i copied, and i can't find anything out of the ordinary.

Working button -

PHP:
<a href='?subtopic=createaccount'>
  <div id='submenu_createaccount' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'>
    <div class='LeftChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div>
    <div id='ActiveSubmenuItemIcon_createaccount' class='ActiveSubmenuItemIcon' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-activesubmenu.gif);'></div>
    <div class='SubmenuitemLabel'>Create Account</div>
    <div class='RightChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div>
  </div>
</a>

Not working as well button -
PHP:
<a href='?subtopic=changename'>
  <div id='submenu_changename' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'>
    <div class='LeftChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div>
    <div id='ActiveSubmenuItemIcon_createaccount' class='ActiveSubmenuItemIcon' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-activesubmenu.gif);'></div>
    <div class='SubmenuitemLabel'>Change name</div>
    <div class='RightChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div>
  </div>
</a>
 
Is that second border on all pages or just a few?

You forgot to change createaccount to changename
Code:
<div id='ActiveSubmenuItemIcon_createaccount'
 
Is that second border on all pages or just a few?

You forgot to change createaccount to changename
Code:
<div id='ActiveSubmenuItemIcon_createaccount'

Oh, clumsy me.. that solved the thing i was talking about above.

The second border is only for that page, not for any other page. :)
 
Back
Top