Centrer la structure "qui est en ligne"

[G']

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome

Description du problème

Bonjour/Bonsoir

J'aimerais avoir un code afin de centrer la structure "qui est en ligne" de mon forum


Merci d'avance

[MlleAlys]

Bonjour,
auriez vous un lien vers votre forum s'il vous plait ?

[G']

voilà

[MlleAlys]

Ah mince, on ne voit pas le qeel avec le forum en maintenance.
Votre qeel actuel est-il le qeel par défaut, ou a-t-il été modifié ? S'il a été modifié, pouvez vous nous en fournir le code s'il vous plait ?

[G']

Non il n'a pas été modifié, c'est le qeel par défaut.

[MlleAlys]

Dans ce cas il va falloir le modifier un peu ^^ :

• Dans affichage > templates > général : éditez le template index_body (page d'accueil)
  
• Localise le passage :
  

  Code:

  <!-- BEGIN disable_viewonline -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">

  C'est le début du QEEL ^^
  
• Ajoutez l'identifiant qeel au tableau, ce qui donne :
  

  Code:

  <!-- BEGIN disable_viewonline -->
<table id="qeel" class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">

• Enregistrez le template
  
• Publiez le template
  

=> Il n'y a aucun changement visible sur le forum, mais le qeel a maintenant un identifiant précis dont on va pouvoir se servir pour le centrer ^^

- Dans Affichage > couleurs > onglet "feuille de style css", collez le code suivant :

Code:

#qeel {
  text-align: center;
}

(Si vous n'avez encore aucun code dans la feuille de style, copiez/collez simplement celui là dans la zone de saisie. Si vous avez déjà des codes dans la feuille de style, allez en bas des codes, passez une ou deux lignes pour ne pas les mélanger, puis collez le nouveau.)
- Enregistrez.
- Actualisez la page de votre forum.
=> le texte de votre qeel apparaîtra centré.

[G']

Cela ne fonctionne pas.

[MlleAlys]

Vous avez dû mal faire l'une des étapes. Vérifiez, et si ça ne fonctionne toujours pas, pourriez vous débloquer votre forum pour rendre l'index visible aux invités, et redonner le lien puisque je vois que vous l'avez enlevé ? ^^" (si besoin mettez le entre balises hide pour qu'il ne soit visible que par les membres postant dans ce sujet :

Code:

[hide] le contenu ici [/hide]

[G']

J'ai bien re-vérifier, cela ne fonctionne pas.
Je vous laisse mon forum :

[MlleAlys]

La modification du qeel est bien prise en compte sur le forum, c'est le code css qui n’apparaît pas, il doit y avoir une erreur dans l'un des codes de votre feuille de style.

Les commentaires dans les feuille de style doivent se trouver entre /* .... */, remplacez

Code:

///////////////////////////////////CENTRER LA STRUCTURE"QUI EST EN LIGNE" /////////////////////////////////// #qeel {
    text-align:center
}

par

Code:

/************CENTRER LA STRUCTURE QUI EST EN LIGNE **************/
#qeel {
    text-align:center
}

Et faites la même correction aux endroits où vous avez mis des commentaires.

[G']

Merci, cela fonctionne mais l'image de la structure reste sur le côté, hors je voudrais qu'elle soit en haut au centre, comme ceci :

Voir l'image:

[MlleAlys]

Il faut à nouveau modifier le template alors.

- Editez le template index_body
- localisez ce passage :

Code:

<!-- BEGIN disable_viewonline -->
<table id="qeel" class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <td class="catHead" colspan="2" height="28">
      <!-- BEGIN switch_viewonline_link -->
      <span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
      <!-- END switch_viewonline_link -->

      <!-- BEGIN switch_viewonline_nolink -->
      <span class="cattitle">{L_WHO_IS_ONLINE}</span>
      <!-- END switch_viewonline_nolink -->
      </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>

- modifiez-le ainsi :

Code:

<!-- BEGIN disable_viewonline -->
<table id="qeel" class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <td class="catHead" height="28">
      <!-- BEGIN switch_viewonline_link -->
      <span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
      <!-- END switch_viewonline_link -->

      <!-- BEGIN switch_viewonline_nolink -->
      <span class="cattitle">{L_WHO_IS_ONLINE}</span>
      <!-- END switch_viewonline_nolink -->
      </td>
   </tr>
   <tr>
      <td class="row1" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>
   </tr>
   <tr>
      <td class="row1" width="100%"><span class="gensmall">{TOTAL_POSTS}<br />
      {TOTAL_USERS}<br />
      {NEWEST_USER}</span></td>
   </tr>

- enregistrez puis publiez le template
=> la cellule de tableau qui était sur le côté a été déplacée sous le titre du qeel, et quelques paramètres du tableau adaptés du coup ^^

[G']

Je te remercie de ta réponse mais cela ne marche toujours pas.

[MlleAlys]

Il y a un rowspan="6" en trop dans la cellule contenant l'image, c'est pour ça qu'elle se remet en colonne et non pas en ligne, c'est ce passage là :

Code:

<td class="row1" rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>

Qui doit être comme ça :

Code:

<td class="row1" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>

et à l'affichage ça doit donner ça :

[G']

Merci, cela fonctionne.