Codigo para colocar no anúncio

Qual é minha questão:
Andei visitando alguns sites e encontrei algo muito legal "que gostei". E queria colocar no meu fórum, bem sem mais!
Aqui está a imagem:
https://i.servimg.com/u/f39/14/99/55/84/anunci10.jpg

Como faço para colocar um desse?
É possivel aplicar um desse tipo na área Portal?

Fórum onde eu ví: http://naruto-rpg-adventure.forumeiros.com/forum

Obrigado desde ja!

Links e imagens do meu problema:
...

Endereço do meu fórum:
http://maniaonline.foroactivo.com.mx/

Versão do meu fórum:
PHPBB3

Boas,
amigo acenda seu painel de controle

Visualização >> Página Inicial >> Geral

Procure por Conteúdo da mensagem. :
e adicione este código abaixo!

Código:

<span class="separador_1 separador" id="separador_ros" onmouseover="javascript:change_separador('ros');">Inicio</span>
   <span class="separador_0 separador" id="separador_kumo" onmouseover="javascript:change_separador('kumo');">Informações</span>
   <span class="separador_0 separador" id="separador_kiri" onmouseover="javascript:change_separador('kiri');">Staff e avisos</span>




</div><div class="contenu_separadores" style="font-size: 12px;">
  <div style="display: block; " class="contenu_separador" id="contenu_separador_ros">
      <center><div><table><tbody><tr><td><div style="background-color: transparent; width: 400px; height: 470px; margin-right: 1px; padding-right: 10px; padding-left: 10px;">
<br><center><div class="cadreimg"><img src="http://i30.servimg.com/u/f30/17/50/03/27/imagep10.png"></div></center><div class="padding-left:10px;"><span style="font-size: 11px; line-height: normal;">
<br><br><div align="justify">Top Vilas e Organizações<br><br>
<table border="1"><tr><u><td align="left">Rank</td><td align="left">Nome </td><td align="left">Pontos</td></u></tr><tr><u><td align="left">1º</td><td align="left">Konoha  </td><td align="left">  3    </td></u></tr><tr><u><td align="left">2º</td><td align="left">Kiri        </td><td align="left">  1    </td></u></tr><tr><u><td align="left">3º</td><td align="left">Akatsuki </td><td align="left">  1    </td></u></tr><tr><u><td align="left">4º</td><td align="left">Kumo    </td><td align="left">  0    </td></u></tr><tr><u><td align="left">5º</td><td align="left">Ame      </td><td align="left">  0    </td></u></tr><tr><u><td align="left">6º</td><td align="left">otogakure</td><td align="left">  0    </td></u></tr></table>
</div></span></div>

Olá, nao ficou exatamente como eu queria, veja:

https://i.servimg.com/u/f39/14/99/55/84/errou10.jpg

Boas,
troque por este:

Código:

<p style="text-align: center; font-weight: bold; font-size: 14px;">Rank's</p><div class="systeme_separadores"><div class="separadores">
   <span class="separador_1 separador" id="separador_ros" onmouseover="javascript:change_separador('ros');">Inicio</span>
   <span class="separador_0 separador" id="separador_kumo" onmouseover="javascript:change_separador('kumo');">Informações</span>
   <span class="separador_0 separador" id="separador_kiri" onmouseover="javascript:change_separador('kiri');">Staff e avisos</span>




</div><div class="contenu_separadores" style="font-size: 12px;">
  <div style="display: block; " class="contenu_separador" id="contenu_separador_ros">
      <center><div><table><tbody><tr><td><div style="background-color: transparent; width: 400px; height: 470px; margin-right: 1px; padding-right: 10px; padding-left: 10px;">
<br><center><div class="cadreimg"><img src="http://i30.servimg.com/u/f30/17/50/03/27/imagep10.png"></div></center><div class="padding-left:10px;"><span style="font-size: 11px; line-height: normal;">
<br><br><div align="justify">Top Vilas e Organizações<br><br>
<table border="1"><tr><u><td align="left">Rank</td><td align="left">Nome </td><td align="left">Pontos</td></u></tr><tr><u><td align="left">1º</td><td align="left">Konoha  </td><td align="left">  3    </td></u></tr><tr><u><td align="left">2º</td><td align="left">Kiri        </td><td align="left">  1    </td></u></tr><tr><u><td align="left">3º</td><td align="left">Akatsuki </td><td align="left">  1    </td></u></tr><tr><u><td align="left">4º</td><td align="left">Kumo    </td><td align="left">  0    </td></u></tr><tr><u><td align="left">5º</td><td align="left">Ame      </td><td align="left">  0    </td></u></tr><tr><u><td align="left">6º</td><td align="left">otogakure</td><td align="left">  0    </td></u></tr></table>
</div></span></div>


</td><td><div style="background-color: transparent; width: 360px; height: 470px; margin-right: 10px; padding-right: 10px; padding-left: 10px;">

<br><div class="titlepacat">Carteirinha Ninja</div><div style="background-color:#e5e5e5; border: 1px solid rgb(240, 240, 240); border-radius: 20px 20px 20px 20px; width: 300px; margin-top: -3px; padding-left: 5px;">
<center><a href="http://naruto-rpg-adventure.forumeiros.com/f30-carteirinha-ninja"> <img src="http://i1074.photobucket.com/albums/w413/Hiraga-Saito1/fn.gif"></a></center></div><br>

<br><div class="titlepacat">Top Ninjas</div><div style="background-color:#e5e5e5; border: 1px solid rgb(240, 240, 240); border-radius: 20px 20px 20px 20px; width: 300px; margin-top: -3px;"><span style="font-size: 9px; line-height: normal;"><br> <center><table><tbody><tr><td><div class="cadretop"><a href="http://naruto-rpg-adventure.forumeiros.com/u2" target="_blank"><img src="http://img33.imageshack.us/img33/7462/shinobisociety.png"></a></div></td><td> <div class="cadretop"><a href="http://naruto-rpg-adventure.forumeiros.com/u1" target="_blank"><img src="http://i30.servimg.com/u/f30/17/50/03/27/itachi10.jpg"></a></div></td><td> <div class="cadretop"><a href="http://naruto-rpg-adventure.forumeiros.com/u3" target="_blank"><img src="http://i30.servimg.com/u/f30/17/50/03/27/itachi11.jpg"></a></div></td><td> <div class="cadretop"><a href="http://naruto-rpg-adventure.forumeiros.com/u12"><img src="http://i30.servimg.com/u/f30/17/50/03/27/itachi12.jpg"></a></div> </td><td> <div class="cadretop"><a href="#"><img src="http://img402.imageshack.us/img402/8586/parceirovip.png"></a></div> </td><td> <div class="cadretop"><a href="#"><img src="http://img402.imageshack.us/img402/8586/parceirovip.png"></a></div> </td></tr></tbody></table>

<form name="MenubyLL" method="post">
            <select name="wxlmenu" size="1" class="stylemenu">

          <option value="#">Outros Ninjas</option>
            <option value="nenhum">nehum</option>
            <option value=###">nenhum</option>
              <option value="###">nenhum/option>
              <option value="http://narutoreborn.ativoforum.com/">nenhum</option>
              <option value="###">nenhum</option></select>

            <input class="stylebutton" onclick="location =document.MenubyLL.wxlmenu.options [document.MenubyLL.wxlmenu.selectedIndex].value;" value="Let's Go!" type="button">

        </form><br>
</center></span></div>
</div>

</td></tr></tbody></table></div></center></div>

Não deu novamente, veja como ficou:

https://i.servimg.com/u/f39/14/99/55/84/errou11.jpg

Boas,
tente este:

Código:

<style type="text/css">

.contenu_separador
{
      margin-top: 5px;
      padding:5px;
      display:none;
}
.cadreimg
{ border-width:1;
border-style:solid;
padding: 3px;
border-bottom: 1px #e5e5e5 solid;
border-right: 1px #e5e5e5 solid;
border-left: 1px #e5e5e5 solid;
border-top: 1px #e5e5e5 solid;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
width: 350px;
 }

.cadreimg:hover {
border-bottom: 1px #b8b9c4 solid;
border-right: 1px #b8b9c4 solid;
border-left: 1px #b8b9c4 solid;
border-top: 1px #b8b9c4 solid;
}

.titlepacat {
  text-transform:uppercase;
  color: #65798e;
  margin-left: 20px;
  text-shadow: #ffffff 0 2px 0;
  font-family: Times New Roman; }

.cadretop
{ border-width:1;
border-style:solid;
padding: 3px;
border-bottom: 1px #e5e5e5 solid;
border-right: 1px #e5e5e5 solid;
border-left: 1px #e5e5e5 solid;
border-top: 1px #e5e5e5 solid;
width: 40px;
 }

.cadretop:hover {
border-bottom: 1px #b8b9c4 solid;
border-right: 1px #b8b9c4 solid;
border-left: 1px #b8b9c4 solid;
border-top: 1px #b8b9c4 solid;
}


#left {display: block;} #left .forumline {background: #d6d6d6;}

.separadores {
      text-align: center;
}
.separador
{
      font-size: 12px;
      display:inline-block;
      margin-left:3px;
      margin-right:3px;
      padding:3px;
      border: 1px solid black;
      width: 212px;
      border-radius: 5px;
      -moz-border-radius: 5px;
      -khtml-border-radius: 5px;
      -webkit-border-radius: 5px;
      box-shadow: 1px 1px 3px #666;
      -moz-box-shadow: 1px 1px 3px #666;
      -khtml-box-shadow: 1px 1px 3px #666;
      -webkit-box-shadow: 1px 1px 3px #666;
}

.separador_0
{
      background:#d6d6d6;
      font-weight: bold;
      width: 212px;
}
.separador_1
{
      background: #e9e9e9;
      font-weight: bold;
      box-shadow: inset 1px 1px 3px #666;
      -moz-box-shadow: inset 1px 1px 3px #666;
      -khtml-box-shadow: inset 1px 1px 3px #666;
      -webkit-box-shadow: inset 1px 1px 3px #666;
      cursor: pointer;
      width: 212px;
}
.contenu_separador
{
      margin-top: 5px;
      padding:5px;
      display:none;
}
ul
{
      margin-top:0px;
      margin-bottom:0px;
      margin-left:-10px
}
h1
{
      margin:0px;
      padding:0px;
}



</style>
<p style="text-align: center; font-weight: bold; font-size: 14px;">Rank's</p><div class="systeme_separadores"><div class="separadores">
   <span class="separador_1 separador" id="separador_ros" onmouseover="javascript:change_separador('ros');">Inicio</span>
   <span class="separador_0 separador" id="separador_kumo" onmouseover="javascript:change_separador('kumo');">Informações</span>
   <span class="separador_0 separador" id="separador_kiri" onmouseover="javascript:change_separador('kiri');">Staff e avisos</span>




</div><div class="contenu_separadores" style="font-size: 12px;">
  <div style="display: block; " class="contenu_separador" id="contenu_separador_ros">
      <center><div><table><tbody><tr><td><div style="background-color: transparent; width: 400px; height: 470px; margin-right: 1px; padding-right: 10px; padding-left: 10px;">
<br><center><div class="cadreimg"><img src="http://i30.servimg.com/u/f30/17/50/03/27/imagep10.png"></div></center><div class="padding-left:10px;"><span style="font-size: 11px; line-height: normal;">
<br><br><div align="justify">Top Vilas e Organizações<br><br>
<table border="1"><tr><u><td align="left">Rank</td><td align="left">Nome </td><td align="left">Pontos</td></u></tr><tr><u><td align="left">1º</td><td align="left">Konoha  </td><td align="left">  3    </td></u></tr><tr><u><td align="left">2º</td><td align="left">Kiri        </td><td align="left">  1    </td></u></tr><tr><u><td align="left">3º</td><td align="left">Akatsuki </td><td align="left">  1    </td></u></tr><tr><u><td align="left">4º</td><td align="left">Kumo    </td><td align="left">  0    </td></u></tr><tr><u><td align="left">5º</td><td align="left">Ame      </td><td align="left">  0    </td></u></tr><tr><u><td align="left">6º</td><td align="left">otogakure</td><td align="left">  0    </td></u></tr></table>
</div></span></div>


</td><td><div style="background-color: transparent; width: 360px; height: 470px; margin-right: 10px; padding-right: 10px; padding-left: 10px;">

<br><div class="titlepacat">Carteirinha Ninja</div><div style="background-color:#e5e5e5; border: 1px solid rgb(240, 240, 240); border-radius: 20px 20px 20px 20px; width: 300px; margin-top: -3px; padding-left: 5px;">
<center><a href="http://naruto-rpg-adventure.forumeiros.com/f30-carteirinha-ninja"> <img src="http://i1074.photobucket.com/albums/w413/Hiraga-Saito1/fn.gif"></a></center></div><br>

<br><div class="titlepacat">Top Ninjas</div><div style="background-color:#e5e5e5; border: 1px solid rgb(240, 240, 240); border-radius: 20px 20px 20px 20px; width: 300px; margin-top: -3px;"><span style="font-size: 9px; line-height: normal;"><br> <center><table><tbody><tr><td><div class="cadretop"><a href="http://naruto-rpg-adventure.forumeiros.com/u2" target="_blank"><img src="http://img33.imageshack.us/img33/7462/shinobisociety.png"></a></div></td><td> <div class="cadretop"><a href="http://naruto-rpg-adventure.forumeiros.com/u1" target="_blank"><img src="http://i30.servimg.com/u/f30/17/50/03/27/itachi10.jpg"></a></div></td><td> <div class="cadretop"><a href="http://naruto-rpg-adventure.forumeiros.com/u3" target="_blank"><img src="http://i30.servimg.com/u/f30/17/50/03/27/itachi11.jpg"></a></div></td><td> <div class="cadretop"><a href="http://naruto-rpg-adventure.forumeiros.com/u12"><img src="http://i30.servimg.com/u/f30/17/50/03/27/itachi12.jpg"></a></div> </td><td> <div class="cadretop"><a href="#"><img src="http://img402.imageshack.us/img402/8586/parceirovip.png"></a></div> </td><td> <div class="cadretop"><a href="#"><img src="http://img402.imageshack.us/img402/8586/parceirovip.png"></a></div> </td></tr></tbody></table>

<form name="MenubyLL" method="post">
            <select name="wxlmenu" size="1" class="stylemenu">

          <option value="#">Outros Ninjas</option>
            <option value="nenhum">nehum</option>
            <option value=###">nenhum</option>
              <option value="###">nenhum/option>
              <option value="http://narutoreborn.ativoforum.com/">nenhum</option>
              <option value="###">nenhum</option></select>

            <input class="stylebutton" onclick="location =document.MenubyLL.wxlmenu.options [document.MenubyLL.wxlmenu.selectedIndex].value;" value="Let's Go!" type="button">

        </form><br>
</center></span></div>
</div>

</td></tr></tbody></table></div></center></div>


  <div class="contenu_separador" id="contenu_separador_kumo" style="display: block; ">
  <center><table><tbody><tr><td><div style="background-color: transparent; width: 225px; height: 360px; margin-right: 1px; padding-right: 10px; padding-left: 10px;"><br><center><div class="cadreimgseparador"><img src="http://i30.servimg.com/u/f30/17/50/03/27/sans_t17.jpg"></div></center></div>


</td><td><div style="background-color: transparent; width: 535px; height: 360px; margin-right: 1px; padding-right: 10px; padding-left: 10px;"><table><tbody><tr><td></td><td>


<table><tbody><tr><td><div class="titlepacat">Iwa</div><div style="background-color:#e5e5e5; border: 1px solid rgb(240, 240, 240); border-radius: 20px 20px 20px 20px; width: 145px; height: 75px; margin-top: -3px; padding: 10px;"><center><span style="font-size: 9px; line-height: normal;">Iwa foi destruida pelo 6º Hokage!<br>Mais...<br> Alguns Ninjas querem reconstruir uma nova vila no lugar onde era Iwa...</span></center><p></p>
</div></td><td><div class="titlepacat">Exame Chunnin</div><div style="background-color:#e5e5e5; border: 1px solid rgb(240, 240, 240); border-radius: 20px 20px 20px 20px; width: 145px; height: 75px; margin-top: -3px; padding: 10px;"><span style="font-size: 9px; line-height: normal; margin-top: -10px;"><br><center>Para virar chunnin deve provar que e um ninja forte! <br>E vencer seus adversários que aparecem no exame!</center></span></div></td><td><div class="titlepacat">Equipe</div><div style="background-color:#e5e5e5; border: 1px solid rgb(240, 240, 240);border-radius: 20px 20px 20px 20px; width: 120px; height: 90px; margin-top: -3px; padding: 10px;"><span style="font-size: 9px; line-height: normal; position:relative; top:auto;"><br><center>Para entrar no exame chunnin vc deve estar ne uma equipe...<br> Caso num tenha nenhuma na sua vila você pode criar e ir sozinho!</center></span></div>

</td></tr></tbody></table>
<br><div class="titlepacat">Atributos</div><div style="background-color:#e5e5e5; border: 1px solid rgb(240, 240, 240);border-radius: 20px 20px 20px 20px; width: 375px; margin-top: -3px; padding: 10px;"><center><span style="font-size: 9px; line-height: normal;"> <div class="opacity"><img src="http://i30.servimg.com/u/f30/17/50/03/27/vipzd11.png"></div><br><a href="http://naruto-rpg-adventure.forumeiros.com/t555-loja-ninjaroupas" class="postlink" target="_blank" rel="nofollow">*Loja de Roupas</a><br>
<a href="http://naruto-rpg-adventure.forumeiros.com/t572-loja-de-itens" class="postlink" target="_blank" rel="nofollow">*Loja de itens</a><br>
</span></center>
</div>



</td></tr></tbody></table>
 </div>
</td></tr></tbody></table></center>
  </div>

  </div>
  <div class="contenu_separador" id="contenu_separador_kiri" style="display: none; ">

      <div><center><table><tbody><tr><td><div style="background-color: transparent; width: 535px; height: 360px; margin-right: 1px; padding-right: 10px; padding-left: 10px;"><table><tbody><tr><td><div class="titlepacat">O Staff</div>
Em Breve.<br>
<br><div class="titlepacat">Aviso NRA</div><div style="background-color:#e5e5e5; border: 1px solid rgb(240, 240, 240); border-radius: 20px 20px 20px 20px; width: 460px; margin-top: -3px; padding-left: 5px;"><span style="font-size: 9px; line-height: normal;">


<center><table><tbody><tr><td>
<!-- DEBUT DU SCRIPT -->
<script language="JavaScript">
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/

var nbimage= 150;
var width;
var height;
var url;
var alte;
function banniere()
{
numimage= Math.round(Math.random()*(nbimage-1)+1);
if (numimage <= 10)
{
gotosite = "";
url = "http://img545.imageshack.us/img545/8461/eyesy.png";
alte = "Pedro Hiraga";
}
if (numimage > 10 && numimage <= 20)
{
gotosite = "";
url = "http://img801.imageshack.us/img801/8450/teito.png";
alte = "Narcizio";
}
if (numimage > 20 && numimage <= 30)
{
gotosite = "";
url = "http://img855.imageshack.us/img855/8357/realfeelings.png";
alte = "Marco";
}
if (numimage > 30 && numimage <= 40)
{
gotosite = "";
url = "http://img132.imageshack.us/img132/7422/asweetdream.png";
alte = "Uchiha Sasuke";
}
if (numimage > 40 && numimage <= 50)
{
gotosite = "";
url = "imagen aqui";
alte = "Vago";
}
if (numimage > 50 && numimage <= 60)
{
gotosite = "";
url = "imagem aqui";
alte = "Vago";
}
if (numimage > 60 && numimage <= 70)
{
gotosite = "";
url = "imagem aqui";
alte = "Vago";
}
if (numimage > 70 && numimage <= 80)
{
gotosite = "";
url = "imagem aqui";
alte = "vago";
}
if (numimage > 80 && numimage <= 90)
{
gotosite = "";
url = "imagem aqui";
alte = "Vago";
}
if (numimage > 90 && numimage <= 100)
{
gotosite = "";
url = "imagem aqui";
alte = "vago";
}
if (numimage > 100 && numimage <= 110)
{
gotosite = "";
url = "imagem aqui";
alte = "vago";
}
if (numimage > 110 && numimage <= 120)
{
gotosite = "";
url = "imagem aqui";
alte = "vago";
}
if (numimage > 120 && numimage <= 130)
{
gotosite = "";
url = "Imagem aqui";
alte = "Vago";
}
if (numimage > 130 && numimage <= 140)
{
gotosite = "";
url = "Imagem aqui";
alte = "Vago";
}
if (numimage > 140)
{
gotosite = "";
url = "imagem aqui";
alte = "vago";
}
if(gotosite != "")
  {
  document.write ('<A HREF="' + gotosite + '">'); 
  }
document.write('<IMG SRC="' + url + '" ALT="' + alte + '" BORDER=0>')
if(gotosite != "")
  {
  document.write('</A>')
  }
}
</script>
<!-- FIN DU SCRIPT -->


 </td><td><a href="http://naruto-rpg-adventure.forumeiros.com/t616-aviso-para-todos-os-membros#3671" class="postlink" target="_blank" rel="nofollow"><img src="http://i1074.photobucket.com/albums/w413/Hiraga-Saito1/Sanstitre3-6.gif" border="0" alt="" /></a></td></tr></tbody></table>

</center>
</span></div>

quase lá!

Veja as imagens:
https://i.servimg.com/u/f39/14/99/55/84/errou110.jpg

- Os botoes escritos informação, inicio e Estaff e avisos, não funcionam.

Continuação da primeira imagem

https://i.servimg.com/u/f39/14/99/55/84/errou210.jpg

E como pode observar na segunda as categorias do meu forum sumiram logo abaixo.

Boas,
amigo tente este:

Código:

<script type="text/javascript">//<![CDATA[
document.MAX_ct0 ='';var m3_u = (location.protocol=='https:'?'https://cas.criteo.com/delivery/ajs.php?':'http://cas.criteo.com/delivery/ajs.php?');var m3_r = Math.floor(Math.random()*99999999999);document.write("<scr"+"ipt type='text/javascript' src='"+m3_u);document.write("zoneid=55343&amp;prlog=");document.write("&amp;nodis=1");document.write('&amp;cb=' + m3_r);if (document.MAX_used != ',') document.write("&amp;exclude=" + document.MAX_used);document.write(document.charset ? '&amp;charset='+document.charset : (document.characterSet ? '&amp;charset='+document.characterSet : ''));document.write("&amp;loc=" + escape(window.location));if (document.referrer) document.write("&amp;referer=" + escape(document.referrer));if (document.context) document.write("&context=" + escape(document.context));if ((typeof(document.MAX_ct0) != 'undefined') && (document.MAX_ct0.substring(0,4) == 'http')) {document.write("&amp;ct0=" + escape(document.MAX_ct0));}if (document.mmm_fo) document.write("&amp;mmm_fo=1");document.write("'></scr"+"ipt>");//]]>
</script><br class="clear" /></div><div style="clear:both;"></div><style type="text/css">html body .qd85db916,html body .qd85db916 iframe,html body iframe[name="google_ads_frame"],html body .qd85db916 iframe[name="google_ads_frame"],html body #wrap #page-body div.qd85db916,html body #page-body .qd85db916{display:block!important;visibility:visible!important;float:none!important;position:inherit!important;left:inherit!important;top:inherit!important;right:inherit!important;bottom:inherit!important;margin:0 auto!important;padding:inherit!important;filter:alpha(opacity=100)!important;-moz-opacity:1!important;-khtml-opacity:1!important;opacity:1!important;z-index:9999!important;text-align:center!important}html body .qd85db916,html body .qd85db916 iframe[name="google_ads_frame"]{width:728px!important;height:90px!important;min-height:90px!important}html body .qd85db916 iframe{border:0px!important}html body iframe[name="google_ads_frame"]{width:100%!important;height:inherit!important;min-height:inherit!important}</style></div></div><div style="height:3px"></div><div id="pun-visit"><p>Você não está conectado. <a href="/login?connexion">Conecte-se</a> ou <a href="/register">registre-se</a></p></div><div class="main"><div id="pun-announcement"><p><tbody><tr><td class="row1" rowspan="3" align="center" valign="middle"><div class="gensmall"><div class="gensmall"><script type="text/javascript">
   //<!--
      function change_separador(name)
      {
         document.getElementById('separador_'+anc_separador).className = 'separador_0 separador';
         document.getElementById('separador_'+name).className = 'separador_1 separador';
         document.getElementById('contenu_separador_'+anc_separador).style.display = 'none';
         document.getElementById('contenu_separador_'+name).style.display = 'block';
         anc_separador = name;
      }
   //-->
</script>
<style type="text/css">

.contenu_separador
{
      margin-top: 5px;
      padding:5px;
      display:none;
}
.cadreimg
{ border-width:1;
border-style:solid;
padding: 3px;
border-bottom: 1px #e5e5e5 solid;
border-right: 1px #e5e5e5 solid;
border-left: 1px #e5e5e5 solid;
border-top: 1px #e5e5e5 solid;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
width: 350px;
 }

.cadreimg:hover {
border-bottom: 1px #b8b9c4 solid;
border-right: 1px #b8b9c4 solid;
border-left: 1px #b8b9c4 solid;
border-top: 1px #b8b9c4 solid;
}

.titlepacat {
  text-transform:uppercase;
  color: #65798e;
  margin-left: 20px;
  text-shadow: #ffffff 0 2px 0;
  font-family: Times New Roman; }

.cadretop
{ border-width:1;
border-style:solid;
padding: 3px;
border-bottom: 1px #e5e5e5 solid;
border-right: 1px #e5e5e5 solid;
border-left: 1px #e5e5e5 solid;
border-top: 1px #e5e5e5 solid;
width: 40px;
 }

.cadretop:hover {
border-bottom: 1px #b8b9c4 solid;
border-right: 1px #b8b9c4 solid;
border-left: 1px #b8b9c4 solid;
border-top: 1px #b8b9c4 solid;
}


#left {display: block;} #left .forumline {background: #d6d6d6;}

.separadores {
      text-align: center;
}
.separador
{
      font-size: 12px;
      display:inline-block;
      margin-left:3px;
      margin-right:3px;
      padding:3px;
      border: 1px solid black;
      width: 212px;
      border-radius: 5px;
      -moz-border-radius: 5px;
      -khtml-border-radius: 5px;
      -webkit-border-radius: 5px;
      box-shadow: 1px 1px 3px #666;
      -moz-box-shadow: 1px 1px 3px #666;
      -khtml-box-shadow: 1px 1px 3px #666;
      -webkit-box-shadow: 1px 1px 3px #666;
}

.separador_0
{
      background:#d6d6d6;
      font-weight: bold;
      width: 212px;
}
.separador_1
{
      background: #e9e9e9;
      font-weight: bold;
      box-shadow: inset 1px 1px 3px #666;
      -moz-box-shadow: inset 1px 1px 3px #666;
      -khtml-box-shadow: inset 1px 1px 3px #666;
      -webkit-box-shadow: inset 1px 1px 3px #666;
      cursor: pointer;
      width: 212px;
}
.contenu_separador
{
      margin-top: 5px;
      padding:5px;
      display:none;
}
ul
{
      margin-top:0px;
      margin-bottom:0px;
      margin-left:-10px
}
h1
{
      margin:0px;
      padding:0px;
}



</style>
<p style="text-align: center; font-weight: bold; font-size: 14px;">Rank's</p><div class="systeme_separadores"><div class="separadores">
   <span class="separador_1 separador" id="separador_ros" onmouseover="javascript:change_separador('ros');">Inicio</span>
   <span class="separador_0 separador" id="separador_kumo" onmouseover="javascript:change_separador('kumo');">Informações</span>
   <span class="separador_0 separador" id="separador_kiri" onmouseover="javascript:change_separador('kiri');">Staff e avisos</span>




</div><div class="contenu_separadores" style="font-size: 12px;">
  <div style="display: block; " class="contenu_separador" id="contenu_separador_ros">
      <center><div><table><tbody><tr><td><div style="background-color: transparent; width: 400px; height: 470px; margin-right: 1px; padding-right: 10px; padding-left: 10px;">
<br><center><div class="cadreimg"><img src="http://i30.servimg.com/u/f30/17/50/03/27/imagep10.png"></div></center><div class="padding-left:10px;"><span style="font-size: 11px; line-height: normal;">
<br><br><div align="justify">Top Vilas e Organizações<br><br>
<table border="1"><tr><u><td align="left">Rank</td><td align="left">Nome </td><td align="left">Pontos</td></u></tr><tr><u><td align="left">1º</td><td align="left">Konoha  </td><td align="left">  3    </td></u></tr><tr><u><td align="left">2º</td><td align="left">Kiri        </td><td align="left">  1    </td></u></tr><tr><u><td align="left">3º</td><td align="left">Akatsuki </td><td align="left">  1    </td></u></tr><tr><u><td align="left">4º</td><td align="left">Kumo    </td><td align="left">  0    </td></u></tr><tr><u><td align="left">5º</td><td align="left">Ame      </td><td align="left">  0    </td></u></tr><tr><u><td align="left">6º</td><td align="left">otogakure</td><td align="left">  0    </td></u></tr></table>
</div></span></div>


</td><td><div style="background-color: transparent; width: 360px; height: 470px; margin-right: 10px; padding-right: 10px; padding-left: 10px;">

<br><div class="titlepacat">Carteirinha Ninja</div><div style="background-color:#e5e5e5; border: 1px solid rgb(240, 240, 240); border-radius: 20px 20px 20px 20px; width: 300px; margin-top: -3px; padding-left: 5px;">
<center><a href="http://naruto-rpg-adventure.forumeiros.com/f30-carteirinha-ninja"> <img src="http://i1074.photobucket.com/albums/w413/Hiraga-Saito1/fn.gif"></a></center></div><br>

<br><div class="titlepacat">Top Ninjas</div><div style="background-color:#e5e5e5; border: 1px solid rgb(240, 240, 240); border-radius: 20px 20px 20px 20px; width: 300px; margin-top: -3px;"><span style="font-size: 9px; line-height: normal;"><br> <center><table><tbody><tr><td><div class="cadretop"><a href="http://naruto-rpg-adventure.forumeiros.com/u2" target="_blank"><img src="http://img33.imageshack.us/img33/7462/shinobisociety.png"></a></div></td><td> <div class="cadretop"><a href="http://naruto-rpg-adventure.forumeiros.com/u1" target="_blank"><img src="http://i30.servimg.com/u/f30/17/50/03/27/itachi10.jpg"></a></div></td><td> <div class="cadretop"><a href="http://naruto-rpg-adventure.forumeiros.com/u3" target="_blank"><img src="http://i30.servimg.com/u/f30/17/50/03/27/itachi11.jpg"></a></div></td><td> <div class="cadretop"><a href="http://naruto-rpg-adventure.forumeiros.com/u12"><img src="http://i30.servimg.com/u/f30/17/50/03/27/itachi12.jpg"></a></div> </td><td> <div class="cadretop"><a href="#"><img src="http://img402.imageshack.us/img402/8586/parceirovip.png"></a></div> </td><td> <div class="cadretop"><a href="#"><img src="http://img402.imageshack.us/img402/8586/parceirovip.png"></a></div> </td></tr></tbody></table>

<form name="MenubyLL" method="post">
            <select name="wxlmenu" size="1" class="stylemenu">

          <option value="#">Outros Ninjas</option>
            <option value="nenhum">nehum</option>
            <option value=###">nenhum</option>
              <option value="###">nenhum/option>
              <option value="http://narutoreborn.ativoforum.com/">nenhum</option>
              <option value="###">nenhum</option></select>

            <input class="stylebutton" onclick="location =document.MenubyLL.wxlmenu.options [document.MenubyLL.wxlmenu.selectedIndex].value;" value="Let's Go!" type="button">

        </form><br>
</center></span></div>
</div>

</td></tr></tbody></table></div></center></div>


  <div class="contenu_separador" id="contenu_separador_kumo" style="display: block; ">
  <center><table><tbody><tr><td><div style="background-color: transparent; width: 225px; height: 360px; margin-right: 1px; padding-right: 10px; padding-left: 10px;"><br><center><div class="cadreimgseparador"><img src="http://i30.servimg.com/u/f30/17/50/03/27/sans_t17.jpg"></div></center></div>


</td><td><div style="background-color: transparent; width: 535px; height: 360px; margin-right: 1px; padding-right: 10px; padding-left: 10px;"><table><tbody><tr><td></td><td>


<table><tbody><tr><td><div class="titlepacat">Iwa</div><div style="background-color:#e5e5e5; border: 1px solid rgb(240, 240, 240); border-radius: 20px 20px 20px 20px; width: 145px; height: 75px; margin-top: -3px; padding: 10px;"><center><span style="font-size: 9px; line-height: normal;">Iwa foi destruida pelo 6º Hokage!<br>Mais...<br> Alguns Ninjas querem reconstruir uma nova vila no lugar onde era Iwa...</span></center><p></p>
</div></td><td><div class="titlepacat">Exame Chunnin</div><div style="background-color:#e5e5e5; border: 1px solid rgb(240, 240, 240); border-radius: 20px 20px 20px 20px; width: 145px; height: 75px; margin-top: -3px; padding: 10px;"><span style="font-size: 9px; line-height: normal; margin-top: -10px;"><br><center>Para virar chunnin deve provar que e um ninja forte! <br>E vencer seus adversários que aparecem no exame!</center></span></div></td><td><div class="titlepacat">Equipe</div><div style="background-color:#e5e5e5; border: 1px solid rgb(240, 240, 240);border-radius: 20px 20px 20px 20px; width: 120px; height: 90px; margin-top: -3px; padding: 10px;"><span style="font-size: 9px; line-height: normal; position:relative; top:auto;"><br><center>Para entrar no exame chunnin vc deve estar ne uma equipe...<br> Caso num tenha nenhuma na sua vila você pode criar e ir sozinho!</center></span></div>

</td></tr></tbody></table>
<br><div class="titlepacat">Atributos</div><div style="background-color:#e5e5e5; border: 1px solid rgb(240, 240, 240);border-radius: 20px 20px 20px 20px; width: 375px; margin-top: -3px; padding: 10px;"><center><span style="font-size: 9px; line-height: normal;"> <div class="opacity"><img src="http://i30.servimg.com/u/f30/17/50/03/27/vipzd11.png"></div><br><a href="http://naruto-rpg-adventure.forumeiros.com/t555-loja-ninjaroupas" class="postlink" target="_blank" rel="nofollow">*Loja de Roupas</a><br>
<a href="http://naruto-rpg-adventure.forumeiros.com/t572-loja-de-itens" class="postlink" target="_blank" rel="nofollow">*Loja de itens</a><br>
</span></center>
</div>



</td></tr></tbody></table>
 </div>
</td></tr></tbody></table></center>
  </div>

  </div>
  <div class="contenu_separador" id="contenu_separador_kiri" style="display: none; ">

      <div><center><table><tbody><tr><td><div style="background-color: transparent; width: 535px; height: 360px; margin-right: 1px; padding-right: 10px; padding-left: 10px;"><table><tbody><tr><td><div class="titlepacat">O Staff</div>
Em Breve.<br>
<br><div class="titlepacat">Aviso NRA</div><div style="background-color:#e5e5e5; border: 1px solid rgb(240, 240, 240); border-radius: 20px 20px 20px 20px; width: 460px; margin-top: -3px; padding-left: 5px;"><span style="font-size: 9px; line-height: normal;">


<center><table><tbody><tr><td>
<!-- DEBUT DU SCRIPT -->
<script language="JavaScript">
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/

var nbimage= 150;
var width;
var height;
var url;
var alte;
function banniere()
{
numimage= Math.round(Math.random()*(nbimage-1)+1);
if (numimage <= 10)
{
gotosite = "";
url = "http://img545.imageshack.us/img545/8461/eyesy.png";
alte = "Pedro Hiraga";
}
if (numimage > 10 && numimage <= 20)
{
gotosite = "";
url = "http://img801.imageshack.us/img801/8450/teito.png";
alte = "Narcizio";
}
if (numimage > 20 && numimage <= 30)
{
gotosite = "";
url = "http://img855.imageshack.us/img855/8357/realfeelings.png";
alte = "Marco";
}
if (numimage > 30 && numimage <= 40)
{
gotosite = "";
url = "http://img132.imageshack.us/img132/7422/asweetdream.png";
alte = "Uchiha Sasuke";
}
if (numimage > 40 && numimage <= 50)
{
gotosite = "";
url = "imagen aqui";
alte = "Vago";
}
if (numimage > 50 && numimage <= 60)
{
gotosite = "";
url = "imagem aqui";
alte = "Vago";
}
if (numimage > 60 && numimage <= 70)
{
gotosite = "";
url = "imagem aqui";
alte = "Vago";
}
if (numimage > 70 && numimage <= 80)
{
gotosite = "";
url = "imagem aqui";
alte = "vago";
}
if (numimage > 80 && numimage <= 90)
{
gotosite = "";
url = "imagem aqui";
alte = "Vago";
}
if (numimage > 90 && numimage <= 100)
{
gotosite = "";
url = "imagem aqui";
alte = "vago";
}
if (numimage > 100 && numimage <= 110)
{
gotosite = "";
url = "imagem aqui";
alte = "vago";
}
if (numimage > 110 && numimage <= 120)
{
gotosite = "";
url = "imagem aqui";
alte = "vago";
}
if (numimage > 120 && numimage <= 130)
{
gotosite = "";
url = "Imagem aqui";
alte = "Vago";
}
if (numimage > 130 && numimage <= 140)
{
gotosite = "";
url = "Imagem aqui";
alte = "Vago";
}
if (numimage > 140)
{
gotosite = "";
url = "imagem aqui";
alte = "vago";
}
if(gotosite != "")
  {
  document.write ('<A HREF="' + gotosite + '">'); 
  }
document.write('<IMG SRC="' + url + '" ALT="' + alte + '" BORDER=0>')
if(gotosite != "")
  {
  document.write('</A>')
  }
}
</script>
<!-- FIN DU SCRIPT -->


 </td><td><a href="http://naruto-rpg-adventure.forumeiros.com/t616-aviso-para-todos-os-membros#3671" class="postlink" target="_blank" rel="nofollow"><img src="http://i1074.photobucket.com/albums/w413/Hiraga-Saito1/Sanstitre3-6.gif" border="0" alt="" /></a></td></tr></tbody></table>

</center>
</span></div>



</td><td>
</td></tr></tbody></table>


</td></tr></tbody></table></center></div>

Olá, agora o unico problema é os botoes que não estão "ativados"

Boas,
poderia por o código em funcionamento só para ver?

Olá querido,

Aqui está, este funciona normalmente em teu fórum:

Código:

<div class="gensmall"><script type="text/javascript">
   //<!--
      function change_separador(name)
      {
         document.getElementById('separador_'+anc_separador).className = 'separador_0 separador';
         document.getElementById('separador_'+name).className = 'separador_1 separador';
         document.getElementById('contenu_separador_'+anc_separador).style.display = 'none';
         document.getElementById('contenu_separador_'+name).style.display = 'block';
         anc_separador = name;
      }
   //-->
</script>
<style type="text/css">

.contenu_separador
{
      margin-top: 5px;
      padding:5px;
      display:none;
}
.cadreimg
{ border-width:1;
border-style:solid;
padding: 3px;
border-bottom: 1px #e5e5e5 solid;
border-right: 1px #e5e5e5 solid;
border-left: 1px #e5e5e5 solid;
border-top: 1px #e5e5e5 solid;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
width: 350px;
 }

.cadreimg:hover {
border-bottom: 1px #b8b9c4 solid;
border-right: 1px #b8b9c4 solid;
border-left: 1px #b8b9c4 solid;
border-top: 1px #b8b9c4 solid;
}

.titlepacat {
  text-transform:uppercase;
  color: #65798e;
  margin-left: 20px;
  text-shadow: #ffffff 0 2px 0;
  font-family: Times New Roman; }

.cadretop
{ border-width:1;
border-style:solid;
padding: 3px;
border-bottom: 1px #e5e5e5 solid;
border-right: 1px #e5e5e5 solid;
border-left: 1px #e5e5e5 solid;
border-top: 1px #e5e5e5 solid;
width: 40px;
 }

.cadretop:hover {
border-bottom: 1px #b8b9c4 solid;
border-right: 1px #b8b9c4 solid;
border-left: 1px #b8b9c4 solid;
border-top: 1px #b8b9c4 solid;
}


#left {display: block;} #left .forumline {background: #d6d6d6;}

.separadores {
      text-align: center;
}
.separador
{
      font-size: 12px;
      display:inline-block;
      margin-left:3px;
      margin-right:3px;
      padding:3px;
      border: 1px solid black;
      width: 212px;
      border-radius: 5px;
      -moz-border-radius: 5px;
      -khtml-border-radius: 5px;
      -webkit-border-radius: 5px;
      box-shadow: 1px 1px 3px #666;
      -moz-box-shadow: 1px 1px 3px #666;
      -khtml-box-shadow: 1px 1px 3px #666;
      -webkit-box-shadow: 1px 1px 3px #666;
}

.separador_0
{
      background:#d6d6d6;
      font-weight: bold;
      width: 212px;
}
.separador_1
{
      background: #e9e9e9;
      font-weight: bold;
      box-shadow: inset 1px 1px 3px #666;
      -moz-box-shadow: inset 1px 1px 3px #666;
      -khtml-box-shadow: inset 1px 1px 3px #666;
      -webkit-box-shadow: inset 1px 1px 3px #666;
      cursor: pointer;
      width: 212px;
}
.contenu_separador
{
      margin-top: 5px;
      padding:5px;
      display:none;
}
ul
{
      margin-top:0px;
      margin-bottom:0px;
      margin-left:-10px
}
h1
{
      margin:0px;
      padding:0px;
}



</style>
<p style="text-align: center; font-weight: bold; font-size: 14px;">Bem-vindo ao SoeX, {USERNAME}</p><div class="systeme_separadores"><div class="separadores">
   <span class="separador_1 separador" id="separador_ros" onmouseover="javascript:change_separador('ros');">Inicio</span>
   <span class="separador_0 separador" id="separador_kumo" onmouseover="javascript:change_separador('kumo');">Serviços</span>
   <span class="separador_0 separador" id="separador_kiri" onmouseover="javascript:change_separador('kiri');">Staff &amp; Vencedores</span>




</div><div class="contenu_separadores" style="font-size: 12px;">
  <div style="display: block; " class="contenu_separador" id="contenu_separador_ros">
      <center><div><table><tbody><tr><td><div style="background-color: transparent; width: 400px; height: 470px; margin-right: 1px; padding-right: 10px; padding-left: 10px;">
<br><center><div class="cadreimg"><img src="http://img831.imageshack.us/img831/793/imagepa.png"></div></center><div class="padding-left:10px;"><span style="font-size: 11px; line-height: normal;">
<br><br><div align="justify">Bem-vindo ao SoeX {USERNAME}, Aproveite nossa estadia!<br><br>
<font color="#aeb6e7">✘</font>O que este <b>Super Onze</b>? Aqui é um lugar onde sua imaginação te leva além do limite. Poderá criar técnicas especiais Incríveis, incorporações e ser um personagem do anime! <br><br>
<font color="#aeb6e7">✘</font>O que é <b>Técnicas Especiais</b>?  Aqui poderá criar técnicas de futebol com poderes incríveis. Para que possa ficar forte no jogo é subir teu Lv!  <br><br>
<font color="#aeb6e7">✘</font>Nossa  <b>Equipe técnica</b>!  Os Administradores daqui te ajudarão a entender melhor o fórum. Aceitarão, Fichas, Técnicas, entre outros...

Esperamos que te divirtas por aqui, é fique com nos-co neste maravilhoso mundo!</div></span></div>

<br><div class="titlepacat">Novidades</div><div style="background-color:#e5e5e5; border: 1px solid rgb(240, 240, 240); border-radius: 20px 20px 20px 20px; width: 390px; margin-top: -3px; padding-left: 10px;"><span style="font-size: 9px; line-height: normal;"> <br>
<font color="#aeb6e7">✘</font> Brevemente Sistema de HP é também FX no Site!<br>
<font color="#aeb6e7">✘</font><span style="color: Red;"> Novo sistema de jogabilidade em nosso sitema de lança dados! <br></span><br><br></span></div><br></div>


</td><td><div style="background-color: transparent; width: 360px; height: 470px; margin-right: 10px; padding-right: 10px; padding-left: 10px;">

<br><div class="titlepacat">Post em Destaque</div><div style="background-color:#e5e5e5; border: 1px solid rgb(240, 240, 240); border-radius: 20px 20px 20px 20px; width: 370px; margin-top: -3px; padding-left: 5px;">
<center><a href="http://superonzerpg.forumbrasil.net/f150-armadura-de-incorporacao"> <img src="http://i50.tinypic.com/34j3rr6.png"></a></center></div><br>

<br><div class="titlepacat">Parceiros</div><div style="background-color:#e5e5e5; border: 1px solid rgb(240, 240, 240); border-radius: 20px 20px 20px 20px; width: 350px; margin-top: -3px;"><span style="font-size: 9px; line-height: normal;"><br> <center><table><tbody><tr><td><div class="cadretop"><a href="http://www.superonzerv.com/" target="_blank"><img src="http://i33.servimg.com/u/f33/16/13/60/30/nycy10.png"></a></div></td><td> <div class="cadretop"><a href="http://digimonxrosgamerpg.forumeiros.com/" target="_blank"><img src="http://i33.servimg.com/u/f33/16/13/60/30/nycy11.png"></a></div></td><td> <div class="cadretop"><a href="#" target="_blank"><img src="http://img402.imageshack.us/img402/8586/parceirovip.png"></a></div></td><td> <div class="cadretop"><a href="#"><img src="http://img402.imageshack.us/img402/8586/parceirovip.png"></a></div> </td><td> <div class="cadretop"><a href="#"><img src="http://img402.imageshack.us/img402/8586/parceirovip.png"></a></div> </td><td> <div class="cadretop"><a href="#"><img src="http://img402.imageshack.us/img402/8586/parceirovip.png"></a></div> </td></tr></tbody></table>

<form name="MenubyLL" method="post">
            <select name="wxlmenu" size="1" class="stylemenu">

          <option value="#">Mais parceiros</option>
            <option value="http://narutowx.forumeiros.com/forum.htm">Naruto WX</option>
            <option value="http://www.pumacheats.com">PumaCheats</option>
              <option value="http://forumroadesigner.forumeiros.com/">Design Road</option>
              <option value="http://narutoreborn.ativoforum.com/">Naruto Reborn</option>
              <option value="http://evo-design.forumeiros.net/t606-quer-ser-nosso-parceiro">Quer ser Parceiro?</option></select>

            <input class="stylebutton" onclick="location =document.MenubyLL.wxlmenu.options [document.MenubyLL.wxlmenu.selectedIndex].value;" value="Let's Go!" type="button">

        </form><br>
</center></span></div>
</div>

</td></tr></tbody></table></div></center></div>


  <div class="contenu_separador" id="contenu_separador_kumo" style="display: none; ">
  <center><table><tbody><tr><td><div style="background-color: transparent; width: 225px; height: 360px; margin-right: 1px; padding-right: 10px; padding-left: 10px;"><br><center><div class="cadreimgseparador"><img src="http://i47.tinypic.com/2eq5is3.png"></div></center></div>


</td><td><div style="background-color: transparent; width: 535px; height: 360px; margin-right: 1px; padding-right: 10px; padding-left: 10px;"><table><tbody><tr><td></td><td>


<table><tbody><tr><td><div class="titlepacat">Pronto a usar!</div><div style="background-color:#e5e5e5; border: 1px solid rgb(240, 240, 240); border-radius: 20px 20px 20px 20px; width: 145px; height: 75px; margin-top: -3px; padding: 10px;"><center><span style="font-size: 9px; line-height: normal;">Keshin Armed, está chegando no fórum. Uma nova espedição onde todos poderão treinar para consegui-las.</span></center><p></p>
</div></td><td><div class="titlepacat">Pedidos grátis</div><div style="background-color:#e5e5e5; border: 1px solid rgb(240, 240, 240); border-radius: 20px 20px 20px 20px; width: 145px; height: 75px; margin-top: -3px; padding: 10px;"><span style="font-size: 9px; line-height: normal; margin-top: -10px;"><br><center> Para pedir um design poste em Área Gráfica <br>Basta criar um novo tópico editar e postar.</center></span></div></td><td><div class="titlepacat">Problema com o fórum?</div><div style="background-color:#e5e5e5; border: 1px solid rgb(240, 240, 240);border-radius: 20px 20px 20px 20px; width: 175px; height: 75px; margin-top: -3px; padding: 10px;"><span style="font-size: 9px; line-height: normal; position:relative; top:auto;"><br><center>Ajudaremos<br> o máximo possível </center></span></div>

</td></tr></tbody></table>
<br><div class="titlepacat">Vantagem de ser VIP</div><div style="background-color:#e5e5e5; border: 1px solid rgb(240, 240, 240);border-radius: 20px 20px 20px 20px; width: 520px; margin-top: -3px; padding: 10px;"><center><span style="font-size: 9px; line-height: normal;"> <div class="opacity"><img src="http://i47.tinypic.com/r8bix3.png"></div><br>*Acessos à áreas perdidas;<br>

E muito mais... <a href="##" class="postlink">[Em Breve!]</a></span></center>
</div>



</td></tr></tbody></table>
 </div>
</td></tr></tbody></table></center>
  </div>
  <div class="contenu_separador" id="contenu_separador_kiri" style="display: none; ">

      <div><center><table><tbody><tr><td><div style="background-color: transparent; width: 535px; height: 360px; margin-right: 1px; padding-right: 10px; padding-left: 10px;"><table><tbody><tr><td><div class="titlepacat"><a href="http://superonzerpg.forumbrasil.net/t3702-inscricao-liga-soex?tid=a1286d4e59ddd5d4395506ab5999bba9" class="postlink">Liga SoeX</a>
</div>
Clique acima para ser levado  até a pagina de Inscrição.<br>
<br><div class="titlepacat">Vencedor da Liga SoeX: </div><div style="background-color:#e5e5e5; border: 1px solid rgb(240, 240, 240); border-radius: 20px 20px 20px 20px; width: 460px; margin-top: -3px; padding-left: 5px;"><span style="font-size: 9px; line-height: normal;">


<center><table><tbody><tr><td>
<!-- DEBUT DU SCRIPT -->
<script language="JavaScript">
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/

var nbimage= 150;
var width;
var height;
var url;
var alte;
function banniere()
{
numimage= Math.round(Math.random()*(nbimage-1)+1);
if (numimage <= 10)
{
gotosite = "";
url = "http://img545.imageshack.us/img545/8461/eyesy.png";
alte = "Eyes";
}
if (numimage > 10 && numimage <= 20)
{
gotosite = "";
url = "http://img801.imageshack.us/img801/8450/teito.png";
alte = "Teito";
}
if (numimage > 20 && numimage <= 30)
{
gotosite = "";
url = "http://img855.imageshack.us/img855/8357/realfeelings.png";
alte = "Reborn";
}
if (numimage > 30 && numimage <= 40)
{
gotosite = "";
url = "http://img132.imageshack.us/img132/7422/asweetdream.png";
alte = "Magical JxR";
}
if (numimage > 40 && numimage <= 50)
{
gotosite = "";
url = "http://img708.imageshack.us/img708/5381/sharonrainsworth.png";
alte = "Sharon";
}
if (numimage > 50 && numimage <= 60)
{
gotosite = "";
url = "http://img51.imageshack.us/img51/7808/mjustalone.png";
alte = "Preséa";
}
if (numimage > 60 && numimage <= 70)
{
gotosite = "";
url = "http://img692.imageshack.us/img692/353/merrye.png";
alte = "Merry";
}
if (numimage > 70 && numimage <= 80)
{
gotosite = "";
url = "http://img7.imageshack.us/img7/877/allenrg.png";
alte = "Allen";
}
if (numimage > 80 && numimage <= 90)
{
gotosite = "";
url = "http://img511.imageshack.us/img511/156/iwanttofly.png";
alte = "Daisuke";
}
if (numimage > 90 && numimage <= 100)
{
gotosite = "";
url = "http://img20.imageshack.us/img20/3968/mlate.png";
alte = "Late";
}
if (numimage > 100 && numimage <= 110)
{
gotosite = "";
url = "http://img219.imageshack.us/img219/8833/gareki.png";
alte = "Gareki";
}
if (numimage > 110 && numimage <= 120)
{
gotosite = "";
url = "http://img17.imageshack.us/img17/7879/usagid.png";
alte = "Jin";
}
if (numimage > 120 && numimage <= 130)
{
gotosite = "";
url = "http://img340.imageshack.us/img340/6331/happytogether.png";
alte = "Happy Together";
}
if (numimage > 130 && numimage <= 140)
{
gotosite = "";
url = "http://i69.servimg.com/u/f69/13/49/09/60/tb_310.png";
alte = "Tegami Bachi";
}
if (numimage > 140)
{
gotosite = "";
url = "http://img89.imageshack.us/img89/3703/zeroy.png";
alte = "Zero";
}
if(gotosite != "")
  {
  document.write ('<A HREF="' + gotosite + '">'); 
  }
document.write('<IMG SRC="' + url + '" ALT="' + alte + '" BORDER=0>')
if(gotosite != "")
  {
  document.write('</A>')
  }
}
</script>
<!-- FIN DU SCRIPT -->


 </td><td><img src="http://i50.tinypic.com/29240eu.png"></td></tr></tbody></table>

</center>
</span></div>



</td><td>
</td></tr></tbody></table>

</div></td><td><div class="titlepacat">Evento: </div><div style="background-color: transparent; width: 225px; height: 360px; margin-right: 1px; padding-right: 10px; padding-left: 10px;"><br><center><div class="cadreimgonglet"><a href="http://superonzerpg.forumbrasil.net/forum"><img src="http://i50.tinypic.com/2iidil1.png"></a>
</div></center></div>



</td></tr></tbody></table></center></div>


  </div>
</div>
<script type="text/javascript">
//<!--
  var anc_separador = 'ros';
  change_separador(anc_separador);
//-->
</script></div>


<strong>Atenção:</strong><br>
Caros membros, o SoeX ainda não está 100% concluido pelo que há algumas seções que ainda não estão a funcionar por completo. <br>Estamos a tratar de concluir o fórum o mais rapidamente possível, como algumas partes do jogo como à jogabilidade. Pedimos desculpa pelo incomodo. Voltaremos o mais rápido possível.

<br>No entanto já se podem registar e começar a participar.<br>
Atenciosamente, Takudou'
<br>
<br>
<a href="http://evo-design.forumeiros.net/search?search_id=newposts">Para veres as mensagens desde a tua última visita, carrega aqui</a></div>

Terá apenas que editar à teu gosto.

Bom feriado,
Mikéé - Ajudeiro.

Mikéé escreveu:Olá querido,

Aqui está, este funciona normalmente em teu fórum:

Código:

<div class="gensmall"><script type="text/javascript">
   //<!--
      function change_separador(name)
      {
         document.getElementById('separador_'+anc_separador).className = 'separador_0 separador';
         document.getElementById('separador_'+name).className = 'separador_1 separador';
         document.getElementById('contenu_separador_'+anc_separador).style.display = 'none';
         document.getElementById('contenu_separador_'+name).style.display = 'block';
         anc_separador = name;
      }
   //-->
</script>
<style type="text/css">

.contenu_separador
{
      margin-top: 5px;
      padding:5px;
      display:none;
}
.cadreimg
{ border-width:1;
border-style:solid;
padding: 3px;
border-bottom: 1px #e5e5e5 solid;
border-right: 1px #e5e5e5 solid;
border-left: 1px #e5e5e5 solid;
border-top: 1px #e5e5e5 solid;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
width: 350px;
 }

.cadreimg:hover {
border-bottom: 1px #b8b9c4 solid;
border-right: 1px #b8b9c4 solid;
border-left: 1px #b8b9c4 solid;
border-top: 1px #b8b9c4 solid;
}

.titlepacat {
  text-transform:uppercase;
  color: #65798e;
  margin-left: 20px;
  text-shadow: #ffffff 0 2px 0;
  font-family: Times New Roman; }

.cadretop
{ border-width:1;
border-style:solid;
padding: 3px;
border-bottom: 1px #e5e5e5 solid;
border-right: 1px #e5e5e5 solid;
border-left: 1px #e5e5e5 solid;
border-top: 1px #e5e5e5 solid;
width: 40px;
 }

.cadretop:hover {
border-bottom: 1px #b8b9c4 solid;
border-right: 1px #b8b9c4 solid;
border-left: 1px #b8b9c4 solid;
border-top: 1px #b8b9c4 solid;
}


#left {display: block;} #left .forumline {background: #d6d6d6;}

.separadores {
      text-align: center;
}
.separador
{
      font-size: 12px;
      display:inline-block;
      margin-left:3px;
      margin-right:3px;
      padding:3px;
      border: 1px solid black;
      width: 212px;
      border-radius: 5px;
      -moz-border-radius: 5px;
      -khtml-border-radius: 5px;
      -webkit-border-radius: 5px;
      box-shadow: 1px 1px 3px #666;
      -moz-box-shadow: 1px 1px 3px #666;
      -khtml-box-shadow: 1px 1px 3px #666;
      -webkit-box-shadow: 1px 1px 3px #666;
}

.separador_0
{
      background:#d6d6d6;
      font-weight: bold;
      width: 212px;
}
.separador_1
{
      background: #e9e9e9;
      font-weight: bold;
      box-shadow: inset 1px 1px 3px #666;
      -moz-box-shadow: inset 1px 1px 3px #666;
      -khtml-box-shadow: inset 1px 1px 3px #666;
      -webkit-box-shadow: inset 1px 1px 3px #666;
      cursor: pointer;
      width: 212px;
}
.contenu_separador
{
      margin-top: 5px;
      padding:5px;
      display:none;
}
ul
{
      margin-top:0px;
      margin-bottom:0px;
      margin-left:-10px
}
h1
{
      margin:0px;
      padding:0px;
}



</style>
<p style="text-align: center; font-weight: bold; font-size: 14px;">Bem-vindo ao SoeX, {USERNAME}</p><div class="systeme_separadores"><div class="separadores">
   <span class="separador_1 separador" id="separador_ros" onmouseover="javascript:change_separador('ros');">Inicio</span>
   <span class="separador_0 separador" id="separador_kumo" onmouseover="javascript:change_separador('kumo');">Serviços</span>
   <span class="separador_0 separador" id="separador_kiri" onmouseover="javascript:change_separador('kiri');">Staff & Vencedores</span>




</div><div class="contenu_separadores" style="font-size: 12px;">
  <div style="display: block; " class="contenu_separador" id="contenu_separador_ros">
      <center><div><table><tbody><tr><td><div style="background-color: transparent; width: 400px; height: 470px; margin-right: 1px; padding-right: 10px; padding-left: 10px;">
<br><center><div class="cadreimg"><img src="http://img831.imageshack.us/img831/793/imagepa.png"></div></center><div class="padding-left:10px;"><span style="font-size: 11px; line-height: normal;">
<br><br><div align="justify">Bem-vindo ao SoeX {USERNAME}, Aproveite nossa estadia!<br><br>
<font color="#aeb6e7">✘</font>O que este <b>Super Onze</b>? Aqui é um lugar onde sua imaginação te leva além do limite. Poderá criar técnicas especiais Incríveis, incorporações e ser um personagem do anime! <br><br>
<font color="#aeb6e7">✘</font>O que é <b>Técnicas Especiais</b>?  Aqui poderá criar técnicas de futebol com poderes incríveis. Para que possa ficar forte no jogo é subir teu Lv!  <br><br>
<font color="#aeb6e7">✘</font>Nossa  <b>Equipe técnica</b>!  Os Administradores daqui te ajudarão a entender melhor o fórum. Aceitarão, Fichas, Técnicas, entre outros...

Esperamos que te divirtas por aqui, é fique com nos-co neste maravilhoso mundo!</div></span></div>

<br><div class="titlepacat">Novidades</div><div style="background-color:#e5e5e5; border: 1px solid rgb(240, 240, 240); border-radius: 20px 20px 20px 20px; width: 390px; margin-top: -3px; padding-left: 10px;"><span style="font-size: 9px; line-height: normal;"> <br>
<font color="#aeb6e7">✘</font> Brevemente Sistema de HP é também FX no Site!<br>
<font color="#aeb6e7">✘</font><span style="color: Red;"> Novo sistema de jogabilidade em nosso sitema de lança dados! <br></span><br><br></span></div><br></div>


</td><td><div style="background-color: transparent; width: 360px; height: 470px; margin-right: 10px; padding-right: 10px; padding-left: 10px;">

<br><div class="titlepacat">Post em Destaque</div><div style="background-color:#e5e5e5; border: 1px solid rgb(240, 240, 240); border-radius: 20px 20px 20px 20px; width: 370px; margin-top: -3px; padding-left: 5px;">
<center><a href="http://superonzerpg.forumbrasil.net/f150-armadura-de-incorporacao"> <img src="http://i50.tinypic.com/34j3rr6.png"></a></center></div><br>

<br><div class="titlepacat">Parceiros</div><div style="background-color:#e5e5e5; border: 1px solid rgb(240, 240, 240); border-radius: 20px 20px 20px 20px; width: 350px; margin-top: -3px;"><span style="font-size: 9px; line-height: normal;"><br> <center><table><tbody><tr><td><div class="cadretop"><a href="http://www.superonzerv.com/" target="_blank"><img src="http://i33.servimg.com/u/f33/16/13/60/30/nycy10.png"></a></div></td><td> <div class="cadretop"><a href="http://digimonxrosgamerpg.forumeiros.com/" target="_blank"><img src="http://i33.servimg.com/u/f33/16/13/60/30/nycy11.png"></a></div></td><td> <div class="cadretop"><a href="#" target="_blank"><img src="http://img402.imageshack.us/img402/8586/parceirovip.png"></a></div></td><td> <div class="cadretop"><a href="#"><img src="http://img402.imageshack.us/img402/8586/parceirovip.png"></a></div> </td><td> <div class="cadretop"><a href="#"><img src="http://img402.imageshack.us/img402/8586/parceirovip.png"></a></div> </td><td> <div class="cadretop"><a href="#"><img src="http://img402.imageshack.us/img402/8586/parceirovip.png"></a></div> </td></tr></tbody></table>

<form name="MenubyLL" method="post">
            <select name="wxlmenu" size="1" class="stylemenu">

          <option value="#">Mais parceiros</option>
            <option value="http://narutowx.forumeiros.com/forum.htm">Naruto WX</option>
            <option value="http://www.pumacheats.com">PumaCheats</option>
              <option value="http://forumroadesigner.forumeiros.com/">Design Road</option>
              <option value="http://narutoreborn.ativoforum.com/">Naruto Reborn</option>
              <option value="http://evo-design.forumeiros.net/t606-quer-ser-nosso-parceiro">Quer ser Parceiro?</option></select>

            <input class="stylebutton" onclick="location =document.MenubyLL.wxlmenu.options [document.MenubyLL.wxlmenu.selectedIndex].value;" value="Let's Go!" type="button">

        </form><br>
</center></span></div>
</div>

</td></tr></tbody></table></div></center></div>


  <div class="contenu_separador" id="contenu_separador_kumo" style="display: none; ">
  <center><table><tbody><tr><td><div style="background-color: transparent; width: 225px; height: 360px; margin-right: 1px; padding-right: 10px; padding-left: 10px;"><br><center><div class="cadreimgseparador"><img src="http://i47.tinypic.com/2eq5is3.png"></div></center></div>


</td><td><div style="background-color: transparent; width: 535px; height: 360px; margin-right: 1px; padding-right: 10px; padding-left: 10px;"><table><tbody><tr><td></td><td>


<table><tbody><tr><td><div class="titlepacat">Pronto a usar!</div><div style="background-color:#e5e5e5; border: 1px solid rgb(240, 240, 240); border-radius: 20px 20px 20px 20px; width: 145px; height: 75px; margin-top: -3px; padding: 10px;"><center><span style="font-size: 9px; line-height: normal;">Keshin Armed, está chegando no fórum. Uma nova espedição onde todos poderão treinar para consegui-las.</span></center><p></p>
</div></td><td><div class="titlepacat">Pedidos grátis</div><div style="background-color:#e5e5e5; border: 1px solid rgb(240, 240, 240); border-radius: 20px 20px 20px 20px; width: 145px; height: 75px; margin-top: -3px; padding: 10px;"><span style="font-size: 9px; line-height: normal; margin-top: -10px;"><br><center> Para pedir um design poste em Área Gráfica <br>Basta criar um novo tópico editar e postar.</center></span></div></td><td><div class="titlepacat">Problema com o fórum?</div><div style="background-color:#e5e5e5; border: 1px solid rgb(240, 240, 240);border-radius: 20px 20px 20px 20px; width: 175px; height: 75px; margin-top: -3px; padding: 10px;"><span style="font-size: 9px; line-height: normal; position:relative; top:auto;"><br><center>Ajudaremos<br> o máximo possível </center></span></div>

</td></tr></tbody></table>
<br><div class="titlepacat">Vantagem de ser VIP</div><div style="background-color:#e5e5e5; border: 1px solid rgb(240, 240, 240);border-radius: 20px 20px 20px 20px; width: 520px; margin-top: -3px; padding: 10px;"><center><span style="font-size: 9px; line-height: normal;"> <div class="opacity"><img src="http://i47.tinypic.com/r8bix3.png"></div><br>*Acessos à áreas perdidas;<br>

E muito mais... <a href="##" class="postlink">[Em Breve!]</a></span></center>
</div>



</td></tr></tbody></table>
 </div>
</td></tr></tbody></table></center>
  </div>
  <div class="contenu_separador" id="contenu_separador_kiri" style="display: none; ">

      <div><center><table><tbody><tr><td><div style="background-color: transparent; width: 535px; height: 360px; margin-right: 1px; padding-right: 10px; padding-left: 10px;"><table><tbody><tr><td><div class="titlepacat"><a href="http://superonzerpg.forumbrasil.net/t3702-inscricao-liga-soex?tid=a1286d4e59ddd5d4395506ab5999bba9" class="postlink">Liga SoeX</a>
</div>
Clique acima para ser levado  até a pagina de Inscrição.<br>
<br><div class="titlepacat">Vencedor da Liga SoeX: </div><div style="background-color:#e5e5e5; border: 1px solid rgb(240, 240, 240); border-radius: 20px 20px 20px 20px; width: 460px; margin-top: -3px; padding-left: 5px;"><span style="font-size: 9px; line-height: normal;">


<center><table><tbody><tr><td>
<!-- DEBUT DU SCRIPT -->
<script language="JavaScript">
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/

var nbimage= 150;
var width;
var height;
var url;
var alte;
function banniere()
{
numimage= Math.round(Math.random()*(nbimage-1)+1);
if (numimage <= 10)
{
gotosite = "";
url = "http://img545.imageshack.us/img545/8461/eyesy.png";
alte = "Eyes";
}
if (numimage > 10 && numimage <= 20)
{
gotosite = "";
url = "http://img801.imageshack.us/img801/8450/teito.png";
alte = "Teito";
}
if (numimage > 20 && numimage <= 30)
{
gotosite = "";
url = "http://img855.imageshack.us/img855/8357/realfeelings.png";
alte = "Reborn";
}
if (numimage > 30 && numimage <= 40)
{
gotosite = "";
url = "http://img132.imageshack.us/img132/7422/asweetdream.png";
alte = "Magical JxR";
}
if (numimage > 40 && numimage <= 50)
{
gotosite = "";
url = "http://img708.imageshack.us/img708/5381/sharonrainsworth.png";
alte = "Sharon";
}
if (numimage > 50 && numimage <= 60)
{
gotosite = "";
url = "http://img51.imageshack.us/img51/7808/mjustalone.png";
alte = "Preséa";
}
if (numimage > 60 && numimage <= 70)
{
gotosite = "";
url = "http://img692.imageshack.us/img692/353/merrye.png";
alte = "Merry";
}
if (numimage > 70 && numimage <= 80)
{
gotosite = "";
url = "http://img7.imageshack.us/img7/877/allenrg.png";
alte = "Allen";
}
if (numimage > 80 && numimage <= 90)
{
gotosite = "";
url = "http://img511.imageshack.us/img511/156/iwanttofly.png";
alte = "Daisuke";
}
if (numimage > 90 && numimage <= 100)
{
gotosite = "";
url = "http://img20.imageshack.us/img20/3968/mlate.png";
alte = "Late";
}
if (numimage > 100 && numimage <= 110)
{
gotosite = "";
url = "http://img219.imageshack.us/img219/8833/gareki.png";
alte = "Gareki";
}
if (numimage > 110 && numimage <= 120)
{
gotosite = "";
url = "http://img17.imageshack.us/img17/7879/usagid.png";
alte = "Jin";
}
if (numimage > 120 && numimage <= 130)
{
gotosite = "";
url = "http://img340.imageshack.us/img340/6331/happytogether.png";
alte = "Happy Together";
}
if (numimage > 130 && numimage <= 140)
{
gotosite = "";
url = "http://i69.servimg.com/u/f69/13/49/09/60/tb_310.png";
alte = "Tegami Bachi";
}
if (numimage > 140)
{
gotosite = "";
url = "http://img89.imageshack.us/img89/3703/zeroy.png";
alte = "Zero";
}
if(gotosite != "")
  {
  document.write ('<A HREF="' + gotosite + '">'); 
  }
document.write('<IMG SRC="' + url + '" ALT="' + alte + '" BORDER=0>')
if(gotosite != "")
  {
  document.write('</A>')
  }
}
</script>
<!-- FIN DU SCRIPT -->


 </td><td><img src="http://i50.tinypic.com/29240eu.png"></td></tr></tbody></table>

</center>
</span></div>



</td><td>
</td></tr></tbody></table>

</div></td><td><div class="titlepacat">Evento: </div><div style="background-color: transparent; width: 225px; height: 360px; margin-right: 1px; padding-right: 10px; padding-left: 10px;"><br><center><div class="cadreimgonglet"><a href="http://superonzerpg.forumbrasil.net/forum"><img src="http://i50.tinypic.com/2iidil1.png"></a>
</div></center></div>



</td></tr></tbody></table></center></div>


  </div>
</div>
<script type="text/javascript">
//<!--
  var anc_separador = 'ros';
  change_separador(anc_separador);
//-->
</script></div>


<strong>Atenção:</strong><br>
Caros membros, o SoeX ainda não está 100% concluido pelo que há algumas seções que ainda não estão a funcionar por completo. <br>Estamos a tratar de concluir o fórum o mais rapidamente possível, como algumas partes do jogo como à jogabilidade. Pedimos desculpa pelo incomodo. Voltaremos o mais rápido possível.

<br>No entanto já se podem registar e começar a participar.<br>
Atenciosamente, Takudou'
<br>
<br>
<a href="http://evo-design.forumeiros.net/search?search_id=newposts">Para veres as mensagens desde a tua última visita, carrega aqui</a></div>

Terá apenas que editar à teu gosto.

Bom feriado,
Mikéé - Ajudeiro.

Obrigado, funcionou aqui.

Pode bloquear.