Aparência do fórum

Detalhes da questão

Endereço do fórum: http://narutofasex.forumeiros.com/
Versão do fórum: PunBB

Descrição

Olá! Boa noite
Eu gostaria de saber, um code parecido com este tema: http://wingardiumrpg.forumeiros.com/ (Somente a estrutura dele, não as laterais, etc.)
De preferência, com este menu de centro: http://prntscr.com/cocp76

Obrigado, ao que ajudarem!

Olá autor,

Infelizmente nós não construímos ou procuramos temas para os usuários. O senhor pode fazer por si próprio:
http://pt.hitskin.com/
Caso o senhor queira, poderá criar questões sobre determinados efeitos que você quer. Deseja prosseguir sua dúvida, para por exemplo fazer o efeito do menu que você citou?

Até mais!

Tudo bem ^^'
Sim sim, eu gostaria de saber então, somente sobre o menu.

Olá,

Vá em:
Painel > Visualização > Página Inicial > Geral > Mensagem na Página Inicial > Conteúdo da mensagem
Adicione o seguinte:

Código:

<center>
                                                                                                                                                                                                
   <div class="titulotablon">
      Quadro de Avisos
   </div>
    
   <div style="" id="tablon">
           
      <center>
         <table>
            <tbody>
               <tr>
                  <td>
                        
                     <div onclick="$('#noticias').show(750) ;$('#enlaces').hide(750);$('#admin').hide(750); ;$('#premios').hide(750);" style="padding:2px;" class="boton">
                        Notícias
                     </div>
                  </td>
                   
                  <td>
                     <div onclick="$('#enlaces').show(750) ;$('#noticias').hide(750);$('#admin').hide(750); ;$('#premios').hide(750);" style="padding:2px;" class="boton">
                        Link's Rápidos
                     </div>
                  </td>
                   
                  <td>
                     <div onclick="$('#admin').show(750) ;$('#noticias').hide(750);$('#enlaces').hide(750); ;$('#premios').hide(750);" style="padding:2px;" class="boton">
                        Administração
                     </div>
                  </td>
                   
                  <td>
                     <div onclick="$('#premios').show(750) ;$('#noticias').hide(750);$('#admin').hide(750); ;$('#enlaces').hide(750);" style="padding:2px;" class="boton">
                        Prêmios
                     </div>
                  </td>
                   
               </tr>
            </tbody>
         </table>
      </center>
         
      <table>
         <tbody>
            <tr>
               <td>
                  <div class="cajon">
                        
                     <div id="noticias">
                        <table>
                           <tbody>
                              <tr>
                                 <td>
                                    <div class="updates">
                                       Últimas Notícias<br /><span class="updates2">Bem-vindo ao Wingardium RPG Convidado!    </span>
                                    </div>
                                 </td>
                                    
                                 <td valgin="top">
                                    <div class="noticias">
                                          
                                       <div class="noticiastitulo">
                                          Trama
                                       </div>
                                           <strong>07/03/13 →</strong>Podia se dizer que tudo começara com um boato de um menino de óculos quebrando a mais poderosa varinha do mundo bruxo e jogando-a sobre um penhasco nas redondezas de Hogwarts. Boato que no final de tudo acabara por virar uma das historias mais verídicas e chocantes do mundo bruxo.  Mundo Bruxo, ano de 2020, Dois irmãos, eram comuns bruxos da sociedade, estudantes de Hogwarts naquela época, seu ultimo ano no castelo. Pertencentes de casas diferentes, com personalidades incomuns e opostas, os dois não se davam de longe bem. Uma conversa de cinco minutos talvez por dia já era considerada muito entre eles. Cada um vivia seu caminho em Hogwarts, quem diria que os dois no final de seu ultimo ano estudantil iriam virar, talvez os dois irmãos mais unidos de todo o mundo Bruxo, e tudo devido a uma detenção.  Quem iria dizer que jogar aviões mágicos de papel na adorável professora de Historia da Magia iria acabar rendendo para os dois irmãos uma detenção que mudaria a vida dos dois? Limpar o chão da ponte onde havia sido criado o boato do sumiço da varinha. Um boato bastante comentado no mundo bruxo, mas não possuía nenhuma crença, pelo menos de quase ninguém.  Talvez aqueles dois irmãos, fossem talvez os únicos que acreditavam, o que acabou levando os dois a terem a louca coragem de descerem o penhasco chegando a seu fundo escuro. Aquilo que unira os dois foi o que talvez fosse a futura destruição do mundo Bruxo. No frio, úmido e sinistro buraco, onde as varinhas dos dois ali iluminava apenas um palmo a frente, estava os dois pedaços da varinha mais poderosa do mundo, mas ate acha-la os dois acabaram levando dias de procura. Indo todas as madrugadas no penhasco a procura, a crença deles era tao grande que um dia levara os dois ao objetivo.  Faltando apenas dois meses para se formarem, a varinha das varinhas já estava em mão dos dois que agora, pelo castelo inteiro, não podiam ser mais reconhecidos como os irmãos que mais se odiavam. Um não ficava sem o outro agora, se encontravam no banheiro abandonado quase todos os dias, estudando em livros e outros itens como poderiam juntar as duas partes da varinha.  Foram longos anos focados nisso, sendo os únicos a saberem da varinha e suas respectivas esposas apenas. Os dois quase não trabalhavam sem ser no concerto das varinhas, a varinha que um dia após reconstruída voltaria a ser quebrada pelos mesmos. Com os dois  aproximadamente em sua meia idade, com seus filhos já estudando em Hogwarts. Um deles achara a solução para o problema deles.  Conseguindo de primeira que a varinha voltasse a sua forma normal. Os dois irmãos estavam empolgados, talvez maravilhados, haviam conseguido reconstruir a varinha mais poderosa do mundo, mas a duvida cercava a cabeça dos dois. O que iriam fazer agora, se mostrassem ao mundo bruxo seriam mortos por outros. Guarda-la fora a decisão unanime dos dois. Deixando-a em uma caixa de varinha personalizada e escondida em uma parede secreta os dois irmãos puderam viver suas vidas tranquilamente por aproximadamente dois anos, ate que um acontecimento levara os dois... <a href="http://accio-hogwarts.forumeiros.com/t176-trama-do-mundo-bruxo#2409">saiba mais...</a> 
                                       <div class="noticiastitulo">
                                          Publicación de aportes
                                       </div>
                                           <strong>05/02/13 →</strong>  Por favor, lean las normas. En ellas se especifica cómo publicar un aporte. El sistema lleva ya más de dos meses activo, por lo que las dudas al respecto serán cerradas sin aviso ni respuesta.     
                                    </div>
                                 </td>
                              </tr>
                           </tbody>
                        </table>
                     </div>
                        
                     <div style="display:none;" id="enlaces">
                        <table>
                           <tbody>
                              <tr>
                                 <td valign="top">
                                     
                                    <div class="titulouno">
                                       Normas
                                    </div>
                                     
                                    <div class="cajauno">
                                       <a href="http://www.oursourcecode.net/t1-normas-del-foro">Generales</a>
                                    </div>
                                     
                                    <div class="cajauno">
                                       <a href="http://www.oursourcecode.net/t3386-normas-para-aportes">Aportes de Códigos</a>
                                    </div>
                                     
                                    <div class="titulouno">
                                       Códigos
                                    </div>
                                     
                                    <div class="cajauno">
                                       <a href="http://www.oursourcecode.net/f57-galerias">Galerías</a>
                                    </div>
                                     
                                    <div class="cajauno">
                                       <a href="http://www.oursourcecode.net/f58-css">Skins CSS</a>
                                    </div>
                                     
                                    <div class="cajauno">
                                       <a href="http://www.oursourcecode.net/f59-html">Plantillas HTML</a>
                                    </div>
                                     
                                    <div class="cajauno">
                                       <a href="http://www.oursourcecode.net/f60-bbcode">Plantillas BBcode</a>
                                    </div>
                                 </td>
                                  
                                 <td valign="top">
                                    <div class="titulouno">
                                       Recursos Gráficos
                                    </div>
                                     
                                    <div class="cajauno">
                                       <a href="http://www.oursourcecode.net/f61-graficos">Stock, Texturas y etc</a>
                                    </div>
                                     
                                    <div class="cajauno">
                                       <a href="http://www.oursourcecode.net/t11-lista-de-pb-s">Lista de PB's</a>
                                    </div>
                                     
                                    <div class="titulouno">
                                       Tutoriales
                                    </div>
                                     
                                    <div class="cajauno">
                                       <a href="http://www.oursourcecode.net/f30-css">CSS</a>
                                    </div>
                                     
                                    <div class="cajauno">
                                       <a href="http://www.oursourcecode.net/f31-html">HTML</a>
                                    </div>
                                     
                                    <div class="cajauno">
                                       <a href="http://www.oursourcecode.net/f25-javascript">Javascript</a>
                                    </div>
                                     
                                    <div class="cajauno">
                                       <a href="http://www.oursourcecode.net/f36-photoshop">Photoshop</a>
                                    </div>
                                       
                                 </td>
                              </tr>
                              <tr>
                              </tr>
                           </tbody>
                        </table>
                     </div>
                        
                     <div style="display:none;" id="admin">
                        <table>
                           <tbody>
                              <tr>
                                 <td valign="top">
                                         
                                    <div onclick="$('#admin1').show(750) ;$('#mod1').hide(750);$('#colabo1').hide(750);$('#info1').hide(750);" class="botonadmin">
                                       <img src="http://i50.tinypic.com/aymtcm.jpg" />
                                    </div>
                                         
                                    <div onclick="$('#mod1').show(750) ;$('#admin1').hide(750);$('#colabo1').hide(750);$('#info1').hide(750);" class="botonadmin">
                                       <img src="http://i45.tinypic.com/2a00oox.jpg" />
                                    </div>
                                         
                                    <div onclick="$('#colabo1').show(750) ;$('#mod1').hide(750);$('#admin1').hide(750);$('#info1').hide(750);" class="botonadmin">
                                       <img src="http://i50.tinypic.com/19p8gp.jpg" />
                                    </div>
                                       
                                 </td>
                                 <td valign="top">
                                    <div class="cajaadmin">
                                          
                                       <div id="info1">
                                          <div style="margin: 0 auto; width: 260px; height: 30px; padding: 80px 10px; font: 16px Share; color: #7a7a7a; text-align: center;" valign="center">
                                             Clickea en las imágenes para ver al cuerpo administrativo del foro.
                                          </div>
                                             
                                       </div>
                                          
                                       <div style="display:none;" id="admin1">
                                             
                                          <table>
                                             <tbody>
                                                <tr>
                                                   <td>
                                                      <img style="width: 75px;" src="http://i48.tinypic.com/35d0yn5.jpg" />
                                                   </td>
                                                   <td>
                                                           
                                                      <div style="background-color: #988863;width:190px;height:15px;padding:2px 6px;font: 15px Share;paddin:2px; color: #fff; border-radius: 0px 15px 15px 0px;">
                                                         Skaôi
                                                      </div>
                                                           
                                                      <div style="background-color: #ECD39A;width:190px;height:45px;padding:2px 6px;font: 12px Share;paddin:2px; color: #7a7a7a; border-radius: 0px 15px 15px 0px;margin-top: 2px;">
                                                         Códigos / Asistencias <br /> <a href="http://www.oursourcecode.net/privmsg?mode=post&u=1">MP</a> ☎ <a href="http://www.oursourcecode.net/u1">Perfil</a>       
                                                      </div>
                                                   </td>
                                                </tr>
                                             </tbody>
                                          </table>
                                          <table>
                                                
                                          </table>
                                          <table>
                                             <tbody>
                                                <tr>
                                                   <td>
                                                      <div style="background-color: #988863;width:190px;height:15px;padding:2px 6px;font: 15px Share;paddin:2px; color: #fff; border-radius: 15px 0px 0px 15px; text-align: right;">
                                                         Nel Silenzio
                                                      </div>
                                                           
                                                      <div style="background-color: #ECD39A;width:190px;height:45px;padding:2px 6px;font: 12px Share;paddin:2px; color: #7a7a7a; border-radius: 15px 0px 0px 15px;margin-top: 2px; text-align:right;">
                                                         Asistencias / Afiliaciones <br /> <a href="http://www.oursourcecode.net/privmsg?mode=post&u=2">MP</a> ☎ <a href="http://www.oursourcecode.net/u2">Perfil</a>       
                                                      </div>
                                                   </td>
                                                   <td>
                                                      <img style="width: 75px;" src="http://i46.tinypic.com/5yykxf.jpg" />
                                                   </td>
                                                </tr>
                                             </tbody>
                                          </table>
                                             
                                       </div>
                                          
                                       <div style="display:none;" id="mod1">
                                             
                                          <table>
                                             <tbody>
                                                <tr>
                                                   <td>
                                                      <img style="width: 75px;" src="http://i47.tinypic.com/zwclr7.jpg" />
                                                   </td>
                                                   <td>
                                                           
                                                      <div style="background-color: #768266;width:190px;height:15px;padding:2px 6px;font: 15px Share;paddin:2px; color: #fff; border-radius: 0px 15px 15px 0px;">
                                                         Oyuki
                                                      </div>
                                                           
                                                      <div style="background-color: #A9BA93;width:190px;height:45px;padding:2px 6px;font: 12px Share;paddin:2px; color: #7a7a7a; border-radius: 0px 15px 15px 0px;margin-top: 2px;">
                                                         Dudas & Reportes / Asistencia / Mod CB<br /> <a href="http://www.oursourcecode.net/privmsg?mode=post&u=16">MP</a> ☎ <a href="http://www.oursourcecode.net/u16">Perfil</a>       
                                                      </div>
                                                   </td>
                                                </tr>
                                             </tbody>
                                          </table>
                                          <table>
                                                
                                          </table>
                                          <table>
                                             <tbody>
                                                <tr>
                                                   <td>
                                                      <div style="background-color: #768266;width:190px;height:15px;padding:2px 6px;font: 15px Share;paddin:2px; color: #fff; border-radius: 15px 0px 0px 15px; text-align: right;">
                                                         Pyrite Wolf
                                                      </div>
                                                           
                                                      <div style="background-color: #A9BA93;width:190px;height:45px;padding:2px 6px;font: 12px Share;paddin:2px; color: #7a7a7a; border-radius: 15px 0px 0px 15px;margin-top: 2px; text-align:right;">
                                                         Asistencias / Mod CB<br /> <a href="http://www.oursourcecode.net/privmsg?mode=post&u=106">MP</a> ☎ <a href="http://www.oursourcecode.net/u106">Perfil</a>       
                                                      </div>
                                                   </td>
                                                   <td>
                                                      <img style="width: 75px;" src="http://i49.tinypic.com/4ihnaa.jpg" />
                                                   </td>
                                                </tr>
                                             </tbody>
                                          </table>
                                             
                                          <table>
                                             <tbody>
                                                <tr>
                                                   <td>
                                                      <img style="width: 75px;" src="http://i45.tinypic.com/10pzygh.jpg" />
                                                   </td>
                                                   <td>
                                                      <div style="background-color: #768266;width:190px;height:15px;padding:2px 6px;font: 15px Share;paddin:2px; color: #fff; border-radius: 0px 15px 15px 0px;">
                                                         Ranma
                                                      </div>
                                                           
                                                      <div style="background-color: #A9BA93;width:190px;height:45px;padding:2px 6px;font: 12px Share;paddin:2px; color: #7a7a7a; border-radius: 0px 15px 15px 0px;margin-top: 2px; ">
                                                         Área HTML y aportes<br /> <a href="http://www.oursourcecode.net/privmsg?mode=post&u=1628">MP</a> ☎ <a href="http://www.oursourcecode.net/u1628">Perfil</a>       
                                                      </div>
                                                   </td>
                                                </tr>
                                             </tbody>
                                          </table>
                                             
                                          <table>
                                             <tbody>
                                                <tr>
                                                   <td>
                                                      <div style="background-color: #768266;width:190px;height:15px;padding:2px 6px;font: 15px Share;paddin:2px; color: #fff; border-radius: 15px 0px 0px 15px; text-align: right;">
                                                         Seelie
                                                      </div>
                                                           
                                                      <div style="background-color: #A9BA93;width:190px;height:45px;padding:2px 6px;font: 12px Share;paddin:2px; color: #7a7a7a; border-radius: 15px 0px 0px 15px;margin-top: 2px; text-align: right;">
                                                         Área Gráfica y aportes<br /> <a href="http://www.oursourcecode.net/privmsg?mode=post&u=931">MP</a> ☎ <a href="http://www.oursourcecode.net/u931">Perfil</a>       
                                                      </div>
                                                   </td>
                                                   <td>
                                                      <img style="width: 75px;" src="http://i49.tinypic.com/2d2afbs.jpg" />
                                                   </td>
                                                </tr>
                                             </tbody>
                                          </table>
                                             
                                       </div>
                                          
                                       <div style="display:none;" id="colabo1">
                                             
                                          <table>
                                             <tbody>
                                                <tr>
                                                   <td>
                                                      <img style="width: 75px;" src="http://i47.tinypic.com/so1q55.jpg" />
                                                   </td>
                                                   <td>
                                                      <div style="background-color: #786059; width:190px;height:15px;padding:2px 6px;font: 15px Share;paddin:2px; color: #fff; border-radius: 0px 15px 15px 0px;">
                                                         Poison
                                                      </div>
                                                           
                                                      <div style="background-color: #B8948A;width:190px;height:45px;padding:2px 6px;font: 12px Share;paddin:2px; color: #7a7a7a; border-radius: 0px 15px 15px 0px;margin-top: 2px; ">
                                                         Área gráfica / Mod CB<br /><a href="http://www.oursourcecode.net/privmsg?mode=post&u=42">MP</a> ☎ <a href="http://www.oursourcecode.net/u42">Perfil</a>       
                                                      </div>
                                                   </td>
                                                </tr>
                                             </tbody>
                                          </table>
                                             
                                          <table>
                                             <tbody>
                                                <tr>
                                                   <td>
                                                      <div style="background-color: #786059;width:190px;height:15px;padding:2px 6px;font: 15px Share;paddin:2px; color: #fff; border-radius: 15px 0px 0px 15px; text-align: right;">
                                                         Natt Wolf
                                                      </div>
                                                           
                                                      <div style="background-color: #B8948A;width:190px;height:45px;padding:2px 6px;font: 12px Share;paddin:2px; color: #7a7a7a; border-radius: 15px 0px 0px 15px;margin-top: 2px; text-align:right;">
                                                         Área Códigos / Off Topic<br /> <a href="http://www.oursourcecode.net/privmsg?mode=post&u=4905">MP</a> ☎ <a href="http://www.oursourcecode.net/u4905">Perfil</a>       
                                                      </div>
                                                   </td>
                                                   <td>
                                                      <img style="width: 75px;" src="http://i48.tinypic.com/35c0ubc.jpg" />
                                                   </td>
                                                </tr>
                                             </tbody>
                                          </table>
                                             
                                          <table>
                                             <tbody>
                                                <tr>
                                                   <td>
                                                      <img style="width: 75px;" src="http://i45.tinypic.com/2qncron.jpg" />
                                                   </td>
                                                   <td>
                                                      <div style="background-color: #786059; width:190px;height:15px;padding:2px 6px;font: 15px Share;paddin:2px; color: #fff; border-radius: 0px 15px 15px 0px;">
                                                         Theta Sigma
                                                      </div>
                                                           
                                                      <div style="background-color: #B8948A;width:190px;height:45px;padding:2px 6px;font: 12px Share;paddin:2px; color: #7a7a7a; border-radius: 0px 15px 15px 0px;margin-top: 2px; ">
                                                         Área gráfica / Off Topic<br /><a href="http://www.oursourcecode.net/privmsg?mode=post&u=5523">MP</a> ☎ <a href="http://www.oursourcecode.net/u5523">Perfil</a>       
                                                      </div>
                                                   </td>
                                                </tr>
                                             </tbody>
                                          </table>
                                             
                                          <table>
                                             <tbody>
                                                <tr>
                                                   <td>
                                                      <div style="background-color: #786059;width:190px;height:15px;padding:2px 6px;font: 15px Share;paddin:2px; color: #fff; border-radius: 15px 0px 0px 15px; text-align: right;">
                                                         Dashbelian
                                                      </div>
                                                           
                                                      <div style="background-color: #B8948A;width:190px;height:45px;padding:2px 6px;font: 12px Share;paddin:2px; color: #7a7a7a; border-radius: 15px 0px 0px 15px;margin-top: 2px; text-align:right;">
                                                         Área CSS<br /> <a href="http://www.oursourcecode.net/privmsg?mode=post&u=5140">MP</a> ☎ <a href="http://www.oursourcecode.net/u5140">Perfil</a>       
                                                      </div>
                                                   </td>
                                                   <td>
                                                      <img style="width: 75px;" src="LINK" />
                                                   </td>
                                                </tr>
                                             </tbody>
                                          </table>
                                             
                                          <table>
                                             <tbody>
                                                <tr>
                                                   <td>
                                                      <img style="width: 75px;" src="LINK" />
                                                   </td>
                                                   <td>
                                                      <div style="background-color: #786059; width:190px;height:15px;padding:2px 6px;font: 15px Share;paddin:2px; color: #fff; border-radius: 0px 15px 15px 0px;">
                                                         Jackin
                                                      </div>
                                                           
                                                      <div style="background-color: #B8948A;width:190px;height:45px;padding:2px 6px;font: 12px Share;paddin:2px; color: #7a7a7a; border-radius: 0px 15px 15px 0px;margin-top: 2px; ">
                                                         Área CSS<br /><a href="http://www.oursourcecode.net/privmsg?mode=post&u=6090">MP</a> ☎ <a href="http://www.oursourcecode.net/u6090">Perfil</a>       
                                                      </div>
                                                   </td>
                                                </tr>
                                             </tbody>
                                          </table>
                                             
                                          <table>
                                             <tbody>
                                                <tr>
                                                   <td>
                                                      <div style="background-color: #786059;width:190px;height:15px;padding:2px 6px;font: 15px Share;paddin:2px; color: #fff; border-radius: 15px 0px 0px 15px; text-align: right;">
                                                         Psicotic
                                                      </div>
                                                           
                                                      <div style="background-color: #B8948A;width:190px;height:45px;padding:2px 6px;font: 12px Share;paddin:2px; color: #7a7a7a; border-radius: 15px 0px 0px 15px;margin-top: 2px; text-align:right;">
                                                         Área CSS<br /> <a href="http://www.oursourcecode.net/privmsg?mode=post&u=6688">MP</a> ☎ <a href="http://www.oursourcecode.net/u6688">Perfil</a>       
                                                      </div>
                                                   </td>
                                                   <td>
                                                      <img style="width: 75px;" src="LINK" />
                                                   </td>
                                                </tr>
                                             </tbody>
                                          </table>
                                             
                                       </div>
                                          
                                    </div>
                                 </td>
                              </tr>
                           </tbody>
                        </table>
                     </div>
                        
                     <marquee style="width: 100%;" onmouseout="this.start()" onmouseover="this.stop()" loop="infinite" direction="left" scrollamount="2" scrolldelay="100">
                           
                        <div style="display:none;" id="premios">
                              
                           <table cellpadding="2" cellspacing="2" style="margin-top: 10px;">
                              <tbody>
                                 <tr>
                                    <td>
                                       <div style="background: url('http://i45.tinypic.com/rr5yzq.jpg'); width:200px; height:200px;">
                                       </div>
                                       <div class="ganadores">
                                          MEJOR EXPEDIENTE<br /><a href="http://www.oursourcecode.net/t2177-submission-on-fire-1">Anthea</a> & <a href="http://www.oursourcecode.net/t3066-dulce-locura">Dobreva</a>     
                                       </div>
                                    </td>
                                       
                                    <td>
                                       <div style="background: url('http://i50.tinypic.com/2vmsqau.jpg'); width:200px; height:200px;">
                                       </div>
                                       <div class="ganadores">
                                          MEJOR TABLÓN<br /><a href="http://www.oursourcecode.net/t2178-submission-on-fire-2">Anthea</a>     
                                       </div>
                                    </td>
                                       
                                    <td>
                                       <div style="background: url('http://i50.tinypic.com/m8z4td.jpg'); width:200px; height:200px;">
                                       </div>
                                       <div class="ganadores">
                                          MEJOR FIRMA<br /><a href="http://www.oursourcecode.net/t1928-lollapalooza">Anthea</a>     
                                       </div>
                                    </td>
                                       
                                    <td>
                                       <div style="background: url('http://i47.tinypic.com/358nac2.jpg'); width:200px; height:200px;">
                                       </div>
                                       <div class="ganadores">
                                          MEJOR POST DE ROL<br /><a href="http://www.oursourcecode.net/t2235-mountains-beyond-mountains">тangerιne</a>   
                                       </div>
                                    </td>
                                       
                                    <td>
                                       <div style="background: url('http://i48.tinypic.com/2ch00ec.jpg'); width:200px; height:200px;">
                                       </div>
                                       <div class="ganadores">
                                          MEJOR TEMA CANNON<br /><a href="http://www.oursourcecode.net/t3219-how-do-you-know-when-how-much-is-too-much">SammyD</a>
                                       </div>
                                    </td>
                                 </tr>
                              </tbody>
                           </table>
                              
                        </div>
                     </marquee>
                        
                  </div>
               </td>
                  
               <td>
                     
                  <div style="background: url('http://i49.tinypic.com/2ikcltw.jpg'); width: 252px; height:238px; margin-top:10px; margin-left: 10px;">
                  </div>
                  <div style="font: 11px helvetica; color: #141414; text-align: center; padding: 5px; margin-top: -50px;background: #f8f8f8; opacity:0.7; width:247px;margin-left: 5px;">
                     ¿Tienes dudas? <a href="http://www.oursourcecode.net/contact">Contacta con nosotros</a> y responderemos a la brevedad posible.
                  </div>
                     
               </td>
            </tr>
         </tbody>
      </table>
         
   </div>
      
   <div onclick="$('#tablon').slideToggle(500);" style="cursor:pointer;">
      <div style="background: url('http://i50.tinypic.com/xcszk7.jpg'); width: 70px; height: 32px;margin: 0 auto; background-position: center bottom;">
      </div>
   </div>
   
</center>

Agora na sua folha de estilos CSS, adicione o seguinte:

Código:

.boton {
    border-bottom: 4px solid #0A0A0A;
    font-family: Share;
    font-size: 16px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    height: 20px;
    margin: 0 auto;
    padding: 5px 10px;
}
#tablon {
    background: none repeat scroll 0 0 #0F0F0F;
    border-bottom: 12px solid #0A0A0A;
    padding: 10px 15px;
}
.titulotablon {
    background: none repeat scroll 0 0 #0A0A0A;
    border-bottom: 12px groove #0A0A0A;
    color: #FDFDFD;
    font-family: Share;
    font-size: 16px;
    font-style: normal;
    font-variant: normal;
    letter-spacing: 2px;
    padding: 15px;
    text-align: center;
    text-transform: uppercase;
}
.boton {
    border-bottom: 4px solid #0A0A0A;
    font-family: Share;
    font-size: 16px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    height: 20px;
    margin: 0 auto;
    padding: 5px 10px;
}
.updates {
    background: none repeat scroll 0 0 #0A0A0A;
    color: #F8F8F8;
    font-family: "Berkshire Swash";
    font-size: 24px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    height: 50px;
    margin-bottom: 70px;
    margin-left: -70px;
    margin-top: 90px;
    padding: 10px;
    text-align: center;
    transform: rotate(270deg);
    width: 190px;
}
.noticiastitulo {
    border-bottom: 1px dotted #000;
    color: #FFF;
    font-family: "Berkshire Swash";
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    padding: 2px 0 0;
    width: 100%;
}
.noticias {
    background: none repeat scroll 0 0 transparent;
    color: #7A7A7A;
    font-family: Helvetica;
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    height: 150px;
    margin-left: -68px;
    margin-top: 0;
    overflow-y: auto;
    padding: 10px;
    text-align: justify;
    width: 470px;
}

Até mais!

Obrigado novamente, Cream!