Tableau d'information

Bonjour / Bonsoir

Commande
Élément à coder : Le tableau du forum
Adresse du forum : http://arcaellev2.forumgratuit.org/
Description du résultat voulu : Je souhaiterais quelques chose de fluide, permettent au nouveaux comme anciens membres de se repérer facilement.
Je voudrait qu'ils y trouve les liens vers le règlement, le contexte, le modèle de fiche
Ainsi que les membres du staff (je garderais surement l'info-bulle qu'il y adans notre tableau cependant je trouve que de façon verticale ça déforme le tableau)
Également les top site
Si possible garder le centre tel qu'il est (vidéo et lien d'inscription)

Couleurs ou tons : Le fond en noir, les bordure jaune ou rouge ou orange

Images : je pense garder les même sous le même code si possible (?) sauf si vous avez mieux =)

TOP SITE:

Code:

  <a href="http://www.root-top.com/topsite/harry_potter_the_world/in.php?ID=8224" class="postlink" target="_blank" rel="nofollow"><img src="http://nsa19.casimages.com/img/2011/06/05/110605115856646994.jpg" border="0" alt="" width="40%" height="40%" /></a>
            <a href="http://www.root-top.com/topsite/heroicfantasy/in.php?ID=1174" class="postlink" target="_blank" rel="nofollow"><img src="http://nsa19.casimages.com/img/2011/06/05/110605115856646994.jpg" border="0" alt="" width="40%" height="40%" /></a>
            <br/>
            <a href="http://www.root-top.com/topsite/ffmystery/in.php?ID=26" class="postlink" target="_blank" rel="nofollow"><img src="http://nsa19.casimages.com/img/2011/06/05/110605115856646994.jpg" border="0" alt="" width="40%" height="40%" /></a>
            <a href="http://www.root-top.com/topsite/obsession27/in.php?ID=16754" class="postlink" target="_blank" rel="nofollow"><img src="http://nsa19.casimages.com/img/2011/06/05/110605115856646994.jpg" border="0" alt="" width="40%" height="40%" /></a>
            <br/>
  <a href="http://www.root-top.com/topsite/abysses/in.php?ID=5900" class="postlink" target="_blank" rel="nofollow"><img src="http://nsa19.casimages.com/img/2011/06/05/110605115856646994.jpg" border="0" alt="" width="40%" height="40%" /></a>

<a href="http://www.root-top.com/topsite/serpentgy/in.php?ID=7229" class="postlink" target="_blank" rel="nofollow"><img src="http://nsa19.casimages.com/img/2011/06/05/110605115856646994.jpg" border="0" alt="" width="40%" height="40%" /></a><br/>

<a href="http://www.root-top.com/topsite/melu/in.php?ID=3327" class="postlink" target="_blank" rel="nofollow"><img src="http://nsa19.casimages.com/img/2011/06/05/110605115856646994.jpg" border="0" alt="" width="40%" height="40%" /></a>

<a href="http://www.root-top.com/topsite/130594/in.php?ID=665" class="postlink" target="_blank" rel="nofollow"><img src="http://nsa19.casimages.com/img/2011/06/05/110605115856646994.jpg" border="0" alt="" width="40%" height="40%" /></a>

LE STAFF:

Code:

<span style="font-size: 13px; line-height: normal"><font color="Teal"><u><i><strong><p> </p>Admins</strong></i></u></font></span><br/>

<area><br/>


  <div class="infobulle">
  <img src="http://i20.servimg.com/u/f20/11/20/86/53/melind10.jpg" width="60" height="60"/>
  <span class="tstaff" align="center">
<font color="darkred">  La fondatrice en chef: Mélinda. <br/>
  <img src="http://i20.servimg.com/u/f20/11/20/86/53/melind11.jpg" width="200" height="150"/><br>
  Nous lui devons notre entière dévotion.</font>
  </span></div></area>

  <br>
 
  <area>
  <div class="infobulle">
  <img src="http://i20.servimg.com/u/f20/11/20/86/53/ketsu10.jpg" width="60" height="60"/>
  <span class="tstaff" align="center">
 <font color="darkred">Admin: Ketsueki Le Maître des Codes<br/>
  <img src="http://www.harrymedia.com/img/data/media/288/Aragog.jpg" width="200" height="150"/><br>
  Qui a dit que j'étais égocentrique? </font>  </span></div></area>


<span style="font-size: 13px; line-height: normal"><font color="Teal"><u><i><strong><p> </p>Modérateurs</strong></i></u></font></span><br/>
<area><br/>
  <div class="infobulle">
  <img src=" http://nsa19.casimages.com/img/2011/06/05/110605112739284748.jpg" width="60" height="60"/>
  <span class="tstaff" align="center">
<font color="darkred">  Chef Modo:  Wakyo <br/>
  <img src=" http://nsa19.casimages.com/img/2011/06/05/110605112653924439.jpg" width="200" height="150"/><br>
 Je suis une rose, douce et attirante mais très piquante ~ .</font><</span></div></area>

<area>
  <div class="infobulle">
  <img src=" http://nsa19.casimages.com/img/2011/06/04/110604102536263697.jpg" width="60" height="60"/>
  <span class="tstaff" align="center">
<font color="darkred">  Modo dévoué: Jasson.</font>
  <img src=" http://nsa19.casimages.com/img/2011/06/04/110604102536263697.jpg" width="200" height="150"/><br>  </span></div></area>

<area><br/>
  <div class="infobulle">
  <img src=" http://nsa19.casimages.com/img/2011/06/05/110605112930775487.jpg" width="60" height="60"/>
  <span class="tstaff" align="center">
<font color="darkred">  Modo: Ysaona.</font><br/>
  <img src=" http://nsa19.casimages.com/img/2011/06/05/110605112930775487.jpg" width="200" height="150"/><br>  </span></div></area>

PARTENAIRES:

Code:

    <center> <a href="http://arcaellev2.forumgratuit.org/t113-nos-partenaires?tid=fbc9759aecc7511d3168b8c5e7896d49" class="postlink"><img src="http://i24.servimg.com/u/f24/14/04/66/48/deveni10.png" border="0" /><p>
<a href="http://arcaellev2.forumgratuit.org/f49-partenariat-accepte" class="postlink"><img src="http://i24.servimg.com/u/f24/14/04/66/48/nospar10.png" border="0" />

      </center>

Autres précisions :

Le code du tableau actuel si ça peut aider:

Code:

<table width="100%" border="0">
  <tr>
    <td width="33%"> </td>
    <td width="37%"> </td>
    <td width="30%"> </td>
  </tr>
  <tr>
    <td width="33%"><center><table width="80%" border="1">
  <tr>
    <td height="111">
      <center>
        <span style="font-size: 15px; line-height: normal"><div style="margin:auto;text-align:center;width:100%"><strong><font color="white">Votez pour nous s'il vous plait =) </font></strong></div></span><br/><div style="margin:auto;text-align:center;width:100%">
            <a href="http://www.root-top.com/topsite/harry_potter_the_world/in.php?ID=8224" class="postlink" target="_blank" rel="nofollow"><img src="http://nsa19.casimages.com/img/2011/06/05/110605115856646994.jpg" border="0" alt="" width="40%" height="40%" /></a>
            <a href="http://www.root-top.com/topsite/heroicfantasy/in.php?ID=1174" class="postlink" target="_blank" rel="nofollow"><img src="http://nsa19.casimages.com/img/2011/06/05/110605115856646994.jpg" border="0" alt="" width="40%" height="40%" /></a>
            <br/>
            <a href="http://www.root-top.com/topsite/ffmystery/in.php?ID=26" class="postlink" target="_blank" rel="nofollow"><img src="http://nsa19.casimages.com/img/2011/06/05/110605115856646994.jpg" border="0" alt="" width="40%" height="40%" /></a>
            <a href="http://www.root-top.com/topsite/obsession27/in.php?ID=16754" class="postlink" target="_blank" rel="nofollow"><img src="http://nsa19.casimages.com/img/2011/06/05/110605115856646994.jpg" border="0" alt="" width="40%" height="40%" /></a>
            <br/>
  <a href="http://www.root-top.com/topsite/abysses/in.php?ID=5900" class="postlink" target="_blank" rel="nofollow"><img src="http://nsa19.casimages.com/img/2011/06/05/110605115856646994.jpg" border="0" alt="" width="40%" height="40%" /></a>

<a href="http://www.root-top.com/topsite/serpentgy/in.php?ID=7229" class="postlink" target="_blank" rel="nofollow"><img src="http://nsa19.casimages.com/img/2011/06/05/110605115856646994.jpg" border="0" alt="" width="40%" height="40%" /></a><br/>

<a href="http://www.root-top.com/topsite/melu/in.php?ID=3327" class="postlink" target="_blank" rel="nofollow"><img src="http://nsa19.casimages.com/img/2011/06/05/110605115856646994.jpg" border="0" alt="" width="40%" height="40%" /></a>

<a href="http://www.root-top.com/topsite/130594/in.php?ID=665" class="postlink" target="_blank" rel="nofollow"><img src="http://nsa19.casimages.com/img/2011/06/05/110605115856646994.jpg" border="0" alt="" width="40%" height="40%" /></a>

        </center>
     
    </td>
  </tr>
</table></td>
    <td width="37%"><center><div style="margin:auto;text-align:center;width:90%"><embed pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://www.youtube.com/v/3bJhhle5rh0" width="350" height="250" type="application/x-shockwave-flash" wmode="transparent" quality="high" scale="exactfit">
        </embed></div></center></td>
    <td width="30%"><center><table width="80%" border="1">
  <tr>
    <td><center><span style="font-size: 15px; line-height: normal"><font color="white"><u><i><strong>LE STAFF</strong></i></u></font></span>
<br/>
<span style="font-size: 13px; line-height: normal"><font color="Teal"><u><i><strong><p> </p>Admins</strong></i></u></font></span><br/>

<area><br/>


  <div class="infobulle">
  <img src="http://i20.servimg.com/u/f20/11/20/86/53/melind10.jpg" width="60" height="60"/>
  <span class="tstaff" align="center">
<font color="darkred">  La fondatrice en chef: Mélinda. <br/>
  <img src="http://i20.servimg.com/u/f20/11/20/86/53/melind11.jpg" width="200" height="150"/><br>
  Nous lui devons notre entière dévotion.</font>
  </span></div></area>

  <br>
 
  <area>
  <div class="infobulle">
  <img src="http://i20.servimg.com/u/f20/11/20/86/53/ketsu10.jpg" width="60" height="60"/>
  <span class="tstaff" align="center">
 <font color="darkred">Admin: Ketsueki Le Maître des Codes<br/>
  <img src="http://www.harrymedia.com/img/data/media/288/Aragog.jpg" width="200" height="150"/><br>
  Qui a dit que j'étais égocentrique? </font>  </span></div></area>


<span style="font-size: 13px; line-height: normal"><font color="Teal"><u><i><strong><p> </p>Modérateurs</strong></i></u></font></span><br/>
<area><br/>
  <div class="infobulle">
  <img src=" http://nsa19.casimages.com/img/2011/06/05/110605112739284748.jpg" width="60" height="60"/>
  <span class="tstaff" align="center">
<font color="darkred">  Chef Modo:  Wakyo <br/>
  <img src=" http://nsa19.casimages.com/img/2011/06/05/110605112653924439.jpg" width="200" height="150"/><br>
 Je suis une rose, douce et attirante mais très piquante ~ .</font><</span></div></area>

<area>
  <div class="infobulle">
  <img src=" http://nsa19.casimages.com/img/2011/06/04/110604102536263697.jpg" width="60" height="60"/>
  <span class="tstaff" align="center">
<font color="darkred">  Modo dévoué: Jasson.</font>
  <img src=" http://nsa19.casimages.com/img/2011/06/04/110604102536263697.jpg" width="200" height="150"/><br>  </span></div></area>

<area><br/>
  <div class="infobulle">
  <img src=" http://nsa19.casimages.com/img/2011/06/05/110605112930775487.jpg" width="60" height="60"/>
  <span class="tstaff" align="center">
<font color="darkred">  Modo: Ysaona.</font><br/>
  <img src=" http://nsa19.casimages.com/img/2011/06/05/110605112930775487.jpg" width="200" height="150"/><br>  </span></div></area>


 

  </span></div></area><p> </p></center></td>
  </tr>
</table>

      </center></td>
  </tr>
  <tr>
    <td width="33%"><center><p> </p><table width="80%" border="1">
  <tr>
    <td height="111">
      <center>
        <i><strong><font face="Comic Sans Ms"><span style="font-size: 15px; line-height: normal"><font color="white">Devenir partenaire ?</font></span></font></strong></i><span><br>
        <!-- Liste des partenaires -->
   
        <center> <a href="http://arcaellev2.forumgratuit.org/t113-nos-partenaires?tid=fbc9759aecc7511d3168b8c5e7896d49" class="postlink"><img src="http://i24.servimg.com/u/f24/14/04/66/48/deveni10.png" border="0" /><p>
<a href="http://arcaellev2.forumgratuit.org/f49-partenariat-accepte" class="postlink"><img src="http://i24.servimg.com/u/f24/14/04/66/48/nospar10.png" border="0" />

      </center>
    </td>
  </tr>
</table></center>

</td>
    <td width="37%"><center>Tu souhaites vivre l'aventure avec nous? Sors ton épée et clique donc
        <a href="http://arcaellev2.forumgratuit.org/register" class="postlink" target="_blank" rel="nofollow">ICI </a></center></td>


    <td width="30%"><center><table width="90%" border="2">
  <tr>
    <td><center><i><strong><font face="Comic Sans Ms"><span style="font-size: 16px; line-height: normal"><font color="white">Se déplacer sur le forum</font></span></strong></i><br/>

><a href="http://arcaellev2.forumgratuit.org/t1-le-livre-des-regles"><strong><i><font color="Teal"><span style="font-size: 16px; line-height: normal"><i><strong>Les dogmes</strong></i></span><</font></i></strong></a><br/>


><a href="http://arcaellev2.forumgratuit.org/t8-le-contexte"><strong><i><font color="Teal"><span style="font-size: 16px; line-height: normal"><i><strong>Le contexte</strong></i></span><</font></i></strong></a><br/>

><a href="http://arcaellev2.forumgratuit.org/f59-registre-des-naissances"><strong><i><font color="Teal"><span style="font-size: 16px; line-height: normal"><i><strong>Se présenter</strong></i></span><</font></i></strong></a><br/>

><a href="http://arcaellev2.forumgratuit.org/register"><strong><i><font color="Teal"><span style="font-size: 16px; line-height: normal"><i><strong>L'histoire</strong></i></span><</font></i></strong></a><br/>
><a href="http://arcaellev2.forumgratuit.org/t3-le-fluide-systeme-de-magie"><strong><i><font color="Teal"><span style="font-size: 16px; line-height: normal"><i><strong>Le fluide</strong></i></span><</font></i></strong></a><br/>
</center> </td>
  </tr>
</table>
</center></td>
  </tr>
</table>
</span>
</div>