Colocar caixas no portal

Qual é minha questão:
Queria saber como meter uma caixa igual a essa que está no portal desse forum. http://demonsdesign.forumeiros.com/

E gostaria tambem de saber se dá para meter na pagina principal do forum e ao mesmo tempo no portal.

Obrigado e espero que me consigam ajudar

Medidas que eu tomei para corrigir o problema:
Pesquisei tutoriais e nao consegui encontrar

Imagens do meu problema:


Endereço do meu fórum:
www.halladesign.forumeiros.com

Versão do meu fórum:
PHPBB3

qual caixa ?

A que está no fim do portal com os vencedores dos torneios. em q clicas aparece o numero do torneio o nome do vencedor e a image que ganhou

ta ai o codigo HTML:

Código:

<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" style="display: none; "> #15 </h2><!-- Edição WC -->

    <h2 id="resul_edi_rbs" class="resultado" style="display: none; "> #22 </h2><!-- Edição RBS -->

    <h2 id="resul_edi_tb" class="resultado" style="display: none; "> #23 </h2><!-- Edição TB -->

    <h2 id="resul_edi_dotm" class="resultado" style="display: block; ">#2 </h2><!-- Edição DOTM -->

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

    <h2 id="resul_venc_wc" class="resultado" style="display: none; "> Grafic  </h2><!-- Vencedor WC -->

    <h2 id="resul_venc_rbs" class="resultado" style="display: none; "> Magic </h2> <!-- Vencedor RBS -->

    <h2 id="resul_venc_tb" class="resultado" style="display: none; "> Venom </h2><!-- Vencedor TB -->

    <h2 id="resul_venc_dotm" class="resultado" style="display: block; ">Skimmer </h2><!-- Vencedor DOTM -->

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

    <h2 id="resul_tema_wc" class="resultado" style="display: none; ">Paisagens Urbanas  </h2><!-- Tema WC -->

    <h2 id="resul_tema_rbs" class="resultado" style="display: none; "> Fairy Tail </h2><!-- Tema RBS -->

    <h2 id="resul_tema_tb" class="resultado" style="display: none; "> Bandas </h2><!-- Tema TB -->

    <h2 id="resul_tema_dotm" class="resultado" style="display: block; "> 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://img683.imageshack.us/img683/3763/unled1sus.png" target="_blank"><img border="0" style="margin-top: 6px; margin-right: 0px; margin-bottom: 0px; margin-left: 100px; display: none; " class="resultado" id="wcsigns" height="230" title="Clique na imagem para vela em tamanho real" src="http://img683.imageshack.us/img683/3763/unled1sus.png"></a>


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

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

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

<a href="http://fc03.deviantart.net/fs71/f/2011/311/3/7/britney_pb_by_venomsz-d4ff9an.png" target="_blank"><img border="0" style="margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 100px; display: none; " class="resultado" id="tbsigns" title="Clique na imagem para abrilá em uma nova guia" src="http://fc03.deviantart.net/fs71/f/2011/311/3/7/britney_pb_by_venomsz-d4ff9an.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-top: 4px; margin-right: 0px; margin-bottom: 0px; margin-left: 100px; display: inline; " 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>

So mais uma pergunta onde e q eu tenho de mexer para meter o link da imagem e mudar o nome dos campeonatos?

ihh cara
ai ja é mais complicado pois você terá que encontrar isso no codigo.
vou lhe dar um exemplo bem basico:

Código:

<a href="http://fc03.deviantart.net/fs71/f/2011/311/3/7/britney_pb_by_venomsz-d4ff9an.png" target="_blank"><img border="0" style="margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 100px; display: none; " class="resultado" id="tbsigns" title="Clique na imagem para abrilá em uma nova guia" src="http://fc03.deviantart.net/fs71/f/2011/311/3/7/britney_pb_by_venomsz-d4ff9an.png"></a>

nesse codigo a imagem é:

Código:

http://fc03.deviantart.net/fs71/f/2011/311/3/7/britney_pb_by_venomsz-d4ff9an.png

então você tera que trocar esse codigo pra mudar a imagem.
em respeito aos campeonatos, você poderia informar o nome dos campeonatos que estão e o nome dos campeonatos que você quer que troque ?

Pode trocar no primeiro que postou sff?

Os campeonatos sao so 3. SOTW, BOTW e CWHD

a imagem para o sotw e essa - https://2img.net/r/ihimizer/img401/1765/killzone3signaturepsdby.jpg
e para o botw e essa - https://i.servimg.com/u/f42/14/52/25/22/kat_pe10.jpg

tente o seguinte codigo:

Código:

<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">SOTW</button>
    <button id="rbs" class="campeonatos">BOTW</button><br>
    <button id="tb" class="campeonatos">CWHD</button>
<!-- Fim da parte dos botões -->

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

    <h2 id="resul_edi_wc" class="resultado" style="display: none; "> #15 </h2><!-- Edição WC -->

    <h2 id="resul_edi_rbs" class="resultado" style="display: none; "> #22 </h2><!-- Edição RBS -->

    <h2 id="resul_edi_tb" class="resultado" style="display: none; "> #23 </h2><!-- Edição TB -->

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

    <h2 id="resul_venc_wc" class="resultado" style="display: none; "> Grafic  </h2><!-- Vencedor WC -->

    <h2 id="resul_venc_rbs" class="resultado" style="display: none; "> Magic </h2> <!-- Vencedor RBS -->

    <h2 id="resul_venc_tb" class="resultado" style="display: none; "> Venom </h2><!-- Vencedor TB -->

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

    <h2 id="resul_tema_wc" class="resultado" style="display: none; ">Paisagens Urbanas  </h2><!-- Tema WC -->

    <h2 id="resul_tema_rbs" class="resultado" style="display: none; "> Fairy Tail </h2><!-- Tema RBS -->

    <h2 id="resul_tema_tb" class="resultado" style="display: none; "> Bandas </h2><!-- Tema TB -->
   
   
   
    </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://img401.imageshack.us/img401/1765/killzone3signaturepsdby.jpg" target="_blank"><img border="0" style="margin-top: 6px; margin-right: 0px; margin-bottom: 0px; margin-left: 100px; display: none; " class="resultado" id="wcsigns" height="230" title="Clique na imagem para vela em tamanho real" src="http://img401.imageshack.us/img401/1765/killzone3signaturepsdby.jpg"></a>


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

<a href="http://i42.servimg.com/u/f42/14/52/25/22/kat_pe10.jpg" target="_blank"><img border="0" style="margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 80px; display: none; " class="resultado" id="rbssigns" title="Clique na imagem para abrilá em uma nova guia" src="http://i42.servimg.com/u/f42/14/52/25/22/kat_pe10.jpg"></a>

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

<a href=".............." target="_blank"><img border="0" style="margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 100px; display: none; " class="resultado" id="tbsigns" title="Clique na imagem para abrilá em uma nova guia" src="......................."></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>

Não está a funcionar eu meti na parte do meio do portal e a tabela aparece me descaida para o lado direito e os botoes nao estão a funcionar qndo clico neles as imagens nao aparecem :/

tente o primeiro codigo que eu mandei
ve se fica certo

Fica certo mas os botoes continuam sem funcionar :/

tente o codigo abaixo:

Código:

<table width="100%" cellspacing="0" cellpadding="0" border="0" align="center"><tbody><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" style="display: none; "> #15 </h2><!-- Edição WC -->

    <h2 id="resul_edi_rbs" class="resultado" style="display: none; "> #22 </h2><!-- Edição RBS -->

    <h2 id="resul_edi_tb" class="resultado" style="display: none; "> #23 </h2><!-- Edição TB -->

    <h2 id="resul_edi_dotm" class="resultado" style="display: block; ">#2 </h2><!-- Edição DOTM -->

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

    <h2 id="resul_venc_wc" class="resultado" style="display: none; "> Grafic  </h2><!-- Vencedor WC -->

    <h2 id="resul_venc_rbs" class="resultado" style="display: none; "> Magic </h2> <!-- Vencedor RBS -->

    <h2 id="resul_venc_tb" class="resultado" style="display: none; "> Venom </h2><!-- Vencedor TB -->

    <h2 id="resul_venc_dotm" class="resultado" style="display: block; ">Skimmer </h2><!-- Vencedor DOTM -->

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

    <h2 id="resul_tema_wc" class="resultado" style="display: none; ">Paisagens Urbanas  </h2><!-- Tema WC -->

    <h2 id="resul_tema_rbs" class="resultado" style="display: none; "> Fairy Tail </h2><!-- Tema RBS -->

    <h2 id="resul_tema_tb" class="resultado" style="display: none; "> Bandas </h2><!-- Tema TB -->

    <h2 id="resul_tema_dotm" class="resultado" style="display: block; "> 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://img683.imageshack.us/img683/3763/unled1sus.png" target="_blank"><img border="0" style="margin-top: 6px; margin-right: 0px; margin-bottom: 0px; margin-left: 100px; display: none; " class="resultado" id="wcsigns" height="230" title="Clique na imagem para vela em tamanho real" src="http://img683.imageshack.us/img683/3763/unled1sus.png"></a>


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

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

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

<a href="http://fc03.deviantart.net/fs71/f/2011/311/3/7/britney_pb_by_venomsz-d4ff9an.png" target="_blank"><img border="0" style="margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 100px; display: none; " class="resultado" id="tbsigns" title="Clique na imagem para abrilá em uma nova guia" src="http://fc03.deviantart.net/fs71/f/2011/311/3/7/britney_pb_by_venomsz-d4ff9an.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-top: 4px; margin-right: 0px; margin-bottom: 0px; margin-left: 100px; display: inline; " 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></tbody></table>

Continua na mesma O.o peço desculpa por tar a dar tanto trabalho :s

q isso cara, ta dando quase nada de trabalho
se os botões não estão funcionando, deve ser algum codigo que tem no forum de especial...
vou tentar descrobrir e ja te mando

muito obrigado eu aguardo entao

caro skimmer, não consegui encontrar nada que liga outro codigo a esse.
desculpe pelo ntempo que fiz você esperar. eu não sei o que pode ser.
aguarde algum membro mais experiente do que eu ver o topico.

Muito obrigado pelo seu tempo irei esperar

O primeiro código que o danpinotti passou está totalmente funcional.
Uso a versão phpbb3.
Recebeu até um +.

Só que há um problema. Como que eu faço para alinhar ao centro do portal?

Adicionei-o em meu fórum mas ele fica deslocado para a direita.
Veja: http://masterexp.forumeiro.com/portal

Poderia informar-me se há como alterar a posição dele?

Não ligue para a aparência atual do portal. Está em construção ainda...

tente:

Código:

<center><td colspan="3" width="60%"><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" style="display: none; "> #15 </h2><!-- Edição WC -->

    <h2 id="resul_edi_rbs" class="resultado" style="display: none; "> #22 </h2><!-- Edição RBS -->

    <h2 id="resul_edi_tb" class="resultado" style="display: none; "> #23 </h2><!-- Edição TB -->

    <h2 id="resul_edi_dotm" class="resultado" style="display: block; ">#2 </h2><!-- Edição DOTM -->

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

    <h2 id="resul_venc_wc" class="resultado" style="display: none; "> Grafic  </h2><!-- Vencedor WC -->

    <h2 id="resul_venc_rbs" class="resultado" style="display: none; "> Magic </h2> <!-- Vencedor RBS -->

    <h2 id="resul_venc_tb" class="resultado" style="display: none; "> Venom </h2><!-- Vencedor TB -->

    <h2 id="resul_venc_dotm" class="resultado" style="display: block; ">Skimmer </h2><!-- Vencedor DOTM -->

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

    <h2 id="resul_tema_wc" class="resultado" style="display: none; ">Paisagens Urbanas  </h2><!-- Tema WC -->

    <h2 id="resul_tema_rbs" class="resultado" style="display: none; "> Fairy Tail </h2><!-- Tema RBS -->

    <h2 id="resul_tema_tb" class="resultado" style="display: none; "> Bandas </h2><!-- Tema TB -->

    <h2 id="resul_tema_dotm" class="resultado" style="display: block; "> 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://img683.imageshack.us/img683/3763/unled1sus.png" target="_blank"><img border="0" style="margin-top: 6px; margin-right: 0px; margin-bottom: 0px; margin-left: 100px; display: none; " class="resultado" id="wcsigns" height="230" title="Clique na imagem para vela em tamanho real" src="http://img683.imageshack.us/img683/3763/unled1sus.png"></a>


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

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

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

<a href="http://fc03.deviantart.net/fs71/f/2011/311/3/7/britney_pb_by_venomsz-d4ff9an.png" target="_blank"><img border="0" style="margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 100px; display: none; " class="resultado" id="tbsigns" title="Clique na imagem para abrilá em uma nova guia" src="http://fc03.deviantart.net/fs71/f/2011/311/3/7/britney_pb_by_venomsz-d4ff9an.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-top: 4px; margin-right: 0px; margin-bottom: 0px; margin-left: 100px; display: inline; " 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><center>

Eu já havia tentado usar o

Código:

<center> </center>

Mas não resultou, por isso perguntei.

Conhece outra saída para o problema?

Tente este:

Código:

<table width="100%" cellspacing="0" cellpadding="0" border="0" align="center"><tbody><tr class="zebraUm"><td colspan="3" width="0"><center></center></td><td colspan="3" width="100%"><div class="module borderwrap"><div class="maintitle"><h3>Vencedores dos Eventos do Fórum</h3></div><div class="box-content"><div id="mural">
  <div id="informacao">
  <br>
<!-- Botões nunca mexer aqui -->
    <button id="TOTW" class="campeonatos">TOTW</button>
    <button id="SOTW" class="campeonatos">SOTW</button><br>
   
<!-- Fim da parte dos botões pode adicionar mais depois -->

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

    <h2 id="resul_edi_TOTW" class="resultado" style="display: none; "> #0 </h2><!-- Edição  -->

    <h2 id="resul_edi_SOTW" class="resultado" style="display: none; "> #0 </h2><!-- Edição RBS -->


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

    <h2 id="resul_venc_TOTW" class="resultado" style="display: none; "> SEM VENCEDORES  </h2><!-- Vencedor TOTW -->

    <h2 id="resul_venc_SOTW" class="resultado" style="display: none; "> SEM VENCEDORES </h2> <!-- Vencedor SOTW -->


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

    <h2 id="resul_tema_TOTW" class="resultado" style="display: none; "> SEM TEMA </h2><!-- Tema TOTW -->

    <h2 id="resul_tema_SOTW" class="resultado" style="display: none; "> SEM TEMA </h2><!-- Tema SOTW -->

 
 
   
    </div><!-- Div Informação -->
     
 
    <div id="sign">
    <!-- Parte dos trabalhos que ganharam --> 

<!-- TOTW-Trocar o link no href="" e no src="" (SOMENTE OS LINKS) -->
   
<a href="" target="_blank"><img border="0" style="margin-top: 6px; margin-right: 0px; margin-bottom: 0px; margin-left: 100px; display: none; " class="resultado" id="wcsigns" height="230" title="Clique na imagem para vela em tamanho real" src=""></a>


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

<a href="" target="_blank"><img border="0" style="margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 80px; display: none; " class="resultado" id="rbssigns" title="Clique na imagem para abrilá em uma nova guia" src=""></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://i40.tinypic.com/104n31w.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></tbody></table>

danpinotti escreveu:Tente este:

Código:

<table width="100%" cellspacing="0" cellpadding="0" border="0" align="center"><tbody><tr class="zebraUm"><td colspan="3" width="0"><center></center></td><td colspan="3" width="100%"><div class="module borderwrap"><div class="maintitle"><h3>Vencedores dos Eventos do Fórum</h3></div><div class="box-content"><div id="mural">
  <div id="informacao">
  <br>
<!-- Botões nunca mexer aqui -->
    <button id="TOTW" class="campeonatos">TOTW</button>
    <button id="SOTW" class="campeonatos">SOTW</button><br>
   
<!-- Fim da parte dos botões pode adicionar mais depois -->

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

    <h2 id="resul_edi_TOTW" class="resultado" style="display: none; "> #0 </h2><!-- Edição  -->

    <h2 id="resul_edi_SOTW" class="resultado" style="display: none; "> #0 </h2><!-- Edição RBS -->


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

    <h2 id="resul_venc_TOTW" class="resultado" style="display: none; "> SEM VENCEDORES  </h2><!-- Vencedor TOTW -->

    <h2 id="resul_venc_SOTW" class="resultado" style="display: none; "> SEM VENCEDORES </h2> <!-- Vencedor SOTW -->


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

    <h2 id="resul_tema_TOTW" class="resultado" style="display: none; "> SEM TEMA </h2><!-- Tema TOTW -->

    <h2 id="resul_tema_SOTW" class="resultado" style="display: none; "> SEM TEMA </h2><!-- Tema SOTW -->

 
 
   
    </div><!-- Div Informação -->
     
 
    <div id="sign">
    <!-- Parte dos trabalhos que ganharam --> 

<!-- TOTW-Trocar o link no href="" e no src="" (SOMENTE OS LINKS) -->
   
<a href="" target="_blank"><img border="0" style="margin-top: 6px; margin-right: 0px; margin-bottom: 0px; margin-left: 100px; display: none; " class="resultado" id="wcsigns" height="230" title="Clique na imagem para vela em tamanho real" src=""></a>


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

<a href="" target="_blank"><img border="0" style="margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 80px; display: none; " class="resultado" id="rbssigns" title="Clique na imagem para abrilá em uma nova guia" src=""></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://i40.tinypic.com/104n31w.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></tbody></table>

Nesse em que sitio meto o link das imagens?

você tem que procurar a imagem que deseja substituir né cara...

Mas dps de colocar isso no forum nao aparecem imagens o codigo ta sem nenhuma imagem mesmo. E ja tentei ver onde encaixar o link da imagem q tenho aqui e nao consigo encontrar >.<

Código:

<table width="100%" cellspacing="0" cellpadding="0" border="0" align="center"><tbody><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" style="display: none; "> #15 </h2><!-- Edição WC -->

    <h2 id="resul_edi_rbs" class="resultado" style="display: block; "> #22 </h2><!-- Edição RBS -->

    <h2 id="resul_edi_tb" class="resultado" style="display: none; "> #23 </h2><!-- Edição TB -->

    <h2 id="resul_edi_dotm" class="resultado" style="display: none; ">#2 </h2><!-- Edição DOTM -->

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

    <h2 id="resul_venc_wc" class="resultado" style="display: none; "> Grafic  </h2><!-- Vencedor WC -->

    <h2 id="resul_venc_rbs" class="resultado" style="display: block; "> Magic </h2> <!-- Vencedor RBS -->

    <h2 id="resul_venc_tb" class="resultado" style="display: none; "> Venom </h2><!-- Vencedor TB -->

    <h2 id="resul_venc_dotm" class="resultado" style="display: none; ">Skimmer </h2><!-- Vencedor DOTM -->

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

    <h2 id="resul_tema_wc" class="resultado" style="display: none; ">Paisagens Urbanas  </h2><!-- Tema WC -->

    <h2 id="resul_tema_rbs" class="resultado" style="display: block; "> Fairy Tail </h2><!-- Tema RBS -->

    <h2 id="resul_tema_tb" class="resultado" style="display: none; "> Bandas </h2><!-- Tema TB -->

    <h2 id="resul_tema_dotm" class="resultado" style="display: none; "> 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://img683.imageshack.us/img683/3763/unled1sus.png" target="_blank"><img border="0" style="margin-top: 6px; margin-right: 0px; margin-bottom: 0px; margin-left: 100px; display: none; " class="resultado" id="wcsigns" height="230" title="Clique na imagem para vela em tamanho real" src="http://img683.imageshack.us/img683/3763/unled1sus.png"></a>


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

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

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

<a href="http://fc03.deviantart.net/fs71/f/2011/311/3/7/britney_pb_by_venomsz-d4ff9an.png" target="_blank"><img border="0" style="margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 100px; display: none; " class="resultado" id="tbsigns" title="Clique na imagem para abrilá em uma nova guia" src="http://fc03.deviantart.net/fs71/f/2011/311/3/7/britney_pb_by_venomsz-d4ff9an.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-top: 4px; margin-right: 0px; margin-bottom: 0px; margin-left: 100px; display: none; " 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></tbody></table>

ta vendo onte esta escrito:
<!-- DOTM-Trocar o link no href="" e no src="" (SOMENTE OS LINKS) -->

então, você ira procurar a imagem e substituir os links.
não tem segredo

Feito ja ta tudo bom so há um pequeno problema.

Quando clico no botão que diz SOTW nao me aparece a imagem ou seja os botoes nao estao a funcionar correctamente

então não sei

Se alguem conseguisse me ajudar com esse probleminha. Ficarei à espera

skimmer escreveu:Se alguem conseguisse me ajudar com esse probleminha. Ficarei à espera

Olá,

Poderia me informar ou me apresentar uma imagem mostrando a funcionalidade disto?

basta olhar no final desse pagina:
http://demonsdesign.forumeiros.com/

Olá,

Tente este código:

Código:

</style></div></div><table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td height="1"></td></tr></table><div class="module borderwrap"><div class="maintitle"><h3>Contador de Visitas</h3></div><div class="box-content"><div style="margin:auto;text-align:center;width:100%"><!-- INICIO DO CODIGO DO CONTADOR DE VISITAS 2W.COM.BR --><div align=center><a href="http://www.2w.com.br/contador-de-visitas-acessos-gratis.html"><img src="http://contador.2w.com.br/imgcontador.php?p=ce9adbf7" alt="shared hosting" border=0></a><br /></div>
<!-- FIM DO CODIGO DO CONTADOR DE VISITAS 2W.COM.BR -->
<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"> #15 </h2><!-- Edição WC -->

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

    <h2 id="resul_edi_tb" class="resultado"> #23 </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"> Grafic  </h2><!-- Vencedor WC -->

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

    <h2 id="resul_venc_tb"  class="resultado"> Venom </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">Paisagens Urbanas  </h2><!-- Tema WC -->

    <h2 id="resul_tema_rbs"  class="resultado"> Fairy Tail </h2><!-- Tema RBS -->

    <h2 id="resul_tema_tb"  class="resultado"> Bandas </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://img683.imageshack.us/img683/3763/unled1sus.png" 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://img683.imageshack.us/img683/3763/unled1sus.png" ></a>


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

<a href="http://i.imgur.com/5m8FX.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/5m8FX.png" ></a>

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

<a href="http://fc03.deviantart.net/fs71/f/2011/311/3/7/britney_pb_by_venomsz-d4ff9an.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://fc03.deviantart.net/fs71/f/2011/311/3/7/britney_pb_by_venomsz-d4ff9an.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 -->

Com esse fica ainda pior q o outro

O unico problema q encontro agora é os botoes qndo se clica neles nao mostrarem as respectivas imagens.

Olá,

Me mande o código que estás a usar, modificarei a imagem para o local correcto e assim ela aparecer.
Aguardo !

Código:

    <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="sotw" class="campeonatos">SOTW</button><br>
        <button id="botw" class="campeonatos">BOTW</button>
        <button id="cwhd" class="campeonatos">CWHD</button><br>
    <!-- Fim da parte dos botões -->

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

        <h2 id="resul_edi_sotw" class="resultado" style="display: none; "> #01 </h2><!-- Edição SOTW -->

        <h2 id="resul_edi_botw" class="resultado" style="display: block; "> #01 </h2><!-- Edição BOTW -->

        <h2 id="resul_edi_cwhd" class="resultado" style="display: none; "> #0 </h2><!-- Edição CWHD -->

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

        <h2 id="resul_venc_sotw" class="resultado" style="display: none; "> Smuck  </h2><!-- Vencedor WC -->

        <h2 id="resul_venc_botw" class="resultado" style="display: block; "> Skimmer </h2> <!-- Vencedor RBS -->

        <h2 id="resul_venc_cwhd" class="resultado" style="display: none; ">  </h2><!-- Vencedor TB -->

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

        <h2 id="resul_tema_sotw" class="resultado" style="display: none; "> Killzone  </h2><!-- Tema SOTW -->

        <h2 id="resul_tema_botw" class="resultado" style="display: block; "> Música </h2><!-- Tema BOTW -->

        <h2 id="resul_tema_cwhd" class="resultado" style="display: none; ">  </h2><!-- Tema CWHD -->

     
     
        </div><!-- Div Informação -->
       
   
        <div id="sign">
        <!-- Parte dos trabalhos que ganharam --> 
    <!-- SOTW-Trocar o link no href="" e no src="" (SOMENTE OS LINKS) -->
     
    <a href="http://img401.imageshack.us/img401/1765/killzone3signaturepsdby.jpg" target="_blank"><img border="0" style="margin-top: 6px; margin-right: 0px; margin-bottom: 0px; margin-left: 100px; display: none; " class="resultado" id="wcsigns" height="230" title="Clique na imagem para vela em tamanho real" src="http://img401.imageshack.us/img401/1765/killzone3signaturepsdby.jpg"></a>


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

    <a href="http://i42.servimg.com/u/f42/14/52/25/22/kat_pe10.jpg" target="_blank"><img border="0" style="margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 80px; display: inline; " class="resultado" id="rbssigns" title="Clique na imagem para abrilá em uma nova guia" src="http://i42.servimg.com/u/f42/14/52/25/22/kat_pe10.jpg"></a>

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

    <a href="" target="_blank"><img border="0" style="margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 100px; display: none; " class="resultado" id="tbsigns" title="Clique na imagem para abrilá em uma nova guia" src=""></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 Comic Sans, "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>

é esse que estou a utilizar

Olá,

Possivelmente seria este o erro:

Código:

<a href="http://i42.servimg.com/u/f42/14/52/25/22/kat_pe10.jpg" target="_blank">

Amigo, o " <a href= "" Seria o link do teu fórum, e embaixo o da imagem que está correto.

Utilize este código:

Código:


<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="sotw" class="campeonatos">SOTW</button><br>
        <button id="botw" class="campeonatos">BOTW</button>
        <button id="cwhd" class="campeonatos">CWHD</button><br>
    <!-- Fim da parte dos botões -->

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

        <h2 id="resul_edi_sotw" class="resultado" style="display: none; "> #01 </h2><!-- Edição SOTW -->

        <h2 id="resul_edi_botw" class="resultado" style="display: block; "> #01 </h2><!-- Edição BOTW -->

        <h2 id="resul_edi_cwhd" class="resultado" style="display: none; "> #0 </h2><!-- Edição CWHD -->

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

        <h2 id="resul_venc_sotw" class="resultado" style="display: none; "> Smuck  </h2><!-- Vencedor WC -->

        <h2 id="resul_venc_botw" class="resultado" style="display: block; "> Skimmer </h2> <!-- Vencedor RBS -->

        <h2 id="resul_venc_cwhd" class="resultado" style="display: none; ">  </h2><!-- Vencedor TB -->

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

        <h2 id="resul_tema_sotw" class="resultado" style="display: none; "> Killzone  </h2><!-- Tema SOTW -->

        <h2 id="resul_tema_botw" class="resultado" style="display: block; "> Música </h2><!-- Tema BOTW -->

        <h2 id="resul_tema_cwhd" class="resultado" style="display: none; ">  </h2><!-- Tema CWHD -->

     
     
        </div><!-- Div Informação -->
       
   
        <div id="sign">
        <!-- Parte dos trabalhos que ganharam --> 
    <!-- SOTW-Trocar o link no href="" e no src="" (SOMENTE OS LINKS) -->
     
    <a href="http://demonsdesign.forumeiros.com" target="_blank"><img border="0" style="margin-top: 6px; margin-right: 0px; margin-bottom: 0px; margin-left: 100px; display: none; " class="resultado" id="wcsigns" height="230" title="Clique na imagem para vela em tamanho real" src="http://img401.imageshack.us/img401/1765/killzone3signaturepsdby.jpg"></a>


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

    <a href="http://demonsdesign.forumeiros.com" target="_blank"><img border="0" style="margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 80px; display: inline; " class="resultado" id="rbssigns" title="Clique na imagem para abrilá em uma nova guia" src="http://i42.servimg.com/u/f42/14/52/25/22/kat_pe10.jpg"></a>

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

    <a href="http://demonsdesign.forumeiros.com" target="_blank"><img border="0" style="margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 100px; display: none; " class="resultado" id="tbsigns" title="Clique na imagem para abrilá em uma nova guia" src=""></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 Comic Sans, "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>

Veja se funciona .

Ficou na mesma :s

Não existe uma tabela semelhante para o mesmo efeito? Uma que seja mais facil de trabalhar

skimmer escreveu:Ficou na mesma :s

Não existe uma tabela semelhante para o mesmo efeito? Uma que seja mais facil de trabalhar

Olá amigo eu testei no meu fórum e o código pegou perfeitamente !
Olhe tem, porém é muito diferente.
http://kromusdesign.forumais.com/

Veja no inicio deste fórum, seria um desses. Entende-me?

E essa do kromus é mais facil de fazer? Queria uma coisa assim simples só mesmo para mostrar as imagens vencedoras. E ja agora uma pergunta. ai do lado diz q o meu forum é phpBB2 mas eu estive a ver no painel e é phpBB3. existe diferença entre as tabelas para estas duas opções?

se for somente html não
agora se envolver CSS sim

Como é que eu poderei ver isso?