Topico da staff

Qual é minha questão:
Como posso fazer este quadro que amostra o nome do cargo a descrição tudinho e amostra os membros que tem nesse cargo e ect... tipo esse do tópico da forumeiros imagem de ajuda:

abraços espero ajuda!

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

Versão do fórum:
PHPBB3

Olá querido!

Isto é uma tabela personaliza queira checar este TUTORIAL

[TUTORIAL]Tabelas em BBCode

Até.

Olá, Aqui esta o codigo de um bem elegante:

Código:

<li><a class="mainmenu" href="/memberlist" rel="nofollow"><img id="i_icon_mini_members" src="http://2img.net/i/fa/empty.gif" border="0"  hspace="2" alt="Membros" title="Membros" />Membros</a>  </li><li><a class="mainmenu" href="/groups" rel="nofollow"><img id="i_icon_mini_groups" src="http://2img.net/i/fa/empty.gif" border="0"  hspace="2" alt="Grupos" title="Grupos" />Grupos</a>  </li><li><a class="mainmenu" href="/profile?mode=editprofile" rel="nofollow"><img id="i_icon_mini_profile" src="http://2img.net/i/fa/empty.gif" border="0"  hspace="2" alt="Perfil" title="Perfil" />Perfil</a>  </li><li><a class="mainmenu" href="/privmsg?folder=inbox" rel="nofollow"><img id="i_icon_mini_message" src="http://2img.net/i/fa/empty.gif" border="0"  hspace="2" alt="Mensagens privadas" title="Mensagens privadas" />Mensagens privadas</a>  </li><li><a class="mainmenu" href="/login?logout=1&tid=3271504330ce6911d27cdfbaced81d4b&key=53ccae" rel="nofollow" id="logout" ><img id="i_icon_mini_logout" src="http://2img.net/i/fa/empty.gif" border="0"  hspace="2" alt="Sair [ BabyLoves ]" title="Sair [ BabyLoves ]" />Sair [ BabyLoves ]</a>  </li></ul></div></div><div id="page-body"><div id="content-container" class="no-left"><div id="outer-wrapper"><div id="wrapper"><div id="container"><div id="content"><div id="emptyidleft"></div><div id="main"><div id="main-content"><div class="main-content topic phpbb3">
    <table class="forabg" width="100%" bordercolor="#4964FF" cellspacing="4" cellspanding="0" style="position: relative;">
      <tr>
        <td>
          <strong>
    <p class="h2">
      <a href="/h1-staff">Equipe SH-Design</a>
        </p>
          </strong>
   </td>
      </tr>
      <tr>
      <td align="left">
        <table class="table1" width="100%" border="0" cellspacing="0" cellspanding="0">
          <tr>
            <td class="post post-entry" style="background-image: url(http://i42.servimg.com/u/f42/17/32/13/00/design10.png); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); background-position: 100% 0%; background-repeat: no-repeat repeat; ">




<style>
.phpbb3 .pun {min-width: 479px !important;}
</style>



<link rel="stylesheet" href="/5-ltr.css" type="text/css" />



<!---------Fundadores--------------><div class="phpbb3">
    <table class="forabg" bordercolor="#4964FF" cellspacing="4" cellspanding="0">
      <tr>
        <td>
          <strong>
    <p class="h2">Fundadores</p>
          </strong>
   </td>
      </tr>
      <tr>
      <td align="left" class="pun"><div class="frm"><div class="frm-form">

        <table class="table" border="1" cellspacing="0" cellspanding="0">
          <tr>
            <td class="tcr" align="left"><strong>Rank:</strong></td>
            <td align="left">Fundadores</td></tr>
          <tr>
            <td class="tcr" align="left"><strong>Função do grupo:</strong></td>
            <td align="left">
              O Membro desse grupo tem total poder no forúm, tem acesso aos templates e as centrais de segurança no forúm, como a exclusão total do mesmo.</td></tr>
          <tr>
            <td class="tcr" align="left"><strong>Descrição:</strong></td>
            <td align="left"><i>Grupo dos Fundadores do SH-Design</i></td></tr>
          </table>

        <table class="table" border="1" cellspacing="0" cellspanding="0">
          <tr id="Fundador" class="main-content"></tr></table>
</div></div>

</td></tr></table>
</div>




<!----------Administradores-------------><div class="phpbb3">
    <table class="forabg" bordercolor="#4964FF" cellspacing="4" cellspanding="0">
      <tr>
        <td>
          <strong>
    <p class="h2">Administradores</p>
          </strong>
                        </td>
      </tr>
      <tr>
      <td align="left" class="pun">
<div class="frm"><div class="frm-form">

      <table class="table" border="1" cellspacing="0" cellspanding="0">
          <tr>
            <td class="tcr" align="left"><strong>Rank:</strong></td>
            <td align="left">Administradores</td></tr>
          <tr>
            <td class="tcr" align="left"><strong>Função do grupo:</strong></td>
            <td align="left">Segundo comando no forúm, são como os vice-presidentes daqui, tem quase todos os poderes do fundador, só não possui as opções de segurança e avançadas no forum.</td></tr>
          <tr>
            <td class="tcr" align="left"><strong>Descrição:</strong></td>
            <td align="left"><i>Grupo dos Administradores do SH-Design</i></td></tr>
          </table>

        <table class="table" border="1" cellspacing="0" cellspanding="0">
          <tr id="Administrador" class="main-content"></tr></table>
</div></div>

</td></tr></table>
</div>




<!-----------Moderadores------------><div class="phpbb3">
    <table class="forabg" bordercolor="#4964FF" cellspacing="4" cellspanding="0">
      <tr>
        <td>
          <strong>
    <p class="h2">Moderadores</p>
          </strong>
                        </td>
      </tr>
      <tr>
      <td align="left" class="pun">
<div class="frm"><div class="frm-form">

      <table class="table" border="1" cellspacing="0" cellspanding="0">
          <tr>
            <td class="tcr" align="left"><strong>Rank:</strong></td>
            <td align="left">Moderadores</td></tr>
          <tr>
            <td class="tcr" align="left"><strong>Função do grupo:</strong></td>
            <td align="left">Os Membros desse grupo tem poder de banir os usuários do forúm e ter moderação total nas categorias e sub-foruns do mesmo.</td></tr>
          <tr>
            <td class="tcr" align="left"><strong>Descrição:</strong></td>
            <td align="left"><i>Grupo dos Moderadores do SH-Design</i></td></tr>
          </table>

        <table class="table" border="1" cellspacing="0" cellspanding="0">
          <tr id="Moderador" class="main-content"></tr></table>
</div></div>

</td></tr></table>
</div>




<!----------Desenvolvedores-------------><div class="phpbb3">
    <table class="forabg" bordercolor="#4964FF" cellspacing="4" cellspanding="0">
      <tr>
        <td>
          <strong>
    <p class="h2">Desenvolvedores</p>
          </strong>
                        </td>
      </tr>
      <tr>
      <td align="left" class="pun">
<div class="frm"><div class="frm-form">

      <table class="table" border="1" cellspacing="0" cellspanding="0">
          <tr>
            <td class="tcr" align="left"><strong>Rank:</strong></td>
            <td align="left">Desenvolvedores</td></tr>
          <tr>
            <td class="tcr" align="left"><strong>Função do grupo:</strong></td>
            <td align="left">Criar e desenvolver códigos para a complementação dos fóruns, sendo eles em css, html, ou java/Jquery</td></tr>
          <tr>
            <td class="tcr" align="left"><strong>Descrição:</strong></td>
            <td align="left"><i>Grupo dos Programadores do Fórum SH-Design</i></td></tr>
          </table>

        <table class="table" border="1" cellspacing="0" cellspanding="0">
          <tr id="Desenvolvedores" class="main-content"></tr></table>
</div></div>

</td></tr></table>
</div>




<!----------Designer Gráfico------------><div class="phpbb3">
    <table class="forabg" bordercolor="#4964FF" cellspacing="4" cellspanding="0">
      <tr>
        <td>
          <strong>
    <p class="h2">Designer Gráfico</p>
          </strong>
                        </td>
      </tr>
      <tr>
      <td align="left" class="pun">
<div class="frm"><div class="frm-form">

      <table class="table" border="1" cellspacing="0" cellspanding="0">
          <tr>
            <td class="tcr" align="left"><strong>Rank:</strong></td>
            <td align="left">Designer Gráfico</td></tr>
          <tr>
            <td class="tcr" align="left"><strong>Função do grupo:</strong></td>
            <td align="left"> Atender aos pedidos de desing no forúm, produzir e/ou postar skins para o forúm, tem o poder de banir membros e moderação de certas áreas do mesmo.</td></tr>
          <tr>
            <td class="tcr" align="left"><strong>Descrição:</strong></td>
            <td align="left"><i>Grupo dos artistas gráficos, designers e criadores do SH-Design</i></td></tr>
          </table>

        <table class="table" border="1" cellspacing="0" cellspanding="0">
          <tr id="Design" class="main-content"></tr></table>
</div></div>

</td></tr></table>
</div>


<script>
jQuery.get('/g2-fundador', function(data) {
  html = jQuery('div.frm-form table', data).html();
  jQuery('#Fundador').html(html);
});
</script>
<script>
jQuery.get('/g3-administradores', function(data) {
  html = jQuery('div.frm-form table', data).html();
  jQuery('#Administrador').html(html);
});
</script>
<script>
jQuery.get('/g6-moderadores', function(data) {
  html = jQuery('div.frm-form table', data).html();
  jQuery('#Moderador').html(html);
});
</script>
<script>
jQuery.get('/g5-desenvolvedores', function(data) {
  html = jQuery('div.frm-form table', data).html();
  jQuery('#Desenvolvedores').html(html);
});
</script>
<script>
jQuery.get('/g4-designers', function(data) {
  html = jQuery('div.frm-form table', data).html();
  jQuery('#Design').html(html);
});
</script>


</tr></table></div></div></td></tr></table>
</div></div></div></div></div></div>

Agrada-lhe?

+ Resolvido!