Widget personalizado

Qual é minha questão:
Percebi que nesse forum http://www.demonsdesign.com/ tem um widget personaliazado no final da pagina o widget se chama vencedores do campeonato, gostaria do codigo deste widget para mim modificar e adicionar na Home-Page
imagem para ficar mais facil...


Medidas que eu tomei para corrigir o problema:
Nenhuma

Links e imagens do meu problema:
https://i.imgur.com/7Rseh.png

Endereço do meu fórum:
www.war-design.forumeiros.com

Versão do meu fórum:
PHPBB3

Olá, aqui este

Código:

<font face="philosopher" size="2">Desde 28/04/11-18:39</font></div></div></div></td></tr></table><table width="100%" cellspacing="0" cellpadding="0" border="0" align="center"><tr><td colspan="3" width="100%"><div class="module borderwrap"><div class="maintitle"><h3>Vencedores dos Campeonatos</h3></div><div class="box-content"><div id="mural">
   <div id="informacao">
   <br />
<!-- Botões nunca mexer aqui -->
    <button id="wc" class="campeonatos">WC</button>
    <button id="rbs" class="campeonatos">RBS</button><br />
    <button id="tb" class="campeonatos">Tß</button>
    <button id="dotm" class="campeonatos">ÐØTM</button><br />
<!-- Fim da parte dos botões -->

    <h2 class="titulo">Edição:</h2>

    <h2 id="resul_edi_wc" class="resultado"> #16 </h2><!-- Edição WC -->

    <h2 id="resul_edi_rbs" class="resultado"> #23 </h2><!-- Edição RBS -->

    <h2 id="resul_edi_tb" class="resultado"> #25 </h2><!-- Edição TB -->

    <h2 id="resul_edi_dotm" class="resultado">#2 </h2><!-- Edição DOTM -->

    <h2 class="titulo">Vencedor:</h2>

    <h2 id="resul_venc_wc"  class="resultado"> Magic  </h2><!-- Vencedor WC -->

    <h2 id="resul_venc_rbs"  class="resultado"> Magic </h2> <!-- Vencedor RBS -->

    <h2 id="resul_venc_tb"  class="resultado"> Kamikaze_3D </h2><!-- Vencedor TB -->

    <h2 id="resul_venc_dotm"  class="resultado">Skimmer </h2><!-- Vencedor DOTM -->

    <h2 class="titulo">Tema:</h2>

    <h2 id="resul_tema_wc"  class="resultado"> Sistemas Operacionais  </h2><!-- Tema WC -->

    <h2 id="resul_tema_rbs"  class="resultado"> Rock Bands </h2><!-- Tema RBS -->

    <h2 id="resul_tema_tb"  class="resultado"> Arcade </h2><!-- Tema TB -->

    <h2 id="resul_tema_dotm"  class="resultado"> Espaço </h2><!-- Tema DOTM -->
   
   
   
    </div><!-- Div Informação -->
     
 
    <div id="sign">
     <!-- Parte dos trabalhos que ganharam -->   
<!-- WC-Trocar o link no href="" e no src="" (SOMENTE OS LINKS) -->
   
<a href="http://i.imgur.com/ohj5c.jpg" target="_blank"><img border="0" style="margin:6px 0 0 100px;" class="resultado" id="wcsigns"  height="230" title="Clique na imagem para vela em tamanho real" src="http://i.imgur.com/ohj5c.jpg" ></a>


<!-- RBS-Trocar o link no href="" e no src="" (SOMENTE OS LINKS) -->

<a href="http://i.imgur.com/Q41Qq.png" target="_blank"><img border="0" style="margin:10px 0 0 80px;"  class="resultado" id="rbssigns"  title="Clique na imagem para abrilá em uma nova guia"  src="http://i.imgur.com/Q41Qq.png" ></a>

<!-- TB-Trocar o link no href="" e no src="" (SOMENTE OS LINKS) -->

<a href="http://fc08.deviantart.net/fs70/f/2012/002/f/6/sign_akuma_by_kamikaze_3d-d4l2vfc.png" target="_blank"><img border="0" style="margin:10px 0 0 100px;"  class="resultado" id="tbsigns" title="Clique na imagem para abrilá em uma nova guia"  src="http://fc08.deviantart.net/fs70/f/2012/002/f/6/sign_akuma_by_kamikaze_3d-d4l2vfc.png" ></a>

<!-- DOTM-Trocar o link no href="" e no src="" (SOMENTE OS LINKS) -->
<a href="http://i42.servimg.com/u/f42/14/52/25/22/design10.jpg" target="_blank">
<img border="0" style="margin:4px 0 0 100px;"  class="resultado" id="dotmsigns"  height="230" title="Clique na imagem para vela em tamanho real" src="http://i42.servimg.com/u/f42/14/52/25/22/design10.jpg" >
</a>
    </div><!-- Sign do ganhador -->
   

</div><!-- Div Mural -->


<style type="text/css">
/*MURAL*/
.titulo{
   color:#87CEFA;
}
#mural{
   overflow:hidden;
   margin:auto auto;
   color:#87CEFA;
   width:845px;
   height:319px;
   background:url('http://i766.photobucket.com/albums/xx310/daniel_BM/demons/MolduraCampeonatos_2.png');
}
#informacao{
   overflow:hidden;
   margin:5px 0 0 45px;
   text-align:center;
   float:left;
   width:130px;
   height:300px;
}
#informacao h2{
   padding:5px;
   margin:1px;
   font:18px Georgia, "Times New Roman", Times, serif;
   border-bottom:1px #666 solid;
}
.resultado{
   color:#CCC;
   font-size:16px;
}
.campeonatos{
   font-weight:bold;
   width:50px;
   height:25px;
   padding:3px;
   border:1px solid #87CEFA;
   color:#CCC;
   text-decoration:none;
   margin:1px;
   background:none;
}
.campeonatos:hover{
   background:#87CEFA;
   color:#333;
}
#sign{
   overflow:hidden;
   padding:5px;
   background:url('http://i766.photobucket.com/albums/xx310/daniel_BM/demons/MolduraCampeonatos.png') no-repeat;
   width:607px;
   height:242px;
   margin:0 auto;
   float:right;
   margin:30px 25px 0 0;
}
#sign img{
   margin:16px 0 0 0;
}
/*MURAL*/
</style></div></div></td></tr></table></div></div></div></div><div id="emptyidright"></div></div></div></div>

Até mais

Não está funcionando muito bem, quando aperta pra mudar no botão, não funciona, alem está tudo embaixo.. *-*

Bom dia Stefan!

Só vai funcionar se você adicionar esse código, junto com o código que o Matheus passou:

Código:

<script src="http://www.demonsdesign.com/15000.js" type="text/javascript"></script>

Até mais!

Valeu!