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

Voir le sujet précédent Voir le sujet suivant Aller en bas

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

Message par Mohnn Dim 22 Mai 2011 - 23:40

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



Dernière édition par Mohnn le Mar 24 Mai 2011 - 17:48, édité 1 fois
avatar

Mohnn
***

Féminin
Messages : 105
Inscrit(e) le : 21/05/2011

http://otsu.forumactif.com/forum
Mohnn a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'encodage dans mon message d'accueil et chatbox

Message par Invité Lun 23 Mai 2011 - 13:05

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.
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'encodage dans mon message d'accueil et chatbox

Message par Mohnn Lun 23 Mai 2011 - 15:09

Bonjour,

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

j'attends pour la chatbox.
avatar

Mohnn
***

Féminin
Messages : 105
Inscrit(e) le : 21/05/2011

http://otsu.forumactif.com/forum
Mohnn a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'encodage dans mon message d'accueil et chatbox

Message par Mohnn Mar 24 Mai 2011 - 16:55

up s'il vous plait.
avatar

Mohnn
***

Féminin
Messages : 105
Inscrit(e) le : 21/05/2011

http://otsu.forumactif.com/forum
Mohnn a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'encodage dans mon message d'accueil et chatbox

Message par Invité Mar 24 Mai 2011 - 17:36

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.
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'encodage dans mon message d'accueil et chatbox

Message par Mohnn Mar 24 Mai 2011 - 17:47

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

Mohnn
***

Féminin
Messages : 105
Inscrit(e) le : 21/05/2011

http://otsu.forumactif.com/forum
Mohnn a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum