Problème d'encodage dans mon message d'accueil et chatbox

[Mohnn]

Bonjour,

Il me semblait en avoir terminé avec ma page d'accueil mais en faite non d'ou ce deuxième message... J'ai donc besoin d'un peu d'aide.

1. J'ai un problème de couleur de 'titre' la première colonne a une sorte de marron et la deuxième en noir.
   
   
2. Ensuite pour le fond de dernier message j'ai arrondis les bords et le fond ne s’arrondit pas avec.
   
   
3. Des liens défilants dans dernier message, et partenaires dépassent des 'bulles' et je ne sais pas comment faire pour arranger ça.
   
   
4. Mettre un espace entre le message contenant les avatars des modérateur et les partenaires.

Code:

<br><table border=0>
<tr>
<td align="left" valign="top">
    <center>
  <div style=" background-image: url(http://i22.servimg.com/u/f22/14/62/07/65/previe15.jpg) ;border: solid ; border-width:1px ; border-color: #352D45; width:200px; padding:0px;border-radius:35px;">
  <span style="text-transform; letter-spacing: 1px;-moz-border-radius:5px;margin-left:5px;padding-bottom:150px;font-size:13px;">
  <a href="http://otsu.forumactif.com/t439-reglement"> <strong> REGLEMENT </strong> </a></span>
  </div></center>
<br>
  <center>
      <div style=" background-image: url(http://i22.servimg.com/u/f22/14/62/07/65/previe15.jpg) ;border: solid ; border-width:1px ; border-color: #352D45; width:200px; padding:0px;border-radius:35px;">
  <span style="text-transform; letter-spacing: 1px;-moz-border-radius:5px;margin-left:5px;padding-bottom:150px;font-size:13px; "><a href="http://otsu.forumactif.com/t432-un-peu-d-histoire"><strong> Un peu d’histoire</strong> </a></span></div></center>
<br>
<center>    <div style=" background-image: url(http://i22.servimg.com/u/f22/14/62/07/65/previe15.jpg) ;border: solid ; border-width:1px ; border-color: #352D45; width:200px; padding:0px;border-radius:35px;">
  <span style="text-transform; letter-spacing: 1px;-moz-border-radius:5px;margin-left:5px;padding-bottom:150px;font-size:13px; "><a href="http://otsu.forumactif.com/f110-news"><strong> News</strong> </a></span></div></center>
<br>
<center>    <div style=" background-image: url(http://i22.servimg.com/u/f22/14/62/07/65/previe15.jpg) ;border: solid ; border-width:1px ; border-color: #352D45; width:200px; padding:0px;border-radius:35px;">
  <span style="text-transform; letter-spacing: 1px;-moz-border-radius:5px;margin-left:5px;padding-bottom:150px;font-size:13px; "><a href="http://otsu.forumactif.com/f112-fiches-personnages"><strong> Fiches Personnages</strong> </a></span></div></center>
<br>
<center>    <div style=" background-image: url(http://i22.servimg.com/u/f22/14/62/07/65/previe15.jpg) ;border: solid ; border-width:1px ; border-color: #352D45; width:200px; padding:0px;border-radius:35px;">
  <span style="text-transform; letter-spacing: 1px;-moz-border-radius:5px;margin-left:5px;padding-bottom:150px;font-size:13px; "><a href="http://otsu.forumactif.com/t282-trombinoscope-racial"><strong> Trombinoscope Racial</strong> </a></span></div></center>
<br>
</td>

<td rowspan="2" valign="top">
  <center> <div style=" background-image: url(http://i22.servimg.com/u/f22/14/62/07/65/previe15.jpg) ;border: solid ; border-width:1px ; border-color:# 352D45; width:300px;border-radius:35px;">
    <center> <span style="text-transform : letter-spacing: 5px;-moz-border-radius:5px;margin-left:5px;padding-bottom:150px;font-size:14px;"> <strong> <u>/!\ Attention /!\
</u> :</strong></span></center></div><br><br><center>
  <center> <div style=" border: solid ; border-width:1px ; border-color:# 352D45; width:300px;border-radius:35px;">
    <center> <span style="text-transform : letter-spacing: 5px;-moz-border-radius:5px;margin-left:5px;padding-bottom:150px;font-size:14px;"> <br>Lorsque vous vous inscrivez, pensez à mettre le nom et le prénom (vrai) de votre personnage de jeu !! <br><br>
Nous vous demanderons également de ne pas utiliser de noms à consonance japonaise. Afin de garder une diversité intéressante sur le forum, certaines races seront considérées comme fermées en fonctions du nombre de joueurs, je vous invite à consulter le recensement qui se trouve dans la catégorie race pour savoir si celle que vous souhaitez est disponible.
Si vous possédez plusieurs personnages merci d’en avertir les administrateurs, à leur création, pour une meilleure gestion des joueurs. <br><br>
 La devise à Otsu est : Hota. Elle a la même valeur que l'Euro. <br></span></center></div>
  </center>
</td> 
   
<td valign="top">
<center> <div style=" background-image: url(http://i22.servimg.com/u/f22/14/62/07/65/previe15.jpg
) ;border: solid ; border-width:1px ; border-color:# 352D45; width:300px;border-radius:35px;">
    <center> <span style="text-transform : letter-spacing: 5px;-moz-border-radius:5px;margin-left:5px;padding-bottom:150px;font-size:14px;"> <strong><u>Les Administrateurs</u> :</strong></div>
<br><div style=" border: solid ; border-width:1px ; border-color:# 352D45; width:300px;border-radius:35px;">
    <center> <span style="text-transform : letter-spacing: 5px;-moz-border-radius:5px;margin-left:5px;padding-bottom:150px;font-size:14px;"> <br><img src="http://i22.servimg.com/u/f22/14/62/07/65/nicola10.jpg "border="0" alt="" /> <img src="http://i22.servimg.com/u/f22/14/62/07/65/mohnn10.jpg "border="0" alt="" /> <img src="http://i22.servimg.com/u/f22/14/62/07/65/kause10.jpg
" border="0" alt="" /> <img src="http://i22.servimg.com/u/f22/14/62/07/65/nj210.jpg" border="0" alt="" /></span><br>Nicolas ; Mohnn ; Kause ; NJ</div><br></center>
  </center>
</td>
</tr>
<tr>
<td valign="top" align="center"><table style=" background-image: url(http://i22.servimg.com/u/f22/14/62/07/65/previe15.jpg) ;border: solid ; border-width:1px ; border-color: #352D45; width:200px; padding:0px;border-radius:35px;">
  <tr>
  <th>Derniers sujets </th>
  </tr>
<table style=" border: solid ; border-width:1px ; border-color: #352D45; width:200px; padding:0px;border-radius:35px;">
  <tr>
  </tr>
<br>
  <tr>
  <td  id="comments_scroll_div" valign="middle" rowspan="6">
  <iframe name="ifr" style="visibility: hidden; width: 0px; height: 0px;" src="/portal.forum" onLoad="var ifr=window.ifr.document.getElementById('comments_scroll_div');document.getElementById('comments_scroll_div').innerHTML=ifr.innerHTML;"></iframe>
  </td>
  </tr>
  </table>
</td>
<td><table><tr>
  <td valign="top">
  <center> <div style=" background-image: url(http://i22.servimg.com/u/f22/14/62/07/65/previe15.jpg
) ;border: solid ; border-width:1px ; border-color:# 352D45; width:300px;border-radius:35px;">
<center> <span style="text-transform : letter-spacing: 5px;-moz-border-radius:5px;margin-left:5px;padding-bottom:150px;font-size:14px;"> <strong><u>Les Modérateurs</u> :</strong></div><br><div style=" border: solid ; border-width:1px ; border-color:# 352D45; width:300px;border-radius:35px;">
<center> <span style="text-transform : letter-spacing: 5px;-moz-border-radius:5px;margin-left:5px;padding-bottom:150px;font-size:14px;"> <br> <img src="http://i22.servimg.com/u/f22/14/62/07/65/archib12.jpg"border="0" alt="" /> <img src="http://i22.servimg.com/u/f22/14/62/07/65/jun10.jpg"border="0" alt="" /> <img src="http://i22.servimg.com/u/f22/14/62/07/65/slint10.jpg"border="0" alt="" /> <img src="http://i22.servimg.caom/u/f22/14/62/07/65/sebast10.jpg"border="0" alt="" /></span><br>Archibal.S ; Jun ; Enrik.S ;Sebastian.S<br></center>
</div></center>
</td></tr>
<br>
<tr>
<td valign="top"><div style=" background-image: url(http://i22.servimg.com/u/f22/14/62/07/65/previe15.jpg) ;border: solid ; border-width:1px ; border-color:# 352D45; width:300px;border-radius:35px;">
    <center>
  <span style="text-transform : letter-spacing: 5px;-moz-border-radius:5px;margin-left:5px;padding-bottom:150px;font-size:14px;">
  <strong>
  <u>Partenaires</u> :
  </strong>
  </span>
  </center></div>
<br><div style=" border: solid ; border-width:1px ; border-color:# 352D45; width:300px;border-radius:35px;">
    <center>
  <span style="text-transform : letter-spacing: 5px;-moz-border-radius:5px;margin-left:5px;padding-bottom:150px;font-size:14px;">
  <marquee scrollamount="3">
  <div style="margin: auto; width: 100%;">
  <span style="text-decoration: underline;"><!--[if gte mso 9]><xml>
 <w:WordDocument>
  <w:View>Normal</w:View>
  <w:Zoom>0</w:Zoom>
  <w:HyphenationZone>21</w:HyphenationZone>
  <w:Compatibility>
  <w:BreakWrappedTables/>
  <w:SnapToGridInCell/>
  <w:WrapTextWithPunct/>
  <w:UseAsianBreakRules/>
  </w:Compatibility>
  <w:BrowserLevel>MicrosoftInternetExplorer4</w:BrowserLevel>
 </w:WordDocument>
</xml><![endif]--><!--[if gte mso 10]>
<style>
 /* Style Definitions */
 table.MsoNormalTable
  {mso-style-name:"Tableau Normal";
  mso-tstyle-rowband-size:0;
  mso-tstyle-colband-size:0;
  mso-style-noshow:yes;
  mso-style-parent:"";
  mso-padding-alt:0cm 5.4pt 0cm 5.4pt;
  mso-para-margin:0cm;
  mso-para-margin-bottom:.0001pt;
  mso-pagination:widow-orphan;
  font-size:10.0pt;
  font-family:"Times New Roman";
  mso-fareast-font-family:SimSun;}
</style>
<![endif]-->
  </span><img src="http://i63.servimg.com/u/f63/15/13/01/16/bouton10.jpg" alt="" border="0">
  <span style="font-family: monospace;">
  </span>
  <a href="http://destiny-doors.forumactif.org/" class="postlink" target="_blank" rel="nofollow" img src="http://imagesup.org/images8/1295305578-harmonia.100.jpg" alt="" border="0"></a>
  <a href="http://konoha-high-school.forum-actif.net/" class="postlink" target="_blank" rel="nofollow"><img src="http://i14.servimg.com/u/f14/11/24/44/62/khs21111.jpg" alt="" border="0"></a>
  <a href="http://pandora-hearts-abyss.forumactif.com/index.htm" class="postlink" target="_blank" rel="nofollow"><img src="http://i60.servimg.com/u/f60/12/80/18/70/873_re14.png" alt="" border="0"></a>
  <a href="http://scion.hot4um.com" class="postlink" target="_blank"><img src="http://nsa13.casimages.com/img/2010/02/08/mini_100208080736895201.jpg" alt="" border="0"></a>
  <span style="font-size: 10pt; font-family: "Courier New";">
  <a href="http://chroniquesdouranos.forumactif.com/forum.htm/" class="postlink" target="_blank"><img src="http://i63.servimg.com/u/f63/15/73/85/26/88x3110.gif" alt="" border="0"></a>
  </span>
  <a href="http://ourangakuenyaoi.forumsactifs.com/" class="postlink" target="_blank"><img src="http://i26.servimg.com/u/f26/13/56/33/26/bannia10.jpg" alt="" border="0"></a>
    <a href="http://dolls-or-master.forumactif.org/index.htm" class="postlink" target="_blank"><img src="http://i93.servimg.com/u/f93/11/63/79/57/dorm10.png" alt="" border="0"></a>
  <a href="http://mandolyn-street.jdrforum.com/" class="postlink" target="_blank"><img src="http://i24.servimg.com/u/f24/09/04/56/46/picdfc11.jpg" alt="" border="0"></a>
  <a href="http://himitsu-rpg.forumactif.com/" class="postlink" target="_blank"> <img src="http://i24.servimg.com/u/f24/14/94/04/27/98888010.png" alt="" border="0"></a>
  <a href="http://naoko.forumactif.org/forum.htm" class="postlink" target="_blank"><img src="http://img709.imageshack.us/img709/6666/banni100.jpg" alt="" border="0"></a>
  <a href="http://meio-school.bbgraf.com/" class="postlink" target="_blank"><img src="http://i33.servimg.com/u/f33/09/03/98/66/bouton13.jpg" alt="" border="0"></a>
  <a href="http://ville-d-anejou.forumsactifs.net/" class="postlink" target="_blank"><img src="http://i33.servimg.com/u/f33/09/03/98/66/anejou10.jpg" alt="" border="0"></a>
  <a href="http://labomemory.bbgraf.com" class="postlink" target="_blank"><img src="http://i23.servimg.com/u/f23/09/03/98/66/labo1010.jpg" alt="" border="0"></a>
  <a href="http://www.mimimuffins.com/" class="postlink" target="_blank"> <img src="http://i72.servimg.com/u/f72/14/62/07/65/mimiyu10.jpg" alt="" border="0"></a>
  <a href="http://team.aininatte.free.fr/index.php" class="postlink" target="_blank"><img src="http://i22.servimg.com/u/f22/14/62/07/65/ban410.jpg" alt="" border="0"></a>
  <a href="http://nakedtruth.free.fr/links.php" class="postlink" target="_blank"> <img src="http://i22.servimg.com/u/f22/14/62/07/65/banner10.jpg" alt="" border="0"></a>
  <a href="http://yaoibronzekatsuai.free.fr/" class="postlink" target="_blank"> <img src="http://i72.servimg.com/u/f72/14/62/07/65/ybk10.jpg" alt="" border="0"></a>
  <a href="http://seiyoku.free.fr/" class="postlink" target="_blank"> <img src="http://i72.servimg.com/u/f72/14/62/07/65/mini_b10.jpg" alt="" border="0"></a>
  <a href="http://encre-de-rose.forumactif.org/" class="postlink" target="_blank"> </a><a href="http://encre-de-rose.forumactif.org/" class="postlink" target="_blank"><img src="http://i32.servimg.com/u/f32/14/62/07/65/edrr10.png" alt="" border="0"></a>
  <a href="http://encre-de-rose.forumactif.org/" class="postlink" target="_blank"></a></div></marquee>
    <a href="http://otsu.forumactif.com/f61-demandes-de-partenariat" class="postlink"><span style="text-transform : uppercase; letter-spacing: 5px;-moz-border-radius:5px;margin-left:5px;padding-bottom:150px;font-size:8px;"><center>Demande de partenariat</center></span></a>
    </div>
</td>
</tr></td></table>
</td></tr>
</table>




Je souhaiterais aussi modifier quelques petites choses de ma chat box.

1. Changer le trait séparant les pseudos et les paroles, de couleurs. J'ai vu ailleurs qu'il fallait mettre :
   #chatboxpop {
   border: 2px solid #AB5300;
   -moz-border-radius: 10px;
   border-radius:10px;
   -webkit-border-radius:10px;
   }
   
   Je l'ai mit dans le css image et couleurs mais ca na pas fonctionné.
   
   
2. Je souhaiterais aussi centrer le nom de ma chat box dans sa barre.

Merci d'avance.

Mohnn

[Invité]

Bonjour,

Concernant la page d'accueil, j'ai retravaillé le code, et je vous propose 2 versions:
La version tout-en-un où le style est inclus dans le message d'accueil:

Code:

<br /><table border="0" align="center" width="800px">
<tr>
<td valign="top" width="200"><div style="background-image: url('http://i22.servimg.com/u/f22/14/62/07/65/previe15.jpg');border:1px solid  #352D45; padding:0px;border-radius:35px;-moz-border-radius:35px;-webkit-border-radius:35px;letter-spacing: 1px;margin-left: 5px;font-size: 13px;font-weight: bold;text-align: center;margin: auto;">
<a href="http://otsu.forumactif.com/t439-reglement"><font color="black">REGLEMENT</font></a></div>
<br /><div style="background-image: url('http://i22.servimg.com/u/f22/14/62/07/65/previe15.jpg');border:1px solid  #352D45; padding:0px;border-radius:35px;-moz-border-radius:35px;-webkit-border-radius:35px;letter-spacing: 1px;margin-left: 5px;font-size: 13px;font-weight: bold;text-align: center;margin: auto;">
<a href="http://otsu.forumactif.com/t432-un-peu-d-histoire"><font color="black">Un peu d’histoire</font></a></div>
<br /><div style="background-image: url('http://i22.servimg.com/u/f22/14/62/07/65/previe15.jpg');border:1px solid  #352D45; padding:0px;border-radius:35px;-moz-border-radius:35px;-webkit-border-radius:35px;letter-spacing: 1px;margin-left: 5px;font-size: 13px;font-weight: bold;text-align: center;margin: auto;">
<a href="http://otsu.forumactif.com/f110-news"><font color="black">News</font></a></div>
<br><div style="background-image: url('http://i22.servimg.com/u/f22/14/62/07/65/previe15.jpg');border:1px solid  #352D45; padding:0px;border-radius:35px;-moz-border-radius:35px;-webkit-border-radius:35px;letter-spacing: 1px;margin-left: 5px;font-size: 13px;font-weight: bold;text-align: center;margin: auto;">
<a href="http://otsu.forumactif.com/f112-fiches-personnages"><font color="black">Fiches Personnages</a></div>
<br><div style="background-image: url('http://i22.servimg.com/u/f22/14/62/07/65/previe15.jpg');border:1px solid  #352D45; padding:0px;border-radius:35px;-moz-border-radius:35px;-webkit-border-radius:35px;letter-spacing: 1px;margin-left: 5px;font-size: 13px;font-weight: bold;text-align: center;margin: auto;">
<a href="http://otsu.forumactif.com/t282-trombinoscope-racial"><font color="black">Trombinoscope Racial</font></a></div>
<br>
</td>

<td rowspan="3" valign="top" width="300"><div style="background-image: url('http://i22.servimg.com/u/f22/14/62/07/65/previe15.jpg');border:1px solid  #352D45; padding:0px;border-radius:35px;-moz-border-radius:35px;-webkit-border-radius:35px;letter-spacing: 1px;margin-left: 5px;font-size: 13px;font-weight: bold;text-align: center;margin: auto;">
<u>/!\ Attention /!\</u> :</div><br /><div style="border:1px solid #352D45 ;border-radius:35px;-moz-border-radius:35px;-webkit-border-radius:35px;margin-left:5px;font-size:14px;text-align: justify;padding: 15px;margin: auto;">

 <br />Lorsque vous vous inscrivez, pensez à mettre le nom et le prénom (vrai) de votre personnage de jeu !! <br /><br />
Nous vous demanderons également de ne pas utiliser de noms à consonance japonaise. Afin de garder une diversité intéressante sur le forum, certaines races seront considérées comme fermées en fonctions du nombre de joueurs, je vous invite à consulter le recensement qui se trouve dans la catégorie race pour savoir si celle que vous souhaitez est disponible.
Si vous possédez plusieurs personnages merci d’en avertir les administrateurs, à leur création, pour une meilleure gestion des joueurs. <br /><br />
 La devise à Otsu est : Hota. Elle a la même valeur que l'Euro. <br /></div>
</td> 
   
<td valign="top" width="300"><div style="background-image: url('http://i22.servimg.com/u/f22/14/62/07/65/previe15.jpg');border:1px solid  #352D45; padding:0px;border-radius:35px;-moz-border-radius:35px;-webkit-border-radius:35px;letter-spacing: 1px;margin-left: 5px;font-size: 13px;font-weight: bold;text-align: center;margin: auto;">
<u>Les Administrateurs</u> :</div>
<br /><div class="pacontent"><br />
<img src="http://i22.servimg.com/u/f22/14/62/07/65/nicola10.jpg "border="0" alt="" />
<img src="http://i22.servimg.com/u/f22/14/62/07/65/mohnn10.jpg "border="0" alt="" />
<img src="http://i22.servimg.com/u/f22/14/62/07/65/kause10.jpg" border="0" alt="" />
<img src="http://i22.servimg.com/u/f22/14/62/07/65/nj210.jpg" border="0" alt="" /><br />
 Nicolas ; Mohnn ; Kause ; NJ<br /></div>
</td>
</tr>
<tr>
<td valign="top" align="center" rowspan="2"><div style="background-image: url('http://i22.servimg.com/u/f22/14/62/07/65/previe15.jpg');border:1px solid  #352D45; padding:0px;border-radius:35px;-moz-border-radius:35px;-webkit-border-radius:35px;letter-spacing: 1px;margin-left: 5px;font-size: 13px;font-weight: bold;text-align: center;margin: auto;">
Derniers sujets </div><br />
  <div style="border:1px solid #352D45 ;border-radius:35px;-moz-border-radius:35px;-webkit-border-radius:35px;margin-left:5px;font-size:14px;text-align: justify;padding: 15px;margin: auto;" id="comments_scroll_div" valign="middle" rowspan="6">
  <iframe name="ifr" style="visibility: hidden; width: 0px; height: 0px;" src="/portal.forum" onLoad="var ifr=window.ifr.document.getElementById('comments_scroll_div');document.getElementById('comments_scroll_div').innerHTML=ifr.innerHTML;"></iframe>
 
 </td>
<td><table><tr>
  <td valign="top"><br /><div style="background-image: url('http://i22.servimg.com/u/f22/14/62/07/65/previe15.jpg');border:1px solid  #352D45; padding:0px;border-radius:35px;-moz-border-radius:35px;-webkit-border-radius:35px;letter-spacing: 1px;margin-left: 5px;font-size: 13px;font-weight: bold;text-align: center;margin: auto;">
<u>Les Modérateurs</u> :</div>
<br /><div class="pacontent">
<br />
  <img src="http://i22.servimg.com/u/f22/14/62/07/65/archib12.jpg" border="0" alt="" />
  <img src="http://i22.servimg.com/u/f22/14/62/07/65/jun10.jpg" border="0" alt="" />
  <img src="http://i22.servimg.com/u/f22/14/62/07/65/slint10.jpg" border="0" alt="" />
  <img src="http://i22.servimg.caom/u/f22/14/62/07/65/sebast10.jpg" border="0" alt="" />
 <br />
 Archibal.S ; Jun ; Enrik.S ;Sebastian.S<br />
</div>
<br><br></td></tr></table></td></tr>
<br>
<tr>
<td valign="top"><div style="background-image: url('http://i22.servimg.com/u/f22/14/62/07/65/previe15.jpg');border:1px solid  #352D45; padding:0px;border-radius:35px;-moz-border-radius:35px;-webkit-border-radius:35px;letter-spacing: 1px;margin-left: 5px;font-size: 13px;font-weight: bold;text-align: center;margin: auto;">
<u>Partenaires</u> :</div>
<br /><div style="border:1px solid #352D45 ;border-radius:35px;-moz-border-radius:35px;-webkit-border-radius:35px;letter-spacing: 5px;font-size:10px;text-align: center;margin: auto;padding: 5px 15px 5px 15px;">
<marquee scrollamount="3">
  <img src="http://i63.servimg.com/u/f63/15/13/01/16/bouton10.jpg" alt="" border="0">
  <a href="http://destiny-doors.forumactif.org/" class="postlink" target="_blank" rel="nofollow"><img src="http://imagesup.org/images8/1295305578-harmonia.100.jpg" alt="" border="0"></a>
  <a href="http://konoha-high-school.forum-actif.net/" class="postlink" target="_blank" rel="nofollow"><img src="http://i14.servimg.com/u/f14/11/24/44/62/khs21111.jpg" alt="" border="0"></a>
  <a href="http://pandora-hearts-abyss.forumactif.com/index.htm" class="postlink" target="_blank" rel="nofollow"><img src="http://i60.servimg.com/u/f60/12/80/18/70/873_re14.png" alt="" border="0"></a>
  <a href="http://scion.hot4um.com" class="postlink" target="_blank"><img src="http://nsa13.casimages.com/img/2010/02/08/mini_100208080736895201.jpg" alt="" border="0"></a>
  <a href="http://chroniquesdouranos.forumactif.com/forum.htm/" class="postlink" target="_blank"><img src="http://i63.servimg.com/u/f63/15/73/85/26/88x3110.gif" alt="" border="0"></a>
  <a href="http://ourangakuenyaoi.forumsactifs.com/" class="postlink" target="_blank"><img src="http://i26.servimg.com/u/f26/13/56/33/26/bannia10.jpg" alt="" border="0"></a>
  <a href="http://dolls-or-master.forumactif.org/index.htm" class="postlink" target="_blank"><img src="http://i93.servimg.com/u/f93/11/63/79/57/dorm10.png" alt="" border="0"></a>
  <a href="http://mandolyn-street.jdrforum.com/" class="postlink" target="_blank"><img src="http://i24.servimg.com/u/f24/09/04/56/46/picdfc11.jpg" alt="" border="0"></a>
  <a href="http://himitsu-rpg.forumactif.com/" class="postlink" target="_blank"> <img src="http://i24.servimg.com/u/f24/14/94/04/27/98888010.png" alt="" border="0"></a>
  <a href="http://naoko.forumactif.org/forum.htm" class="postlink" target="_blank"><img src="http://img709.imageshack.us/img709/6666/banni100.jpg" alt="" border="0"></a>
  <a href="http://meio-school.bbgraf.com/" class="postlink" target="_blank"><img src="http://i33.servimg.com/u/f33/09/03/98/66/bouton13.jpg" alt="" border="0"></a>
  <a href="http://ville-d-anejou.forumsactifs.net/" class="postlink" target="_blank"><img src="http://i33.servimg.com/u/f33/09/03/98/66/anejou10.jpg" alt="" border="0"></a>
  <a href="http://labomemory.bbgraf.com" class="postlink" target="_blank"><img src="http://i23.servimg.com/u/f23/09/03/98/66/labo1010.jpg" alt="" border="0"></a>
  <a href="http://www.mimimuffins.com/" class="postlink" target="_blank"> <img src="http://i72.servimg.com/u/f72/14/62/07/65/mimiyu10.jpg" alt="" border="0"></a>
  <a href="http://team.aininatte.free.fr/index.php" class="postlink" target="_blank"><img src="http://i22.servimg.com/u/f22/14/62/07/65/ban410.jpg" alt="" border="0"></a>
  <a href="http://nakedtruth.free.fr/links.php" class="postlink" target="_blank"><img src="http://i22.servimg.com/u/f22/14/62/07/65/banner10.jpg" alt="" border="0"></a>
  <a href="http://yaoibronzekatsuai.free.fr/" class="postlink" target="_blank"><img src="http://i72.servimg.com/u/f72/14/62/07/65/ybk10.jpg" alt="" border="0"></a>
  <a href="http://seiyoku.free.fr/" class="postlink" target="_blank"><img src="http://i72.servimg.com/u/f72/14/62/07/65/mini_b10.jpg" alt="" border="0"></a>
  <a href="http://encre-de-rose.forumactif.org/" class="postlink" target="_blank"></a>
  <a href="http://encre-de-rose.forumactif.org/" class="postlink" target="_blank"><img src="http://i32.servimg.com/u/f32/14/62/07/65/edrr10.png" alt="" border="0"></a>
  <a href="http://encre-de-rose.forumactif.org/" class="postlink" target="_blank"></a>
  </marquee><br />
  <a href="http://otsu.forumactif.com/f61-demandes-de-partenariat" class="postlink">Demande de partenariat</a>
    </div>
</td>
</tr></table>
</td></tr>
</table>


Ou la version message + CSS qui permet de personnaliser le tableau via la feuille CSS:
Message

Code:

<br /><table border="0" align="center" width="800px">
<tr>
<td valign="top" width="200"><div class="patitle"><a href="http://otsu.forumactif.com/t439-reglement"><font color="black">REGLEMENT</font></a></div>
<br /><div class="patitle"><a href="http://otsu.forumactif.com/t432-un-peu-d-histoire"><font color="black">Un peu d’histoire</font></a></div>
<br /><div class="patitle"><a href="http://otsu.forumactif.com/f110-news"><font color="black">News</font></a></div>
<br><div class="patitle"><a href="http://otsu.forumactif.com/f112-fiches-personnages"><font color="black">Fiches Personnages</a></div>
<br><div class="patitle"><a href="http://otsu.forumactif.com/t282-trombinoscope-racial"><font color="black">Trombinoscope Racial</font></a></div>
<br>
</td>

<td rowspan="3" valign="top" width="300"><div class="patitle"><u>/!\ Attention /!\</u> :</div><br /><div class="patext">
 <br />Lorsque vous vous inscrivez, pensez à mettre le nom et le prénom (vrai) de votre personnage de jeu !! <br /><br />
Nous vous demanderons également de ne pas utiliser de noms à consonance japonaise. Afin de garder une diversité intéressante sur le forum, certaines races seront considérées comme fermées en fonctions du nombre de joueurs, je vous invite à consulter le recensement qui se trouve dans la catégorie race pour savoir si celle que vous souhaitez est disponible.
Si vous possédez plusieurs personnages merci d’en avertir les administrateurs, à leur création, pour une meilleure gestion des joueurs. <br /><br />
 La devise à Otsu est : Hota. Elle a la même valeur que l'Euro. <br /></div>
</td> 
   
<td valign="top" width="300"><div class="patitle"><u>Les Administrateurs</u> :</div>
<br /><div class="pacontent"><br />
<img src="http://i22.servimg.com/u/f22/14/62/07/65/nicola10.jpg "border="0" alt="" />
<img src="http://i22.servimg.com/u/f22/14/62/07/65/mohnn10.jpg "border="0" alt="" />
<img src="http://i22.servimg.com/u/f22/14/62/07/65/kause10.jpg" border="0" alt="" />
<img src="http://i22.servimg.com/u/f22/14/62/07/65/nj210.jpg" border="0" alt="" /><br />
 Nicolas ; Mohnn ; Kause ; NJ<br /></div>
</td>
</tr>
<tr>
<td valign="top" align="center" rowspan="2"><div class="patitle">Derniers sujets </div><br />
  <div class="patext" id="comments_scroll_div" valign="middle" rowspan="6">
  <iframe name="ifr" style="visibility: hidden; width: 0px; height: 0px;" src="/portal.forum" onLoad="var ifr=window.ifr.document.getElementById('comments_scroll_div');document.getElementById('comments_scroll_div').innerHTML=ifr.innerHTML;"></iframe>
 
 </td>
<td><table><tr>
  <td valign="top"><br /><div class="patitle"><u>Les Modérateurs</u> :</div>
<br /><div class="pacontent">
<br />
  <img src="http://i22.servimg.com/u/f22/14/62/07/65/archib12.jpg" border="0" alt="" />
  <img src="http://i22.servimg.com/u/f22/14/62/07/65/jun10.jpg" border="0" alt="" />
  <img src="http://i22.servimg.com/u/f22/14/62/07/65/slint10.jpg" border="0" alt="" />
  <img src="http://i22.servimg.caom/u/f22/14/62/07/65/sebast10.jpg" border="0" alt="" />
 <br />
 Archibal.S ; Jun ; Enrik.S ;Sebastian.S<br />
</div>
<br><br></td></tr></table></td></tr>
<br>
<tr>
<td valign="top"><div class="patitle"><u>Partenaires</u> :</div>
<br /><div class="pacontent">
<marquee scrollamount="3">
  <img src="http://i63.servimg.com/u/f63/15/13/01/16/bouton10.jpg" alt="" border="0">
  <a href="http://destiny-doors.forumactif.org/" class="postlink" target="_blank" rel="nofollow"><img src="http://imagesup.org/images8/1295305578-harmonia.100.jpg" alt="" border="0"></a>
  <a href="http://konoha-high-school.forum-actif.net/" class="postlink" target="_blank" rel="nofollow"><img src="http://i14.servimg.com/u/f14/11/24/44/62/khs21111.jpg" alt="" border="0"></a>
  <a href="http://pandora-hearts-abyss.forumactif.com/index.htm" class="postlink" target="_blank" rel="nofollow"><img src="http://i60.servimg.com/u/f60/12/80/18/70/873_re14.png" alt="" border="0"></a>
  <a href="http://scion.hot4um.com" class="postlink" target="_blank"><img src="http://nsa13.casimages.com/img/2010/02/08/mini_100208080736895201.jpg" alt="" border="0"></a>
  <a href="http://chroniquesdouranos.forumactif.com/forum.htm/" class="postlink" target="_blank"><img src="http://i63.servimg.com/u/f63/15/73/85/26/88x3110.gif" alt="" border="0"></a>
  <a href="http://ourangakuenyaoi.forumsactifs.com/" class="postlink" target="_blank"><img src="http://i26.servimg.com/u/f26/13/56/33/26/bannia10.jpg" alt="" border="0"></a>
  <a href="http://dolls-or-master.forumactif.org/index.htm" class="postlink" target="_blank"><img src="http://i93.servimg.com/u/f93/11/63/79/57/dorm10.png" alt="" border="0"></a>
  <a href="http://mandolyn-street.jdrforum.com/" class="postlink" target="_blank"><img src="http://i24.servimg.com/u/f24/09/04/56/46/picdfc11.jpg" alt="" border="0"></a>
  <a href="http://himitsu-rpg.forumactif.com/" class="postlink" target="_blank"> <img src="http://i24.servimg.com/u/f24/14/94/04/27/98888010.png" alt="" border="0"></a>
  <a href="http://naoko.forumactif.org/forum.htm" class="postlink" target="_blank"><img src="http://img709.imageshack.us/img709/6666/banni100.jpg" alt="" border="0"></a>
  <a href="http://meio-school.bbgraf.com/" class="postlink" target="_blank"><img src="http://i33.servimg.com/u/f33/09/03/98/66/bouton13.jpg" alt="" border="0"></a>
  <a href="http://ville-d-anejou.forumsactifs.net/" class="postlink" target="_blank"><img src="http://i33.servimg.com/u/f33/09/03/98/66/anejou10.jpg" alt="" border="0"></a>
  <a href="http://labomemory.bbgraf.com" class="postlink" target="_blank"><img src="http://i23.servimg.com/u/f23/09/03/98/66/labo1010.jpg" alt="" border="0"></a>
  <a href="http://www.mimimuffins.com/" class="postlink" target="_blank"> <img src="http://i72.servimg.com/u/f72/14/62/07/65/mimiyu10.jpg" alt="" border="0"></a>
  <a href="http://team.aininatte.free.fr/index.php" class="postlink" target="_blank"><img src="http://i22.servimg.com/u/f22/14/62/07/65/ban410.jpg" alt="" border="0"></a>
  <a href="http://nakedtruth.free.fr/links.php" class="postlink" target="_blank"><img src="http://i22.servimg.com/u/f22/14/62/07/65/banner10.jpg" alt="" border="0"></a>
  <a href="http://yaoibronzekatsuai.free.fr/" class="postlink" target="_blank"><img src="http://i72.servimg.com/u/f72/14/62/07/65/ybk10.jpg" alt="" border="0"></a>
  <a href="http://seiyoku.free.fr/" class="postlink" target="_blank"><img src="http://i72.servimg.com/u/f72/14/62/07/65/mini_b10.jpg" alt="" border="0"></a>
  <a href="http://encre-de-rose.forumactif.org/" class="postlink" target="_blank"></a>
  <a href="http://encre-de-rose.forumactif.org/" class="postlink" target="_blank"><img src="http://i32.servimg.com/u/f32/14/62/07/65/edrr10.png" alt="" border="0"></a>
  <a href="http://encre-de-rose.forumactif.org/" class="postlink" target="_blank"></a>
  </marquee><br />
  <a href="http://otsu.forumactif.com/f61-demandes-de-partenariat" class="postlink">Demande de partenariat</a>
    </div>
</td>
</tr></table>
</td></tr>
</table>

+CSS

Code:

.patitle{
background-image: url('http://i22.servimg.com/u/f22/14/62/07/65/previe15.jpg');
border:1px solid  #352D45;
 padding:0px;
border-radius:35px;
-moz-border-radius:35px;
-webkit-border-radius:35px;
letter-spacing: 1px;
margin-left: 5px;
font-size: 13px;
font-weight: bold;
text-align: center;
margin: auto;}

.patext{
border:1px solid #352D45 ;
border-radius:35px;
-moz-border-radius:35px;
-webkit-border-radius:35px;
margin-left:5px;
font-size:14px;
text-align: justify;
padding: 15px;
margin: auto;}

.pafriends{border:1px solid #352D45 ;
border-radius:35px;
-moz-border-radius:35px;
-webkit-border-radius:35px;
letter-spacing: 5px;
font-size:10px;
text-align: center;
margin: auto;
padding: 5px 15px 5px 15px;}

.pacontent{
border:1px solid #352D45 ;
border-radius:35px;
-moz-border-radius:35px;
-webkit-border-radius:35px;
letter-spacing: 5px;
font-size:10px;
text-align: center;
margin: auto;
padding: 5px;
}

Je n'ai pas encore regardé pour la Chatbox, je vous informe quand j'ai trouvé.

Cordialement.

[Mohnn]

Bonjour,

j'ai opté pour le premier, et ca a fonctionne super bien merci de votre aide !

j'attends pour la chatbox.

[Mohnn]

up s'il vous plait.

[Invité]

Bonjour,

Après recherche sur mon forum test et dans les archives, il semblerait que les modifications que vous souhaitez pour la chatbox ne soient pas possible. On peut "tricher" pour centrer le titre avec ce code CSS, en faisant varier le nombre de px:

Code:

#chatbox_header .catBottom .cattitle {
padding-left: 250px;
 }

Cordialement.

[Mohnn]

Merci bien ! Je vais continué a chercher on sait jamais !