Manipuler la liste des derniers membres connectés Bouton_activeManipuler la liste des derniers membres connectés Bouton_hoverManipuler la liste des derniers membres connectés Fb-hoverManipuler la liste des derniers membres connectés Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Fiche de Présentation RPG
Manipuler la liste des derniers membres connectés EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Manipuler la liste des derniers membres connectés EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Manipuler la liste des derniers membres connectés EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Manipuler la liste des derniers membres connectés EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Manipuler la liste des derniers membres connectés EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Manipuler la liste des derniers membres connectés EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Manipuler la liste des derniers membres connectés EmptySam 11 Fév 2023, 06:04 par Krager

» Vos partenaires dans le footer
Manipuler la liste des derniers membres connectés EmptyMar 07 Fév 2023, 08:40 par Oxtran

-45%
Le deal à ne pas rater :
WHIRLPOOL OWFC3C26X – Lave-vaisselle pose libre 14 couverts – ...
339 € 622 €
Voir le deal

Partagez
 

Manipuler la liste des derniers membres connectés

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://www.css-actif.com/
Furase
{ Membre actif }
{ Membre actif }

Féminin Messages : 312



Manipuler la liste des derniers membres connectés Empty

Corriger le bug du QEEL


Informations générales

Description :
En ayant marre de répondre aux questions sur les rubriques du "qui est en ligne" qui refusent de s'aligner ou d'avoir un fond transparent alors que la solution se trouve déjà sur le forum, je pose ici une fois pour toutes la solution permettant de débugger le qeel.

Démo :
-

Version FA :
PhpBB2

Crédits :
Proposé par Furase le 02/07/2010 | Validé par Espeon

Mise(s) à jour :
Mise à jour le 01/07/2012 par 'Christa Lostmindy

Le tutoriel


Dans le template index_body, qui contient le fameux "qui est en ligne", on peut voir ceci :
Code:
   </tr>
   {L_CONNECTED_MEMBERS}
   {L_WHOSBIRTHDAY_TODAY}
   {L_WHOSBIRTHDAY_WEEK}
   <tr>

Ne trouvez-vous pas ça intriguant ?
Non ?
Cherchez un peu...

Tout notre QEEL est contenu dans un tableau. Or on sait qu'un tableau se construit avec des lignes tr qui contiennent des cellules td, et c'est dans ces cellules qu'on écrit. Mais ici... ces variables sont placées entre deux lignes ! Pourtant quand on regarde notre QEEL de base, on voit bien un joli tableau à leur place...
Il ne faut pas aller chercher l'explication très loin. Nos variables, indiquées entre des accolades { } sont en quelque sorte des "boites" qui contiennent beaucoup plus d'informations que vous ne le pensez.

Ainsi la variable {L_CONNECTED_MEMBERS} contient ceci :
Code:
<tr>
   <td class="row1">
      <span class="gensmall">Membres connectés au cours des 24 dernières heures : (ici la liste des membres)</span>
   </td>
</tr>
Et les deux variables {L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK} contiennent ceci :
Code:
<tr>
   <td class="row1">
      <span class="gensmall">Aucun membre ne fête son anniversaire aujourd'hui<br>
      Aucun membre ne fête son anniversaire dans les 7 prochains jours</span>
   </td>
</tr>
Nos lignes de tableau sont donc bien présentes, mais "cachées" à l'intérieur des variables.

Pour corriger le problème d'affichage quand vous voulez placer ces éléments ailleurs dans vos QEEL, il faudra donc mettre ces variables dans des balises table, comme ceci :
Code:
<table>{L_CONNECTED_MEMBERS}</table>
Code:
<table>{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</table>
Avec ceci, nous aurons au moins corrigé la première partie du problème et pourrons les placer comme on souhaitait.

Mais... on remarque un dernier détail assez déplaisant. Il nous reste un fond de couleur !

Edit de 'Christa - Pour retirer ce fond, une solution simple : Attribuez une classe à vos deux tables, comme ceci :
Code:
<table class="DeBug">{L_CONNECTED_MEMBERS}</table>
Code:
<table class="DeBug">{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</table>
Puis, dans le CSS de votre forum, ajoutez simplement cette ligne :
Code:
.DeBug td.row1 { background : none; }
Et voilà, plus de fond gênant !

Ancienne méthode:
Si d'autres fonctions présentent le même bug, même méthode pour le corriger.

Fu'
MessageSujet: Manipuler la liste des derniers membres connectés   Manipuler la liste des derniers membres connectés EmptyVen 02 Juil 2010, 17:53
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



Manipuler la liste des derniers membres connectés Empty
FAQ


Q
//

R
//


Pour toute question sur ce tutoriel, merci de poster une demande d'aide ici :
http://www.css-actif.com/f17-aide-css-xhtml
MessageSujet: Re: Manipuler la liste des derniers membres connectés   Manipuler la liste des derniers membres connectés EmptyVen 22 Juil 2011, 08:16
Revenir en haut Aller en bas
http://www.theoriginalvampires.com
LuxAeterna
LuxAeterna
{ Membre }
{ Membre }

Féminin Messages : 28



Manipuler la liste des derniers membres connectés Empty
Super ! C'est exactement ce que je cherchais, merci !!!
MessageSujet: Re: Manipuler la liste des derniers membres connectés   Manipuler la liste des derniers membres connectés EmptyDim 12 Mai 2013, 07:16
Revenir en haut Aller en bas
Contenu sponsorisé




Manipuler la liste des derniers membres connectés Empty
MessageSujet: Re: Manipuler la liste des derniers membres connectés   Manipuler la liste des derniers membres connectés Empty
Revenir en haut Aller en bas
 

Manipuler la liste des derniers membres connectés

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Balise des derniers connectés qui ne s'affiche pas
» ajouter la liste des personnes connectés
» Derniers connectés du qeel impossible à mettre un scroll [résolu]
» Scrollbar sur «membres connectés depuis les 24h»
» Membres connectés au cours des 24 dernières heures

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: Tutoriels de CSSActif :: ForumActif Pas à pas :: Le Footer-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Forum gratuit