Comment obtenir ça : (avec ou sans pointillés autour des groupes)
Il faut tout d'abord que votre forum aie la version PHBB2.
Allez dans la feuille CSS(Panneau d'administration -> Affichage -> Couleurs -> Feuille de style CSS) et ajoutez ce code:
Code:
.statistiques { border:0px; background-image: url("METTRE LE LIEN DE L'IMAGE SERVANT DE FOND AU QEEL"); background-repeat: no-repeat; background-position: center; height:270px; /* HAUTEUR DE VOTRE IMAGE DE FOND, C'EST UNE VARIABLE */ }
.groupes { background-color:#FFFFFF; /* FOND DES NOMS DE GROUPES */ border: 1px #D0D0D0 dotted; /* POUR METTRE LE CONTOUR EN POINTILLES */ -moz-border-radius : 5px 5px 5px 5px; /* ARRONDI DES CONTOURS */ height:40px; /* HAUTEUR DES ENCADRES */ padding-right:12px; /* SÉPARATION ENTRE LES GROUPES */ padding-left:12px; padding-bottom:3px; font-size:15px; /*TAILLE ECRITURE */ font-weight: bold; /* STYLE DE L'ECRITURE */ text-align:center; text-decoration: none !important; }
Ensuite toujours dans le panneau d'administration allez dans Templates -> Général -> index_body
Cherchez ce code ci:
Code:
<!-- BEGIN disable_viewonline --> <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <td class="catHead" colspan="2" height="28"><span class="cattitle"><!-- BEGIN switch_view_stats --><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow"><!-- END switch_view_stats -->{L_WHO_IS_ONLINE}<!-- BEGIN switch_view_stats --></a><!-- END switch_view_stats --></span></td> </tr> <tr> <td class="row1" rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td> <td class="row1" width="100%"><span class="gensmall">{TOTAL_POSTS}
{TOTAL_USERS}
{NEWEST_USER}</span></td> </tr> <!-- BEGIN switch_chatbox_activate --> <tr> <td class="row1"><span class="gensmall">{TOTAL_USERS_ONLINE}
<!-- BEGIN switch_chatbox_popup --> <div id="chatbox_popup"></div> <script type="text/javascript"> //<![CDATA[ insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}'); //]]> </script> <!-- END switch_chatbox_popup --> </span> </td> </tr> <!-- END switch_chatbox_activate --> </table> <!-- END disable_viewonline -->
Et remplacez par:
Code:
<!-- BEGIN disable_viewonline --> <table cellspacing="2" cellpadding="2" width="900" border="0" class="statistiques"> <tr> <td width="15%"></td> <td width="50%"> <br><br><br><br><br><br><br><center> <span class="groupes"> <a href="LIEN DU GROUPE 1"><font color="COULEUR DU GROUPE 1" size="2"><b>NOM DU GROUPE 1</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg"> <span class="groupes"><a href="LIEN DU GROUPE 2"><font color="COULEUR DU GROUPE 2" size="2"><b>NOM DU GROUPE 2</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg"> <span class="groupes"> <a href="LIEN DU GROUPE 3"><font color="COULEUR DU GROUPE 3" size="2"><b>NOM DU GROUPE 3</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg"> <span class="groupes"> <a href="LIEN DU GROUPE 4"><font color="COULEUR DU GROUPE 4" size="2"><b>NOM DU GROUPE 4</b></font></a> </span><br><br> <span class="gensmall">{TOTAL_POSTS}. {TOTAL_USERS}
<table border="0" cellspacing="3" cellpadding="0" width="700" align="center" style="text-align: justify"> {L_CONNECTED_MEMBERS}</table> <img src="LIEN IMAGE DU BAS SI VOUS EN VOULEZ UNE"><br> <!-- END disable_viewonline -->
Si vous voulez savoir à quoi correspond tel truc demandez avant de changer
Après avoir enregistré votre code, cliquez à côté de en attente là où il y a un petit "+" vert avec une infobulle qui apparaît avec "Publier" en dessous de la colonne Action.
Ce tutoriel est de Miki du forum CSSActif et a été modifié par mes soins. Merci de créditer.