[tutoriel] modifier "qui est en ligne"

[biodre4m]

Ceci est un tutoriel réaliser par kleoui


Salut a tous , dans ce tuto je vais vous montrer comment modifier sont Qui est en ligne

Apercu :



Donc premièrement vous devrais disposer :

- d'un forum sous forumactif en PHPBB2
- d'un compte du créateurs

Alors render vous dans le panneaux d'administrations -> Affichages -> Général

Ensuite cliquer sur

La vous devez chercher :

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}<br />
      {TOTAL_USERS}<br />
      {NEWEST_USER}</span></td>
  </tr>
  <!-- BEGIN switch_chatbox_activate -->
  <tr>
      <td class="row1"><span class="gensmall">{TOTAL_USERS_ONLINE}<br />
      {RECORD_USERS}<br />
      <br />
      {LOGGED_IN_USER_LIST}</span></td>
  </tr>
  {L_CONNECTED_MEMBERS}
  {L_WHOSBIRTHDAY_TODAY}
  {L_WHOSBIRTHDAY_WEEK}
  <tr>
      <td class="row1"><span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></td>
  </tr>
  <tr>
      <td class="row1">
        <span class="gensmall">{TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST} <br />
            <!-- 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 vous devez la remplacer 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}<br />
{NEWEST_USER}<br><br>
{TOTAL_USERS_ONLINE}<br>
{LOGGED_IN_USER_LIST}</center></span><br>
<td width="5%"></td>
</tr>
</table>
 
<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"><br>
<!-- END disable_viewonline -->

En y modifiant !

Ensuite allez dans votre CSS ( Panneaux d'administrations -> Affichage > Feuille de style CSS )

Et coller y ceci

Code:

.statistiques{
border:0px;
background-image: url("LIEN IMAGE DU HAUT");
background-repeat: no-repeat;
background-position: center;
height:270px;}

.groupes{
background-color:#FFFFFF;border: 1px #D0D0D0 dotted;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;}

[67steph67]

C'est sympa, mais pas vraiment un tutoriel, vu que rien n'y est enseigné, hormis le fait de remplacer du code par un autre.
Il serait beaucoup mieux de commenter ton code pour expliquer la façon dont tu as procéder, etc... histoire que chacun puisse apprendre comment le modifier à leur façon et pas seulement faire du copier-coller.
Et une chose : indente ton code! ><

[x¢яαzуzz]

C'est sympa, mais pas vraiment un tutoriel, vu que rien n'y est enseigné, hormis le fait de remplacer du code par un autre.
Il serait beaucoup mieux de commenter ton code pour expliquer la façon dont tu as procéder, etc... histoire que chacun puisse apprendre comment le modifier à leur façon et pas seulement faire du copier-coller.
Et une chose : indente ton code! ><

Exacte, il ne faut pas balancer les codes, sa n'a aucun intérêt, il faut que tu explique afin que la personnes comprenne se qu'elle fait

[Contenu sponsorisé]