Hello Jimmy,
J'ai eu beaucoup à faire, mais tes modifications n'ont pas été simples à rectifier...
Beaucoup, beaucoup d'erreurs dans ce template, où il ne doit pas y avoir de balise en rouge.
Les sauts de ligne (mal codés) ne sont pas la solution en HTML car chaque navigateur aura sa distance du >br /<, don hormis pour passer d'une ligne à l'autre, pour les espaces il vaut mieux y aller au "pixel près" par le padding ou le margin.
Voici
la dernière partie du template :
- Code:
<!-- BEGIN disable_viewonline -->
<table width="100%" align="center" cellspacing="0" cellpadding="0" border="0"><tr>
<td width="100%" align="center" valign="middle">
<table class="qeeljimmy" width="100%" align="center" cellspacing="0" cellpadding="0" border="0"><tr>
<td class="qeelbg" width="100%" align="center" valign="middle">
<!-- BEGIN switch_viewonline_link -->
<!-- END switch_viewonline_link -->
<!-- BEGIN switch_viewonline_nolink -->
<!-- END switch_viewonline_nolink -->
</td></tr>
<tr><td align="center" valign="middle">
<div class="groupes" align="center">
<span><a href="http://one-piece-new-world2.forumgratuit.org/g3-les-pirates"><font color="#D93838" size="2"><b>•Pirates•</b></font></a></span>
<img src="http://d9.e-loader.net/mTeNgyNzeh.png" />
<span><a href="http://one-piece-new-world2.forumgratuit.org/g4-les-capitaines-pirates"><font color="#9E2626" size="2"><b>•Capitaines Pirates•</b></font></a></span>
<img src="http://d9.e-loader.net/mTeNgyNzeh.png" />
<span><a href="http://one-piece-new-world2.forumgratuit.org/g5-la-nouvelle-marine"><font color="#0055FF" size="2"><b>•Nouvelle Marine•</b></font></a></span>
<img src="http://d9.e-loader.net/mTeNgyNzeh.png" />
<span><a href="http://one-piece-new-world2.forumgratuit.org/g6-le-cipher-pol"><font color="#8BD628" size="2"><b>•Cipher Pol•</b></font></a></span>
<img src="http://d9.e-loader.net/mTeNgyNzeh.png" />
<span><a href="http://one-piece-new-world2.forumgratuit.org/g7-la-confrerie"><font color="#FFBF00" size="2"><b>•Confrérie•</b></font></a></span>
<br /><br />
<span><a href="http://one-piece-new-world2.forumgratuit.org/g8-les-revolutionnaires"><font color="#849169" size="2"><b>•Révolutionaire•</b></font></a></span>
<img src="http://d9.e-loader.net/mTeNgyNzeh.png" />
<span><a href="http://one-piece-new-world2.forumgratuit.org/g9-les-chasseurs-de-primes"><font color="#00FF09" size="2"><b>•Chasseurs de Primes•</b></font></a></span>
<img src="http://d9.e-loader.net/mTeNgyNzeh.png" />
<span><a href="http://one-piece-new-world2.forumgratuit.org/g10-les-civils"><font color="#F4FA50" size="2"><b>•Civils•</b></font></a></span>
<img src="http://d9.e-loader.net/mTeNgyNzeh.png" />
</div>
</td></tr>
<tr><td align="center" valign="top">
<table class="logstats" align="center"><tr>
<td class="row1" align="center" valign="top">
<div class="wiopassed" align="left"><table><tr><td align="left" valign="top">
<span class="gensmall">{L_CONNECTED_MEMBERS}</span>
</td></tr></table></div>
</td>
<td align="center" valign="top">
<div class="wiologstats gensmall" align="left"><table><tr><td align="left" valign="top">
<span id="total_post">{TOTAL_POSTS}</span>
<script type="text/javascript">document.getElementById('total_post').innerHTML=document.getElementById ('total_post').innerHTML.replace(/Nos membres ont posté un total de/,"Les crimes dans le monde s'éleveraient au nombre de ") .replace(/messages/," ");
</script><br />
<span id="total_users">{TOTAL_USERS}</span>
<script type="text/javascript">document.getElementById('total_users').innerHTML=document.getElementById ('total_users').innerHTML.replace(/Nous avons/,"Jusqu'à aujourd'hui, on aurait recensé").replace(/membres enregistrés/," grands criminels recherchés.");
</script><br />
<span id="newest_user">{NEWEST_USER}</span>
<script type="text/javascript">document.getElementById('newest_user').innerHTML=document.getElementById ('newest_user').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"Une nouvelle tête se serait démarquée sous le nom de");
</script><br />
<span id="total_users_onl">{TOTAL_USERS_ONLINE}</span>
<script type="text/javascript">document.getElementById('total_users_onl').innerHTML=document.getElementById ('total_users_onl').innerHTML.replace(/utilisateur en ligne ::/,"membre :: ").replace(/utilisateurs en ligne ::/,"Sur nos eaux navigueraient :: ").replace(/Enregistré(s?)/,"corsaires").replace(/Invisible(s?) et/,"âmes errantes et").replace(/Invité(s?)/,"convives");
</script><br />
{LOGGED_IN_USER_LIST}
</td></tr></table></div>
</td>
</tr></table>
</td></tr></table>
</td></tr>
<!-- BEGIN switch_chatbox_activate -->
<!-- END switch_chatbox_activate -->
</table>
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />
<!-- BEGIN switch_legend -->
<table border="0" cellspacing="3" cellpadding="0" align="center">
<tr>
<td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
<td><span class="gensmall">{L_NEW_POSTS}</span></td>
<td></td>
<td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
<td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
<td> </td>
<td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
<td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
</tr>
</table>
<!-- END switch_legend -->
{AUTO_DST}
<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
status: true,
cookie: true,
xfbml: true,
oauth: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->
Et le CSS :
- Spoiler:
.qeeljimmy {
width: 900px;
border: 2px solid #A7B3A4;
-moz-border-radius: 10px; /*on précise pour les autres navigateurs */
-webkit-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
margin: 10px auto; /* top-bottom 10px et right-left centrés */
}
.qeelbg {
background: url(https://i.servimg.com/u/f43/17/03/76/41/qeelji10.png) no-repeat top center;
width: auto;
height: 103px; /* HAUTEUR DE VOTRE IMAGE DE FOND, C'EST UNE VARIABLE */
padding: 4px;
margin: 13px auto 19px;
}
.wiogroupes {
background-color: #fff; /* FOND DES NOMS DE GROUPES */
width: 610px;
margin: 17px auto;
}
.wiogroupes span {
height: 40px; /* HAUTEUR DES ENCADRES */
font-size: 13px; /*TAILLE ECRITURE */
font-weight: bold; /* STYLE DE L'ECRITURE */
text-align: center;
border: 1px dotted #A7B3A4; /* POUR METTRE LE CONTOUR EN POINTILLES */
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-o-border-radius: 6px;
border-radius : 6px; /* ARRONDI DES CONTOURS 4 fois identiques ne nécissite pas le détail */
padding: 3px 13px 3px 13px; /* SÉPARATION ENTRE LES GROUPES dans le sens top right bottom left */
}
.logstats {
width: 610px;
margin: 17px auto;
}
/* supression du fond blanc de row1 pour le wiopassed */
.wiopassed td[class^="row"] {
display: block;
background-color: #dad;
width: 304px;
height: 340px;
overflow-y: auto;
text-align: left;
-moz-border-radius: 10px; /*on précise pour les autres navigateurs */
-webkit-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
padding: 3px 7px;
margin: 0 auto;
}
.wiopassed .row1 span.gensmall {
color: brown!important;
}
.wiologstats {
display: block;
background-color: #dad;
width: 304px;
height: 340px;
overflow-y: auto;
text-align: left;
-moz-border-radius: 10px; /*on précise pour les autres navigateurs */
-webkit-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
padding: 3px 7px;
margin: 0 auto;
}
Au deux cellules il y a un fond magenta (#dad) parce que j'ai un fond blanc en place pour un autre tuto.
Il te suffit de le mettre dans la couleur désirée.
Je ne sais pas d'où vient la petite différence entre les deux cellules, mais il me semble que cela pourrait provenir des attributs "id" que tu donnes aux scripts...