| | Changer le tableau d'en bas |  |
|
 Phantasmagoria 
{ Membre hyper-actif }
 Messages : 1636
 | Bonjour/Bonsoir Bon, je m'excuse d'avance si le sujet existe déjà mais j'ai beau cherché ce que je désire sauf que je n'ai rien trouvé. Je ne sais pas trop si j'ai effectué la bonne recherche. Bref, voila mon problème c'est que j'veux changer le tableau en bas du forum. D'habitude il prend cette forme là - Spoiler:
Je cherche à le changer pour avoir cette forme là - Spoiler:
Je remercie d'avance celui ou celle qui se portera volontaire de m'aider. Merci | | |
|
| | |
Boow
{ Membre actif }
 Messages : 866
| Ceci est bien évidement possible seulement c'est une demande de code de Qui est en ligne.... Et tu remarqueras sûrement que les commandes sont fermées pour le moment !! =) | | |
|
| | |
Phantasmagoria
{ Membre hyper-actif }
Messages : 1636
| Ah ! Non je ne l'ai pas remarqué mais merci de ne me l'avoir dit ^^' | | |
|
| | |
VPeybernes
{ Membre actif }
Messages : 563
| Bonjour.
Si tu veux tenter les modification toi même, tu trouvera de nombreux tuto et topic à ce sujet (bizarrement c'est une des chose les plus demandé).
En recherchant les bon thermes : "Qui est en ligne" ou "QEEL" | | |
|
| | |
Phantasmagoria
{ Membre hyper-actif }
Messages : 1636
| En effet j'viens de chercher et j'ai trouvé ce qu'il me faut, le seul problème c'est qu'il y a deux codes. Un à mettre dans la feuille CSS et l'autre dans index_body. Mon problème actuel est que je ne sais pas où se trouve le index_body. Dans la page html? Si c'est le cas, j'dois avouer que je n'ai pas encore préparé une donc bon ça pose un problème. | | |
|
| | |
VPeybernes
{ Membre actif }
Messages : 563
| C'est un template.
PA > Affichage > Template > Général > index_body | | |
|
| | |
Phantasmagoria
{ Membre hyper-actif }
Messages : 1636
| Ah oui ! Merci pour ton aide ^^ | | |
|
| | |
Boow
{ Membre actif }
Messages : 866
| Si tu as des soucis quant à la construction de ton QEEL, nous serons ravis de t'aider =D J'adore les gens qui essaient de faire par eux-mêmes xD | | |
|
| | |
VPeybernes
{ Membre actif }
Messages : 563
| Oui moi aussi  | | |
|
| | |
Phantasmagoria
{ Membre hyper-actif }
Messages : 1636
| Lol et bien j'essaye de faire par moi-même mais c'est vrai que y a un moment où vaut mieux demander de l'aide ^^'
Donc voila j'ai les deux codes à mettre dans l'index_body et la feuille CSS mon problème (faut croire que j'ai toujours un problème -.-') c'est que je ne sais pas trop quoi mettre dedans ô_o
Bon voila les codes :
- Spoiler:
- Code:
-
<!-- BEGIN disable_viewonline --> <table cellspacing="2" cellpadding="2" width="900" border="0" class="statistiques"> <tr valign="top"> <td valign="top" width="5%"> </td> <td valign="top" width="65%"> <br><br> <!-- Ci-suivent les Groupes du Haut --> <span class="groupe"><a href="LIEN_DU_GROUPE"><font color="#CODE_COULEUR">GROUPE</font></a></span> <br><img src="http://i47.tinypic.com/28l76l0.gif"><br> <!-- Ci-suivent les Groupes du Bas --> <span class="groupe"><a href="LIEN_DU_GROUPE"><font color="#CODE_COULEUR">GROUPE</font></a></span> <br><br> </td><td valign="top" width="30%"></td></tr> <br><br> <span class="gensmall">{TOTAL_POSTS}. {TOTAL_USERS} {NEWEST_USER}<br><br> {TOTAL_USERS_ONLINE}<br> {LOGGED_IN_USER_LIST}</left></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> <br> <!-- END disable_viewonline -->
Et pour la CSS :
- Spoiler:
- Code:
-
/*QEEL*/
.statistiques{
border:1px solid;
background-image: url(LIEN_DE_VOTRE_IMAGE_DE_FOND);
background-repeat: no-repeat;
background-position: center;
height:HAUTEUR_DE_VOTRE_IMAGE_EN_PIXELSpx;}
.groupes{
background-color:#couleur_de_fond;
border: 0px;
-moz-border-radius : 5px 5px 0px 0px;
height:40px;
padding-right:12px;
padding-left:14px;
padding-bottom:3px;
font-size:15px;
font-weight: bold;
text-align:center;
text-decoration: none !important;}
Qu'est ce qu'il faut changer pour avoir le deuxième QEEL? Bien sur j'demande pas de faire exactement le même, mais j'veux au moins qu'il soit différent du standard.
Merci ><' | | |
|
| | |
Boow
{ Membre actif }
Messages : 866
| Hum, j,e vais t'expliquer rapidement =D Comme tu peux le voir dans cette image, le QEEL que tu nous as montrés est en fait un tableau composé de trois lignes et de deux colonnes. Donc un code comme ceci :
- Code:
-
<table>
<tr>
<td>contenu 1</td>
<td>contenu 2</td>
</tr>
<tr>
<td>contenu 3</td>
<td>contenu 4</td>
</tr>
<tr>
<td>contenu 5</td>
<td>contenu 6</td>
</tr>
</table>
Seulement, tu vois que j'ai barré deux traits. En effet, sur les deux dernières lignes, on a regroupé les colonnes pour n'en faire qu'une seule. C'est la propriété "colspan" qui permet ceci. Le code deviendrait donc ainsi :
- Code:
-
<table>
<tr>
<td>contenu 1</td>
<td>contenu 2</td>
</tr>
<tr>
<td colspan="2">contenu 3</td>
</tr>
<tr>
<td colspan="2">contenu 5</td>
</tr>
</table>
Les contours de ton tableau sont donc faits, il n'y aura plus grand chose à modifier dessus. Maintenant il faut s'occuper des contenus. Comme tu le vois sur l'image, il y a 4 cases à remplir.
- Le contenu 1 : il est vide, mais important si on ne veut pas qu'en centrant le contenu 2, le texte empiète sur l'image.
- Le contenu 2 : la partie la plus grosse. Il faut que tu repères ce que tu veux mettre dedans. Dans l'exemple que tu nous as donné, tu auras besoin des url de tes groupes et des codes ci-dessous :
- Code:
-
<span class="gensmall">{TOTAL_POSTS}<br /> [Le nombre total de messages sur le forums.]
{TOTAL_USERS}<br /> [Le nombre total d'utilisateurs enregistrés.]
{NEWEST_USER}</span> [Le dernier utilisateur enregistré.]
<span class="gensmall">{TOTAL_USERS_ONLINE}<br /> [Le descriptif des personnes en ligne.]
{LOGGED_IN_USER_LIST}</span> [La liste des personnes en ligne.] - Le contenu 3 : de même, tu auras besoin de quelques codes que tu devras agencer toi-même =] Et si jamais tu as des soucis de placement et compagnie, demande =D Je te donne les codes dont tu as besoin pour ta troisième case.
- Code:
-
<span class="gensmall"> <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a> [Sujet actif du jour.] <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a> [Top 20 des posteurs d'aujourd'hui.] <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a></span> [Top 20 des posteurs du forum.] {RECORD_USERS}<br />
- Contenu 5 : Il n'y a qu'un seul code à mettre, comme il n'y a que les membres connectés au cours des X dernières heures à afficher. Tu peux centrer ce truc à l'aide de la balise "center". Voici le code :
- Code:
-
{L_CONNECTED_MEMBERS}
Voilà, je t'ai donné les élements du QEEL. Est-ce que tu peux essayer de placer les différents codes dans chacune des cases ? Surtout ne modifie pas la structure de base !! Le contenu de chaque case doit être compris entre une balise et une autre =D | | |
|
| | |
Phantasmagoria
{ Membre hyper-actif }
Messages : 1636
| Bonjour !
Merci beaucoup pour les codes mais j'ai finit par faire le tout en prenant compte des premiers codes, j'en suis satisfaite. Mon seul truc là c'est que j'veux aligner les groupes et centrer les statistiques.
Comme dans l'exemple ci dessus
- Spoiler:
J'vous mets le code que j'ai utilisé pour savoir ce que j'dois changer exactement
- Spoiler:
- Code:
-
<!-- BEGIN disable_viewonline --> <table cellspacing="2" cellpadding="2" width="900" border="0" class="statistiques"> <tr valign="top"> <td valign="top" width="5%"> </td> <td valign="top" width="65%"> <br> <!-- Ci-suivent les Groupes du Haut --> <span class="groupe"><a href="http://ile-de-veles.forumactif.com/groupcp.forum?g=2"><font color="#B8169B">Direction</font></a></span> <br> <span class="groupe"><a href="http://ile-de-veles.forumactif.com/groupcp.forum?g=7"><font color="#FFFFD0">Employés de l'île</font></a><br></span> <span class="groupe"></br><a href="http://ile-de-veles.forumactif.com/groupcp.forum?g=4"><font color="#E18155">Hybrides</font></a></span><br> <span class="groupe"><a href="http://ile-de-veles.forumactif.com/groupcp.forum?g=6"><font color="#59B9DD">Savants Fous</font></a></span><br><span class="groupe"><a href="http://ile-de-veles.forumactif.com/groupcp.forum?g=5"><font color="#1C953B">Victimes</font></a><br><img src="http://i47.tinypic.com/28l76l0.gif"><br><img src="http://i47.tinypic.com/28l76l0.gif"> <table border="0" cellspacing="3" cellpadding="0" width="700" align="center" style="text-align: justify"> {L_CONNECTED_MEMBERS} </td><td valign="top" width="30%"></td></tr> <br><br> <span class="gensmall">{TOTAL_POSTS}. <br>{TOTAL_USERS}</br>. {NEWEST_USER}.<br><br> {TOTAL_USERS_ONLINE}.<br> {LOGGED_IN_USER_LIST}</left></span><br> <td width="5%"></td> </tr> </table> <!-- END disable_viewonline -->
Merci ! | | |
|
| | |
Boow
{ Membre actif }
Messages : 866
| Essaie de remplacer par ceci :
- Code:
-
<!-- BEGIN disable_viewonline --> <table cellspacing="2" cellpadding="2" width="900" border="0" class="statistiques"> <tr valign="top" width="100%"> <td valign="top" width="100%"> <!-- Ci-suivent les Groupes du Haut --> <center> <span class="groupe"><a href="http://ile-de-veles.forumactif.com/groupcp.forum?g=2"><font color="#B8169B">Direction</font></a></span> <span class="groupe"><a href="http://ile-de-veles.forumactif.com/groupcp.forum?g=7"><font color="#FFFFD0">Employés de l'île</font></a></span> <span class="groupe"><a href="http://ile-de-veles.forumactif.com/groupcp.forum?g=4"><font color="#E18155">Hybrides</font></a></span> <span class="groupe"><a href="http://ile-de-veles.forumactif.com/groupcp.forum?g=6"><font color="#59B9DD">Savants Fous</font></a></span> <span class="groupe"><a href="http://ile-de-veles.forumactif.com/groupcp.forum?g=5"><font color="#1C953B">Victimes</font></a></center><br /><br /> </td> </tr> <tr valign="bottom" width="100%"> <td width="100%"> <center><br><br> <span class="gensmall">{TOTAL_POSTS}. <br>{TOTAL_USERS}.</br> {NEWEST_USER}.<br><br> {TOTAL_USERS_ONLINE}.<br> {LOGGED_IN_USER_LIST}</span><br></center> </td> </tr> </table> <table width="100%"><tr width="100%"><td width="100%">{L_CONNECTED_MEMBERS}</td></tr></table> <!-- END disable_viewonline --> | | |
|
| | |
Phantasmagoria
{ Membre hyper-actif }
Messages : 1636
| Merciiiiii c\'est parfait comme ça xD Mais c\'est normal si les groupes ne sont pas séparés? Genre super collés?
|
Dernière édition par Massive8despair le Jeu 20 Mai 2010, 13:59, édité 2 fois | |
|
| | |
Boow
{ Membre actif }
Messages : 866
| Hum, et en mettant ceci : ? - Code:
-
<!-- BEGIN disable_viewonline --> <table cellspacing="2" cellpadding="2" width="900" border="0" class="statistiques"> <tr valign="top" width="100%"> <td valign="top" width="100%"> <!-- Ci-suivent les Groupes du Haut --> <center><table width="100%"><tr width="100%;"><td width="25%"> <span class="groupe"><a href="http://ile-de-veles.forumactif.com/groupcp.forum?g=2"><font color="#B8169B">Direction</font></a></span></td><td width="25%"> <span class="groupe"><a href="http://ile-de-veles.forumactif.com/groupcp.forum?g=7"><font color="#FFFFD0">Employés de l'île</font></a></span></td><td width="25%"> <span class="groupe"><a href="http://ile-de-veles.forumactif.com/groupcp.forum?g=4"><font color="#E18155">Hybrides</font></a></span></td><td width="25%"> <span class="groupe"><a href="http://ile-de-veles.forumactif.com/groupcp.forum?g=6"><font color="#59B9DD">Savants Fous</font></a></span></td><td width="25%"> <span class="groupe"><a href="http://ile-de-veles.forumactif.com/groupcp.forum?g=5"><font color="#1C953B">Victimes</font></a></td></tr></table></center><br /><br /> </td> </tr> <tr valign="bottom" width="100%"> <td width="100%"> <center><br><br> <span class="gensmall">{TOTAL_POSTS}. <br>{TOTAL_USERS}.</br> {NEWEST_USER}.<br><br> {TOTAL_USERS_ONLINE}.<br> {LOGGED_IN_USER_LIST}</span><br></center> </td> </tr> </table> <table width="100%"><tr width="100%"><td width="100%">{L_CONNECTED_MEMBERS}</td></tr></table> <!-- END disable_viewonline --> | | |
|
| | |
Phantasmagoria
{ Membre hyper-actif }
Messages : 1636
| Ha super comme ça ! Merci infiniment Sinon y a un autre problème que personnellement je n'ai pas. L'autre admin dit que le tableau est décalé sur le coté gauche ô_o Voila un imprim écran de ce qu\'elle voit : - Spoiler:
C'est normal si moi j'vois pas la même chose alors qu'on utilise firefox toutes les deux? | | |
|
| | |
Boow
{ Membre actif }
Messages : 866
| En fonction de votre configuration, il est bien évidemment possible que vous ne voyiez pas les mêmes choses. =) Pour centrer le QEEL, il faut mettre ce code :
- Code:
-
<!-- BEGIN disable_viewonline --> <center><table cellspacing="2" cellpadding="2" width="900" border="0" class="statistiques"> <tr valign="top" width="100%"> <td valign="top" width="100%"> <!-- Ci-suivent les Groupes du Haut --> <center><table width="100%"><tr width="100%;"><td width="25%"> <span class="groupe"><a href="http://ile-de-veles.forumactif.com/groupcp.forum?g=2"><font color="#B8169B">Direction</font></a></span></td><td width="25%"> <span class="groupe"><a href="http://ile-de-veles.forumactif.com/groupcp.forum?g=7"><font color="#FFFFD0">Employés de l'île</font></a></span></td><td width="25%"> <span class="groupe"><a href="http://ile-de-veles.forumactif.com/groupcp.forum?g=4"><font color="#E18155">Hybrides</font></a></span></td><td width="25%"> <span class="groupe"><a href="http://ile-de-veles.forumactif.com/groupcp.forum?g=6"><font color="#59B9DD">Savants Fous</font></a></span></td><td width="25%"> <span class="groupe"><a href="http://ile-de-veles.forumactif.com/groupcp.forum?g=5"><font color="#1C953B">Victimes</font></a></td></tr></table></center><br /><br /> </td> </tr> <tr valign="bottom" width="100%"> <td width="100%"> <center><br><br> <span class="gensmall">{TOTAL_POSTS}. <br>{TOTAL_USERS}.</br> {NEWEST_USER}.<br><br> {TOTAL_USERS_ONLINE}.<br> {LOGGED_IN_USER_LIST}</span><br></center> </td> </tr> </table> <table width="100%"><tr width="100%"><td width="100%">{L_CONNECTED_MEMBERS}</td></tr></table></center> <!-- END disable_viewonline --> | | |
|
| | |
Phantasmagoria
{ Membre hyper-actif }
Messages : 1636
| Oui parfait de ce coté. J'vais encore te déranger encore (promis c'est la dernière fois !) Donc j'ai mit le code sauf que ma cher co-admin veut déplacer les légendes au dessus du tableau comme le montre la pix
- Spoiler:
Le seul hic comme tu peux voir, c'est qu'ils ne sont pas alignés.
C'est possible de les aligner correctement.
Merci infiniment pour ta précieuse aide! | | |
|
| | |
Kaiji 
Blanche-Neige
Messages : 5578
| Bonjour,
Votre problème est-il résolu ?
| | |
|
| | |
Phantasmagoria
{ Membre hyper-actif }
Messages : 1636
| Non pas encore. J'arrive pas encore à les aligner correctement comme le montre l'image.
Donc si quelqu'un peut m'aider, je serai reconnaissant! | | |
|
| | |
Invité Invité
| Bonsoir,
Le problème est-il toujours d'actualité ?
| | |
|
| | |
Phantasmagoria
{ Membre hyper-actif }
Messages : 1636
| Et bien mon problème n'est pas résolu mais bon, j'abandonne ma recherche.
Tu peux classer ^^ | | |
|
| | |
Contenu sponsorisé
| |
| | |
| | Changer le tableau d'en bas | |
|
