Configurar portal

Qual é minha questão:

Ola gostaria de saber como deixo meu portal assim: https://i.servimg.com/u/f42/16/72/19/72/portal10.jpg

Medidas que eu tomei para corrigir o problema:

Nenhuma

Endereço do meu fórum: http://hogwartsrpg.web-rpg.com/forum

Versão do meu fórum: PHPBB2

Olá!

Tive a ver o endereço que onde tirou o print nesse fórum, e isso não é um portal, isso é um código colocado na HomePage. Poderia-nos passar realmente o endereço do fórum em questão para confirmar e lhe passar o código?

Até mais.

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'

Olá novamente!

Pois é isso não é nenhum portal, para ser portal tinha que estar no link isto:
url_do_forum/portal

O código é demasiado extenso não sei se vai compreender o mesmo
Mesmo assim o deseja?

Até mais.

Seja bem-vindo ao nosso fórum de Suporte! Como acabou de se inscrever, veja aqui alguns links importantes a saber: Regras do Fórum, e o que você não deve fazer neste fórum. Os demais fóruns de Suporte Forumeiros Lista de Tutoriais e astúcias e Questões frequentes. Conheça a Staff do Fórum dos Fóruns. Conheça a função Busca.

Sim, sei mecher com a HTML, um pouquinho com PHP.

Quero implementar meu fórum deixando mais interessante.

Olá novamente!

Sendo assim:

Código:

<tbody><tr><td class="catHead" height="28"><span class="cattitle"><font color="white"><center>Bem vindo Convidado à Escola de Magia e Bruxaria Expelliarmus</center></font></span></td></tr><tr><td class="row1" rowspan="3" align="center" valign="middle"><div class="gensmall"><div id="en_tete">
<span class="onglet">
    <div class="bloc_texte" id="onglet1">
   <table><tbody><tr><td>
   
      <table>
         <tbody><tr>
            <td rowspan="3">
               <fieldset id="borda"><legend id="legenda">Trama</legend>

               <div id="texte1"><p><span id="sublegenda">◊ 2022</span><br> A Inglaterra corre perigo. Na mente de um sábio bardo vidente...<br>Algo ruim está para acontecer. A tempestade está a caminho... Ele é dado como louco e levado ao St. Mungus,  sendo ignorada a sua profecia.</p>
               <p><span id="sublegenda">◊ 2023</span><br> Sai do ministério um artefato mágico extremamente valioso para ser transportado para um local onde seria usado.<br>- Com seguranca máxima - afirma o Ministro.<br> O Cálice de Fogo está sendo levado para a Escola de Magia e Bruxaria de Hogwarts. A caminho é interceptado por um grupo desconhecido de bruxos das trevas, que roubam o Cálice de Fogo.<br>É o caos... <br>Estaria o velho bardo envolvido?</p>

               <p>Eis que a trama continua... </p></div></fieldset>
            </td>
            <td>
               <fieldset id="borda"><legend id="legenda">Links Úteis</legend>
               <div id="liste1"><ul><li><a id="link" href="http://www.rpgexpelliarmus.com/t4335-regulamento-expelliarmus">Regras do RPG</a></li><a id="link" href="http://www.rpgexpelliarmus.com/t4335-regulamento-expelliarmus">
               </a><li><a id="link" href="http://www.rpgexpelliarmus.com/t4335-regulamento-expelliarmus"></a><a id="link" href="http://www.rpgexpelliarmus.com/t3371-regras-do-chat-box">Regras do Chat Box</a></li><a id="link" href="http://www.rpgexpelliarmus.com/t3371-regras-do-chat-box">
               </a><li><a id="link" href="http://www.rpgexpelliarmus.com/t3371-regras-do-chat-box"></a><a id="link" href="http://www.rpgexpelliarmus.com/t4072-regras-de-duelos">Regras de Duelos</a></li><a id="link" href="http://www.rpgexpelliarmus.com/t4072-regras-de-duelos">

               </a><li><a id="link" href="http://www.rpgexpelliarmus.com/t4072-regras-de-duelos"></a><a id="link" href="http://www.rpgexpelliarmus.com/f207-nivel-6">Registo de Avatares</a></li><a id="link" href="http://www.rpgexpelliarmus.com/f207-nivel-6">
               </a><li><a id="link" href="http://www.rpgexpelliarmus.com/f207-nivel-6"></a><a id="link" href="http://www.rpgexpelliarmus.com/t4010-sistema-avaliativo-e-aulas">Calendário Escolar</a></li><a id="link" href="http://www.rpgexpelliarmus.com/t4010-sistema-avaliativo-e-aulas">
               </a></ul><a id="link" href="http://www.rpgexpelliarmus.com/t4010-sistema-avaliativo-e-aulas"><br>
               </a></div></fieldset><a id="link" href="http://www.rpgexpelliarmus.com/t4010-sistema-avaliativo-e-aulas">
            </a></td>
         </tr>
         <tr>
            <td>

               <fieldset id="borda"><legend id="legenda">Avisos</legend>
               <div id="texte2"><p>O ano letivo foi encerrado.</p></div>
               </fieldset>
            </td>
         </tr>
         <tr>
            <td>
               <a id="link1" target="_blank" href="http://twitter.com/#%21/RPGExpelliarmus"><img alt="Siga o Expelliarmus no Twitter" src="http://i55.tinypic.com/262mgxk.png" border="0" height="36"></a>

               <a id="link1" target="_blank" href="http://www.orkut.com.br/Main#Profile?uid=8856626285475513271"><img alt="Siga o Expelliarmus no Orkut" src="http://i53.tinypic.com/29usmyc.png" border="0" height="36"></a>
            </td>
         </tr>
         <tr>
            <td colspan="2"><fieldset id="borda"><legend id="legenda">Últimas mensagens</legend>
               <div id="New_sujet"><table border="0" cellpadding="0" cellspacing="0" width="300">
               <tbody><tr><td id="comments_scroll_div" align="center" valign="top" width="270"><marquee id="comments_scroll_container" direction="up" scrollamount="2" scrolldelay="5" class="genmed" height="120" width="173">» <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/t4679-sturm-und-drang#127807" title="Sturm und Drang">Sturm und Drang</a><br><img src="http://upload-perso.net/uploads1/1305540170.png" alt="">Qua 27 Jul 2011 - 13:43 por <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/u2062"><span style="color: rgb(255, 0, 0);"><strong>Nikka Kall</strong></span></a><br><br><!--
<a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href=""></a><br /><br />-->» <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/t4678-narutoxtreme#127806" title="NarutoXtreme">NarutoXtreme</a><br><img src="http://upload-perso.net/uploads1/1305540170.png" alt="">Qua 27 Jul 2011 - 13:38 por <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/u2062"><span style="color: rgb(255, 0, 0);"><strong>Nikka Kall</strong></span></a><br><br><!--
<a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href=""></a><br /><br />-->» <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/t4663-pokemon-wonderful-imagination#127455" title="Pokemon Wonderful Imagination">Pokemon Wonderful Imagination</a><br><img src="http://upload-perso.net/uploads1/1305540170.png" alt="">Dom 24 Jul 2011 - 18:41 por <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/u2062"><span style="color: rgb(255, 0, 0);"><strong>Nikka Kall</strong></span></a><br><br><!--
<a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href=""></a><br /><br />-->» <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/t4662-super-onze-revenge-rpg-extreme#127454" title="Super Onze Revenge RPG Extreme">Super Onze Revenge RPG Extreme</a><br><img src="http://upload-perso.net/uploads1/1305540170.png" alt="">Dom 24 Jul 2011 - 18:39 por <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/u2062"><span style="color: rgb(255, 0, 0);"><strong>Nikka Kall</strong></span></a><br><br><!--
<a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href=""></a><br /><br />-->» <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/t4661-sitiomarado#127452" title="SitioMarado">SitioMarado</a><br><img src="http://upload-perso.net/uploads1/1305540170.png" alt="">Dom 24 Jul 2011 - 18:29 por <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/u2062"><span style="color: rgb(255, 0, 0);"><strong>Nikka Kall</strong></span></a><br><br><!--
<a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href=""></a><br /><br />-->» <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/t4660-forks#127451" title="Forks">Forks</a><br><img src="http://upload-perso.net/uploads1/1305540170.png" alt="">Dom 24 Jul 2011 - 18:28 por <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/u2062"><span style="color: rgb(255, 0, 0);"><strong>Nikka Kall</strong></span></a><br><br><!--
<a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href=""></a><br /><br />-->» <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/t4659-orion-universe#127450" title="Orion Universe">Orion Universe</a><br><img src="http://upload-perso.net/uploads1/1305540170.png" alt="">Dom 24 Jul 2011 - 18:27 por <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/u2062"><span style="color: rgb(255, 0, 0);"><strong>Nikka Kall</strong></span></a><br><br><!--
<a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href=""></a><br /><br />-->» <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/t4651-starligth#127395" title="Starligth">Starligth</a><br><img src="http://upload-perso.net/uploads1/1305540170.png" alt="">Sab 23 Jul 2011 - 19:57 por <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/u2062"><span style="color: rgb(255, 0, 0);"><strong>Nikka Kall</strong></span></a><br><br><!--
<a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href=""></a><br /><br />-->» <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/t4649-impervious#127390" title="Impervious">Impervious</a><br><img src="http://upload-perso.net/uploads1/1305540170.png" alt="">Sab 23 Jul 2011 - 19:02 por <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/u2062"><span style="color: rgb(255, 0, 0);"><strong>Nikka Kall</strong></span></a><br><br><!--
<a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href=""></a><br /><br />--></marquee></td></tr></tbody></table></div></fieldset>

            </td>
         </tr>
      </tbody></table>
      </td><td>
      <table>
         <tbody><tr>
            <td><fieldset id="borda"><legend id="legenda">Staff</legend>
               <table><tbody><tr>

                  <td colspan="2" style="width: 350px;"><fieldset id="borda_adm"><legend id="sublegenda_adm">Administração</legend><center>
                     
                     <a class="infobulle"><img id="avatar" src="http://upload-perso.net/uploads1/1309261435.png" style="height: 50px; width: 50px; opacity: 1;" onmouseover="this.style.opacity=0.5;this.filters.alpha.opacity=50" onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100" title="Diretor Petter Kall">
                     <span><table border="0" cellpadding="1" cellspacing="1" height="250" width="150">
                     <tbody><tr><td id="rank_adm"><img src="http://upload-perso.net/uploads1/1307471696.png" style="height: 200px; width: 100px;"><br>Diretor Petter Kall</td></tr>
                     <tr><td>Fundador &amp; <br> Diretor de Expelliarmus
                     <p><a id="info_rank" href="http://www.rpgexpelliarmus.com/u1rpg" target="_blank">Ver Perfil Bruxo</a><br>
                     <a id="info_rank" href="http://www.rpgexpelliarmus.com/privmsg?mode=post&amp;u=1" target="_blank">Enviar uma MP</a>

                     </p></td></tr></tbody></table></span></a>
                              
                     <a class="infobulle"><img id="avatar" src="http://upload-perso.net/uploads1/1307483223.png" style="height: 50px; width: 50px; opacity: 1;" onmouseover="this.style.opacity=0.5;this.filters.alpha.opacity=50" onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100" title="Alessandra Ambrósio">
                     <span><table border="0" cellpadding="1" cellspacing="1" height="250" width="150">
                     <tbody><tr><td id="rank_adm"><img src="http://upload-perso.net/uploads1/1307483322.png" style="height: 200px; width: 100px;"><br>Alessandra Ambrósio</td></tr>
                     <tr><td>Vice-Diretora<br> de Expelliarmus
                     <p><a id="info_rank" href="http://www.rpgexpelliarmus.com/u1825rpg" target="_blank">Ver Perfil Bruxo</a><br>
                     <a id="info_rank" href="http://www.rpgexpelliarmus.com/privmsg?mode=post&amp;u=1825" target="_blank">Enviar uma MP</a>

                     </p></td></tr></tbody></table></span></a>
                              
                     <a class="infobulle"><img id="avatar" src="http://upload-perso.net/uploads1/1309261576.png" style="height: 50px; width: 50px; opacity: 1;" onmouseover="this.style.opacity=0.5;this.filters.alpha.opacity=50" onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100" title="James Bradford Coote">
                     <span><table border="0" cellpadding="1" cellspacing="1" height="250" width="150">
                     <tbody><tr><td id="rank_adm"><img src="http://upload-perso.net/uploads1/1309261416.png" style="height: 200px; width: 100px;"><br>James Bradford Coote</td></tr>
                     <tr><td>Coordenador<br> de Expelliarmus
                     <p><a id="info_rank" href="http://www.rpgexpelliarmus.com/u10rpg" target="_blank">Ver Perfil Bruxo</a><br>
                     <a id="info_rank" href="http://www.rpgexpelliarmus.com/privmsg?mode=post&amp;u=10" target="_blank">Enviar uma MP</a>

                     </p></td></tr></tbody></table></span></a>
                              
                     <a class="infobulle"><img id="avatar" src="http://upload-perso.net/uploads1/1309262073.png" style="height: 50px; width: 50px; opacity: 1;" onmouseover="this.style.opacity=0.5;this.filters.alpha.opacity=50" onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100" title="Nikka Kall">
                     <span><table border="0" cellpadding="1" cellspacing="1" height="250" width="150">
                     <tbody><tr><td id="rank_adm"><img id="avatardir" src="http://upload-perso.net/uploads1/1307484847.png" style="height: 200px; width: 100px;"><br>Nikka Kall</td></tr>
                     <tr><td>Designer<br> de Expelliarmus
                     <p><a id="info_rank" href="http://www.rpgexpelliarmus.com/u2062rpg" target="_blank">Ver Perfil Bruxo</a><br>
                     <a id="info_rank" href="http://www.rpgexpelliarmus.com/privmsg?mode=post&amp;u=2062" target="_blank">Enviar uma MP</a>

                     </p></td></tr></tbody></table></span></a>
                     
                     </center></fieldset>
                  </td></tr>
                  <tr>
                  <td style="width: 190px;"><fieldset id="borda_mag"><legend id="sublegenda_mag">Ministério<br> da Magia</legend><center>
                              
                     <a class="infobulle"><img id="avatar" src="http://upload-perso.net/uploads1/1309261823.png" style="height: 50px; width: 50px; opacity: 1;" onmouseover="this.style.opacity=0.5;this.filters.alpha.opacity=50" onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100" title="Ben Taylor">
                     <span><table border="0" cellpadding="1" cellspacing="1" height="250" width="150">

                     <tbody><tr><td id="rank_magadm"><img src="http://upload-perso.net/uploads1/1307484109.png" style="height: 200px; width: 100px;"><br>Ben Taylor</td></tr>
                     <tr><td>Julgador de Duelos<br>&amp; Ministério Magia
                     <p><a id="info_rank" href="http://www.rpgexpelliarmus.com/u2443rpg" target="_blank">Ver Perfil Bruxo</a><br>
                     <a id="info_rank" href="http://www.rpgexpelliarmus.com/privmsg?mode=post&amp;u=2443" target="_blank">Enviar uma MP</a>
                     </p></td></tr></tbody></table></span></a>
                              
                     <a class="infobulle"><img id="avatar" src="http://upload-perso.net/uploads1/1309261996.png" style="height: 50px; width: 50px; opacity: 1;" onmouseover="this.style.opacity=0.5;this.filters.alpha.opacity=50" onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100" title="Rafael Gonçalves">
                     <span><table border="0" cellpadding="1" cellspacing="1" height="250" width="150">

                     <tbody><tr><td id="rank_magadm"><img src="http://upload-perso.net/uploads1/1307484585.png" style="height: 200px; width: 100px;"><br>Rafael Gonçalves</td></tr>
                     <tr><td>Julgador de Duelos
                     <p><a id="info_rank" href="http://www.rpgexpelliarmus.com/u2715rpg" target="_blank">Ver Perfil Bruxo</a><br>
                     <a id="info_rank" href="http://www.rpgexpelliarmus.com/privmsg?mode=post&amp;u=2715" target="_blank">Enviar uma MP</a>
                     </p></td></tr></tbody></table></span></a>
                              
                     </center></fieldset>
                  </td>
                  <td style="width: 60px;"><fieldset id="borda_pd"><legend id="sublegenda_pd">Profeta<br> Diário</legend><center>

                              
                     <a class="infobulle"><img id="avatar" src="http://upload-perso.net/uploads1/1310043453.png" style="height: 50px; width: 50px; opacity: 1;" onmouseover="this.style.opacity=0.5;this.filters.alpha.opacity=50" onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100" title="Editor Chefe (vago)">
                     <span><table border="0" cellpadding="1" cellspacing="1" height="250" width="150">
                     <tbody><tr><td id="rank_pd"><img src="" style="height: 200px; width: 100px;"><br>...</td></tr>
                     <tr><td>Editor Chefe
                     <p><a id="info_rank" href="" target="_blank">Ver Perfil Bruxo</a><br>
                     <a id="info_rank" href="" target="_blank">Enviar uma MP</a>
                     </p></td></tr></tbody></table></span></a>
                     
                     </center></fieldset>

                  </td></tr>
                  <tr>
                  <td colspan="2" style="width: 200px;"><fieldset id="borda1"><legend id="sublegenda1">Vagas abertas</legend>
                     <table><tbody><tr>
                           <td><div id="liste2">
                              <ul><li><a id="link" href="http://www.rpgexpelliarmus.com/t4568-ministerio-da-magia#125142">Ministério da Magia</a><br> - 6 Vagas</li>
                              <li><a id="link" href="http://www.rpgexpelliarmus.com/t4551-corpo-docente-expelliarmus#124604">Professores</a><br> - 3 Vaga</li>

                              <li><a id="link" href="http://www.rpgexpelliarmus.com/t4569-cargo-no-profeta-diario#125150">Profeta Diário</a><br> - 8 Vagas</li>
                              <li><a id="link" href="http://www.rpgexpelliarmus.com/t4551-corpo-docente-expelliarmus#124739">Funcionários</a><br> - 4 Vagas</li>
                              </ul></div>
                           </td>
                           <td><div id="liste3">
                              <ul><li><span>Diretores</span></li>

                              <li><span>Monitores</span></li>
                              </ul></div>
                           </td>
                        </tr></tbody></table></fieldset>
                  </td></tr>   
                  <tr><td colspan="2"><center>Trama por Diretor Petter Kall e Design de Nikka Kall</center></td></tr>
               </tbody></table>
            </fieldset></td>

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

CSS:

Código:

#borda {
    background-image: url("http://i26.servimg.com/u/f26/14/66/25/80/i_back10.png");
    border: 5px solid #3C3C3C;
    border-radius: 10px 10px 10px 10px;
    text-shadow: 1px 1px 1px #000000;
}
#borda1 {
    background-image: url("http://i26.servimg.com/u/f26/14/66/25/80/i_back10.png");
    border: 3px solid #656565;
    border-radius: 10px 10px 10px 10px;
    text-shadow: 1px 1px 1px #000000;
}
#legenda {
    color: #C2C2C2;
    font-family: 'MedievalSharp';
    font-size: 24px;
    letter-spacing: 1px;
    line-height: normal;
}
#sublegenda {
    color: #C2C2C2;
    font-family: 'MedievalSharp';
    font-size: 20px;
    letter-spacing: 1px;
    line-height: normal;
    margin-top: -10px;
    text-align: right;
}
#sublegenda1 {
    color: #C2C2C2;
    font-family: 'MedievalSharp';
    font-size: 14px;
    letter-spacing: 1px;
    line-height: normal;
    margin-top: 5px;
    text-align: center;
}
#link {
    color: #FFFFFF;
    text-decoration: none;
}
#link:hover {
    border-bottom: 1px dotted #F8B25F;
    color: #F8B25F;
}
#onglet1 #texte1 {
    height: 231px;
    margin-left: 10px;
    overflow: auto;
    padding-right: 10px;
    width: 250px;
}
#onglet1 #texte2 {
    padding-left: 10px;
}
#onglet1 #liste1 {
    height: 75px;
    margin-left: -10px;
    width: 170px;
}
#onglet1 #liste2 {
    height: 145px;
    margin-left: -20px;
    margin-top: -10px;
    width: 170px;
}
#onglet1 #liste3 {
    height: 145px;
    margin-left: -20px;
    margin-top: -10px;
}
#onglet1 #link1 {
    margin-bottom: 30px;
    margin-left: 30px;
}
#New_sujet {
    height: 150px;
    left: 0;
    margin: 0;
    padding: 0;
    top: 80px;
}
#New_sujet #comments_scroll_div {
    font-size: 10px;
    height: 130px;
    padding: 5px 1px 5px 0;
    width: 280px;
}
#New_sujet #comments_scroll_container {
    height: 150px;
    width: 300px !important;
}
#onglet1 .infos {
    margin-left: 120px;
    margin-top: -5px;
}
#onglet1 #bold {
    font-weight: bold;
    text-transform: uppercase;
}
#onglet1 #imagem1 {
    height: 70px;
    margin-top: 10px;
    padding-left: 5px;
    text-align: center;
}
#onglet1 #imagem2 {
    height: 70px;
    margin-top: 10px;
    padding-left: 45px;
    text-align: center;
}
#onglet1 #imagem3 {
    height: 70px;
    margin-top: 10px;
    padding-left: 15px;
    text-align: center;
}
#onglet1 #sublegenda_adm {
    color: #E00000;
    font-family: 'MedievalSharp';
    font-size: 16px;
    letter-spacing: 1px;
    line-height: normal;
    margin-top: 5px;
    text-align: center;
}
#onglet1 #borda_adm {
    border: 3px solid #E00000;
    border-radius: 10px 10px 10px 10px;
    text-shadow: 0 5px 1px #000000;
}
#onglet1 #rank_adm {
    color: #E00000;
    font-family: 'MedievalSharp';
    font-size: 14px;
    letter-spacing: 1px;
    line-height: normal;
    margin-top: 5px;
    text-align: center;
}
#onglet1 #sublegenda_mag {
    color: #925ED6;
    font-family: 'MedievalSharp';
    font-size: 16px;
    letter-spacing: 1px;
    line-height: normal;
    margin-top: 5px;
    text-align: center;
}
#onglet1 #borda_mag {
    border: 3px solid #925ED6;
    border-radius: 10px 10px 10px 10px;
    text-shadow: 0 5px 1px #000000;
}
#onglet1 #rank_magadm {
    color: #42118C;
    font-family: 'MedievalSharp';
    font-size: 14px;
    letter-spacing: 1px;
    line-height: normal;
    margin-top: 5px;
    text-align: center;
}
#onglet1 #sublegenda_pd {
    color: #4FB59C;
    font-family: 'MedievalSharp';
    font-size: 16px;
    letter-spacing: 1px;
    line-height: normal;
    margin-top: 5px;
    text-align: center;
}
#onglet1 #borda_pd {
    border: 3px solid #4FB59C;
    border-radius: 10px 10px 10px 10px;
    text-shadow: 0 5px 1px #000000;
}
#onglet1 #rank_pd {
    color: #4FB59C;
    font-family: 'MedievalSharp';
    font-size: 14px;
    letter-spacing: 1px;
    line-height: normal;
    margin-top: 5px;
    text-align: center;
}
#onglet1 #avatar {
    padding-left: 5px;
    padding-right: 5px;
}
#onglet1 #corv {
    color: #3076F0;
}
#onglet1 #lufa {
    color: #FFEB0A;
}
a.infobulle {
    color: #CC5252;
    position: relative;
    text-decoration: none;
}
a.infobulle span {
    display: none;
}
a.infobulle:hover {
    background: none repeat scroll 0 0 transparent;
    z-index: 999;
}
a.infobulle:hover span {
    background-color: #171717;
    border: 3px solid #656565;
    border-radius: 10px 10px 10px 10px;
    color: #C2C2C2;
    display: inline;
    position: absolute;
    right: 20px;
    text-align: center;
    top: 0;
    white-space: nowrap;
    width: auto;
}
#info_rank {
    color: #C2C2C2;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
}
#info_rank:hover {
    border-bottom: 1px dotted #F8B25F;
    color: #F8B25F;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
}
.shadow {
    box-shadow: 1px -2px 5px #C2C2C2;
    text-align: center;
    vertical-align: middle;
}
#borda_corvinal {
    background-image: url("http://i26.servimg.com/u/f26/14/66/25/80/i_back10.png");
    border: 3px solid #3076F0;
    border-radius: 10px 10px 10px 10px;
    padding: 0;
    text-shadow: 0 5px 1px #000000;
}
#legenda_corvinal {
    color: #3076F0;
    font-family: 'MedievalSharp';
    font-size: 18px;
    letter-spacing: 1px;
    line-height: normal;
}
#borda_grifinoria {
    background-image: url("http://i26.servimg.com/u/f26/14/66/25/80/i_back10.png");
    border: 3px solid #FF5900;
    border-radius: 10px 10px 10px 10px;
    padding: 0;
    text-shadow: 0 5px 1px #000000;
}
#legenda_grifinoria {
    color: #FF5900;
    font-family: 'MedievalSharp';
    font-size: 18px;
    letter-spacing: 1px;
    line-height: normal;
}
#borda_lufalufa {
    background-image: url("http://i26.servimg.com/u/f26/14/66/25/80/i_back10.png");
    border: 3px solid #FFEB0A;
    border-radius: 10px 10px 10px 10px;
    padding: 0;
    text-shadow: 0 5px 1px #000000;
}
#legenda_lufalufa {
    color: #FFEB0A;
    font-family: 'MedievalSharp';
    font-size: 18px;
    letter-spacing: 1px;
    line-height: normal;
}
#borda_sonserina {
    background-image: url("http://i26.servimg.com/u/f26/14/66/25/80/i_back10.png");
    border: 3px solid #1C8A16;
    border-radius: 10px 10px 10px 10px;
    padding: 0;
    text-shadow: 0 5px 1px #000000;
}
#legenda_sonserina {
    color: #1C8A16;
    font-family: 'MedievalSharp';
    font-size: 18px;
    letter-spacing: 1px;
    line-height: normal;
}
.fade {
    background: -moz-linear-gradient(left center , #171717 0%, rgba(23, 23, 23, 0) 100%) repeat scroll 0 0 transparent;
    display: inline-block;
}

Até mais.

So mais uma pergunta e.e' Onde deverei colocar o primeiro codigo, desculpe-me por isso... Obrigado

Olá novamente!

Numa página HTML ou na home page em seu fórum!

Até mais.