Alors alors, déjà c'est le template index_body. Après j't'explique, si tu le sais déjà, bah tant mieux & désolée d'expliquer pour rien xD & si j'oublie des choses que tu ne comprends pas, n"hésite pas.
Déjà la partie qui nous intéresse, c'est celle entre
- Code:
-
<!-- BEGIN disable_viewonline --> codes <!-- END disable_viewonline -->
qui se trouve vers la fin du template.
Ensuite, le premier cadre avec les informations sur le nombre de membres, de messages etc.. C'est cette partie là :
- Code:
-
<td width="33%"><div style="border: 2px solid #BFD9DF; width: 250px; height: 180px; -moz-border-radius: 30px;background-color:#E9F0F3;"><br><ul><div class="gensmall">{TOTAL_POSTS}<br>{TOTAL_USERS}<br>
{NEWEST_USER}<br>{TOTAL_USERS_ONLINE}
</div>
</ul></div></td>
Alors maintenant plus en détails, le td width="33%", n'y touche pas sauf si tu veux rétrécir la case mais à ce moment là, faudra modifier les deux autres td - plus loin dans le template ) pour que la valeur totale fasse 100.
Pour modifier, la taille & la couleur & le genre de bordure, c'est cette partie là :
- Code:
-
"border: 2px solid #BFD9DF;
Ensuite width & height, n'y touche pas sauf si tu veux modifier la taille de la case.
le moz-border, sert à plus ou moins arrondir les côtés de ton cadre.
& le background, c'est le fond de couleur de ton cadre.
Maintenant les deux cadres, membres co & les dernieres 24h.
- Code:
-
<td width="34%"><div style="border: 2px solid #BFD9DF; width: 250px; height: 90px; -moz-border-radius: 180px;background-color:#E9F0F3;"><div style="width:240px;height:80px;overflow:auto;"><ul><font size="1">{LOGGED_IN_USER_LIST}</font></ul></div></div>
<div style="border: 2px solid #BFD9DF; width: 250px; height: 90px; -moz-border-radius: 180px;background-color:#E9F0F3;"><div style="width:240px;height: 80px;overflow:auto;"><ul><table width=100%">{L_CONNECTED_MEMBERS}</table></ul></div></div>
</div></center>
</td>
Là exactement les mêmes remarques que plus haut pour les modifications, j'ajouterai juste que
- Code:
-
<div style="width:240px;height:80px;overflow:auto;">
& pour la scroll bar donc tu modifie si tu veux, la taille.
- Code:
-
<td width="33%"><div style="border: 2px solid #BFD9DF; width: 250px; height: 180px; -moz-border-radius: 30px;background-color:#E9F0F3;"><blockquote><a href="http://">GROUPE 1</a><br><br><div style="margin-left: 80px;"><a href="http://">GROUPE 2</a></div><br><a href="http://">GROUPE 3</a><br><br><div style="margin-left: 80px;"><a href="http://">GROUPE 4</a></div><br><a href="http://">GROUPE 5</a></blockquote></div></td>
Là n'oublie pas de remplacer l'adresse des groupes & les noms. Le margin-left sert à faire une marge devant certain groupes.