Sujets similaires

Sujet: Qestion sur le QEL Sam 10 Oct 2009, 06:30

Bonjour ! Merci à celui qui prendra le temps de m'aider !

Voilà, j'aimerai savoir : comment fait-on un QEL comme ceci ?

Spoiler:

Sujet: Re: Qestion sur le QEL Sam 10 Oct 2009, 08:01

question tres vague mais il ya une chose pour faire un tel QUEL il faut changer les templates.

Sujet: Re: Qestion sur le QEL Sam 10 Oct 2009, 08:03

C'est quoi qu'il faut changer ? Avec quel code ?

Sujet: Re: Qestion sur le QEL Sam 10 Oct 2009, 19:59

Je ne connais pas le code, mais comme t'as dit Iowan, il faut changer les templates directement.
C'est la structure du forum.

Sujet: Re: Qestion sur le QEL Dim 11 Oct 2009, 04:10

Ouais mais comme je n'y connais rien =/ ça serait super sympatoche si on pouvait me faire un ptit tuto...

Sujet: Re: Qestion sur le QEL Dim 11 Oct 2009, 04:20

Citation :: C'est quoi qu'il faut changer ? Avec quel code ?

Ta question est super vague!

Y'a pas un code, y'en a des dizaines de possibles pour faire un QEEL dans le même esprit !
Faut aller dans le template index_body, la partie QEEL est vers la fin. Là y'a pas 36 solutions, tu modifies certains trucs pour voir ce que ça fait, et ainsi comprendre le fonctionnement du truc.

Bon pour être plus clair, voici la partie du template qui comprend le QEEL de ton forum :

Code:: 
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
 <td class="catHead" colspan="2" height="28"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></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%">{TOTAL_POSTS} 
 {TOTAL_USERS} 
 {NEWEST_USER}</td>
</tr>
<tr>
 <td class="row1">{TOTAL_USERS_ONLINE} 
 {RECORD_USERS} 
 
 {LOGGED_IN_USER_LIST}</td>
</tr>
{L_CONNECTED_MEMBERS}
{L_WHOSBIRTHDAY_TODAY}
{L_WHOSBIRTHDAY_WEEK}
<tr>
 <td class="row1">{LEGEND} : {GROUP_LEGEND}</td>
</tr>

<tr>
 <td class="row1">
 {TOTAL_CHATTERS_ONLINE} : {CHATTERS_LIST} 
 
 <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>
 
 
 </td>
</tr>

</table>

Les forums sont organisés d'une succession de tableaux, donc si tu connais les bases des tableaux en xhtml tu peux largement comprendre ce code. Pour un petit rappel :
Le tableau commence avec la balise TABLE.
La balise TR est une "ligne" du tableau.
TD est une cellule du tableau.

Code:: <td class="catHead" colspan="2" height="28"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></td>

Par exemple, cette partie du code est la cellule dans laquelle est écrite la phrase "Qui est en Ligne". En retirant "{L_WHO_IS_ONLINE}" et en écrivant à la place "patate crue", bha y'aura "patate crue" écrit et pas "qui est en ligne".

Code:: <td class="row1" width="100%">{TOTAL_POSTS} 
{TOTAL_USERS} 
{NEWEST_USER}</td>

Et celle-ci c'est les stats (nb d'utilisateurs, de messages et dernier membre.)

Bref, bidouiller un QEEL n'est pas trop compliqué, vu qu'il s'agit d'un tableau relativement basique o/ C'est un peu comme bidouiller le message d'accueil, en fait ^^

Edit : Ah bha pas assez rapide x) bon je vais détailler les autres parties alors.

Code:: <td class="row1">{TOTAL_USERS_ONLINE} 
 {RECORD_USERS} 
 
 {LOGGED_IN_USER_LIST}</td>

"{TOTAL_USERS_ONLINE}", c'est quand il y a marqué qu'il ya a 5 membres en ligne, 3 enregistré, 1 invisible et 1 invité par exemple.
"{RECORD_USERS}" c'est la phrase qui dit "e record du nombre d'utilisateurs en ligne est de 5 le Sam 19 Sep 2009 - 20:3"
{LOGGED_IN_USER_LIST} et ça c'est les pseudos des membres connectés.
=> En bref, cette cellule est la seconde cellule des QEEL classiques.

Après on trouve ça :
{L_CONNECTED_MEMBERS}
{L_WHOSBIRTHDAY_TODAY}
{L_WHOSBIRTHDAY_WEEK}
ça c'est les anniversaires. Très honnêtement moi ça me gonfle alors je supprime ces trucs Razz

Et enfin, dernière cellule :

Code:: <td class="row1">{LEGEND} : {GROUP_LEGEND}</td>

C'est ta légende ^^ Les groupes, toussa.

Après, tu me diras, y'a encore une partie.

Code:: 
 <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>
 
 
 </td>
</tr>

Sauf que ça c'est plus le QEEL, c'est la chatbox, donc mieux vaut ne pas y toucher, je pense '_'

Edit : je vais essayer de faire un message plus clair, sous forme de tuto ^^"
Edit : voila, j'ai posté le tuto -__- prise de tête ce truc, mais au moins c'est fait XD Tuto sur "comprendre son qeel"

Sujet: Re: Qestion sur le QEL Dim 11 Oct 2009, 08:48

Merci beaucoup !!
Tu as du t'embéter à faire tout ça. Merci merci ^^

Sujet: Re: Qestion sur le QEL Dim 11 Oct 2009, 09:03

Alors en fait, je te conseille de supprimer le tableau et tout refaire par toi même. Mais il faut s'y connaitre en (X)HTML (j'ai eu du mal avec les tableaux comme j'ai une mémoire très visuelle).
Tu le mets juste entre les balises "" et ""

Edit Johian : Je me suis permis de désactiver le html dans ton message car les balises n'apparaissaient pas.

Sujet: Re: Qestion sur le QEL Dim 11 Oct 2009, 10:06

Oki merci beaucoup ! Je vais essayer et je vous montrerai ^^ Si ça vous intéresse bien sur ...

Edit : Niarouf! T.T J'y arrive pas trop. En même temps je veux pas tout supprimer. Quel bordel.....
Je suis vraiment une quiche. J'aimeriez bien vous demander de le faire mais ce serait bien impolie Embarassed

Sujet: Re: Qestion sur le QEL Dim 11 Oct 2009, 10:28

Vi montre nous =P
Merci Johian pour l'edit !

Sujet: Re: Qestion sur le QEL Dim 11 Oct 2009, 10:49

De rien xD
Alors en fait c'est simple, comme l'a dit Naara, souvent le plus simple c'est de tout effacer et recommencer. De toute manière, un template ça n'a pas trop d'importance, puisque si tu le "rates", tu peux le supprimer et ainsi remettre le template par défaut.

Ensuite, nous demander de le faire. Moi je ne suis pas partisan de ça, car, de mon point de vue, il est plus important de savoir faire, plutôt que de déléguer aux autres restant ainsi dans l'ignorance (attention, ces propos ne sont pas pour toi hein ^^). Par contre, on peut toujours t'aider s'il y a un point auquel tu bloques, comme pour Saya

Au final, comme je l'ai dit, le QEEL c'est juste un gros tableau. Il te suffit de visualiser ce que tu souhaites, et après c'est super simple - avec un peu de CSS c'est mieux, certes. Sais-tu exactement ce que tu veux ?

Et aussi, connais-tu les tableaux en html ?

Sujet: Re: Qestion sur le QEL Dim 11 Oct 2009, 11:31

En gros, j'aimerai bien comme sur l'image que j'ai donné. À savoir :
- à gauche : les rangs "Staffloid" et "Modoloid" (rang de mon fow')
- au milieu : "Nos membres ont posté un total de 1082 messages
Nous avons 18 membres enregistrés
L'utilisateur enregistré le plus récent est Ayumu"
"Il y a en tout 2 utilisateurs en ligne :: 1 Enregistré, 0 Invisible et 1 Invité
Le record du nombre d'utilisateurs en ligne est de 6 le Mer 26 Aoû 2009 - 13:34
Utilisateurs enregistrés : " <- enfin tout ce bazar là
- à droite : les rangs "Pixeloid", "Dataloid", "Battleloid", "Vocaloid Members"
- et en bas : "Membres connectés au cours des 24 dernières heures "
Et pour l'image, j'aimerai qu'elle soit en fond de tout cela.

Quant aux tableaux, je me débrouille mais pas des trucs ultra compliqué.

Sujet: Re: Qestion sur le QEL Dim 11 Oct 2009, 11:41

Bon alors.
En gros il y a 3 colonnes et 2 lignes. La structure de ton tableau sera donc comme ceci :

Code:: <table background="LIEN IMAGE">
<tr>
<td> Colonne de gauche</td>
<td>Colonne du milieu</td>
<td>Colonne de droite</td>
</tr>
<tr>
<td colspan="3">Les membres co au cours des 24h</td>
</tr>
</table>

Et ensuite, il n'y a plus qu'à les remplir et à mettre le lien de l'image à la place de "LIEN IMAGE" et à modifier les valeurs des balises pour adapter la largeur des cellules, par exemple ^^
Pour le remplir, réfère-toi au tuto que j'ai posté Ici.
Par contre pour les rangs, si tu veux les séparer, il va falloir les entrer à la main. C'est à dire que, si je me base sur ton forum, pour le rang "pixeloid" par exemple, il te faudra faire ça :

Code:: <a href="http://vocaloid.bbactif.com/groupcp.forum?g=8">Pixeloid</a>

De même pour tous les groupes ^^"

J'espère être clair ._.

Sujet: Re: Qestion sur le QEL Dim 11 Oct 2009, 12:13

J'ai essayé quelque chose seulement j'ai du me tromper pour la cellule du milieu car j'ai un truc bizarre (j'ai pas mis d'image):

Spoiler:

Voilà le code que j'ai tapé :

Code:: 
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" background="LIEN IMAGE">
<tr>
<td> <a href="http://vocaloid.bbactif.com/groupcp.forum?g=9">Staffloid</a>
<a href="http://vocaloid.bbactif.com/groupcp.forum?g=9">Modoloid</a>
</td>

<td><td class="row1" width="100%">{TOTAL_POSTS} 
 {TOTAL_USERS} 
 {NEWEST_USER}</td>
<td class="row1">{TOTAL_USERS_ONLINE} 
 {RECORD_USERS} 
 
 {LOGGED_IN_USER_LIST}</td></td>

<td><a href="http://vocaloid.bbactif.com/groupcp.forum?g=8">Pixeloid</a>
<a href="http://vocaloid.bbactif.com/groupcp.forum?g=9">Dataloid</a>
<a href="http://vocaloid.bbactif.com/groupcp.forum?g=7">Battleloid</a>
<a href="http://vocaloid.bbactif.com/groupcp.forum?g=3">Vocaloid Members</a>
</td>
</tr>
<tr>
<td colspan="3">{L_CONNECTED_MEMBERS}</td>
</tr>
</table>

Sujet: Re: Qestion sur le QEL Dim 11 Oct 2009, 12:35

Déjà c'est bizarre, tu as mis deux TD dans une seule TD... Je ne sais pas ce que tu as voulu faire, mais ça marche apparemment pas xD

Citation :: 
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" background="LIEN IMAGE">
<tr>
<td> <a href="http://vocaloid.bbactif.com/groupcp.forum?g=9">Staffloid</a>
<a href="http://vocaloid.bbactif.com/groupcp.forum?g=9">Modoloid</a>
</td>

<td><td class="row1" width="100%">{TOTAL_POSTS} 
{TOTAL_USERS} 
{NEWEST_USER}</td>
<td class="row1">{TOTAL_USERS_ONLINE} 
{RECORD_USERS} 
 
{LOGGED_IN_USER_LIST}</td></td>

<td><a href="http://vocaloid.bbactif.com/groupcp.forum?g=8">Pixeloid</a>
<a href="http://vocaloid.bbactif.com/groupcp.forum?g=9">Dataloid</a>
<a href="http://vocaloid.bbactif.com/groupcp.forum?g=7">Battleloid</a>
<a href="http://vocaloid.bbactif.com/groupcp.forum?g=3">Vocaloid Members</a>
</td>
</tr>
<tr>
<td colspan="3">{L_CONNECTED_MEMBERS}</td>
</tr>
</table>

Essaye ceci, je ne sais pas si tu voulais que ça fasse ça mais bon :

Code:: 
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" background="LIEN IMAGE">
<tr>
<td rowspan="2"> <a href="http://vocaloid.bbactif.com/groupcp.forum?g=9">Staffloid</a>
<a href="http://vocaloid.bbactif.com/groupcp.forum?g=9">Modoloid</a>
</td>

<td class="row1" width="100%">{TOTAL_POSTS} 
{TOTAL_USERS} 
{NEWEST_USER} 
{TOTAL_USERS_ONLINE} 
{RECORD_USERS} 
 
{LOGGED_IN_USER_LIST}</td>

<td><a href="http://vocaloid.bbactif.com/groupcp.forum?g=8">Pixeloid</a>
<a href="http://vocaloid.bbactif.com/groupcp.forum?g=9">Dataloid</a>
<a href="http://vocaloid.bbactif.com/groupcp.forum?g=7">Battleloid</a>
<a href="http://vocaloid.bbactif.com/groupcp.forum?g=3">Vocaloid Members</a>
</td>
</tr>{L_CONNECTED_MEMBERS}
</table>

Sujet: Re: Qestion sur le QEL Dim 11 Oct 2009, 13:55

Sisi, c'est ça Merci beaucoup Johian !!!

Par contre un dernier ptit truc.(hey oui je suis bien chiante, excusez moi...).
J'aimerai bien que les cellules sur les cotés soient un peu plus large. Et que les lignes du tableau ne soit pas visible. Comme ça, on verrai que l'image.
J'ai réussi à centrer les textes toute seule (ouais la victoire de ouf! X_X)

Sujet: Re: Qestion sur le QEL Dim 11 Oct 2009, 14:17

xD bien joué !
Alors pour que les cellules des cotés soient plus larges, il te suffit de l'indiquer grâce à l'attribut "Width", comme tu l'avais fait avec la balise TABLE.
Ensuite, pour pas que les bords apparaissent, je te conseil de retirer les "class" que tu as attribuées à tes balises, car ça reprend celles utilisées pour un QEEL normal, or si tu veux mettre une image au fond et changer la disposition, c'est pas forcément esthétique.

Bref, en gros ça donne ça :

Code:: 
<table width="100%" border="0" cellspacing="1" cellpadding="0" background="LIEN IMAGE">
<tr>
<td rowspan="2" width="20%" align="center"> <a href="http://vocaloid.bbactif.com/groupcp.forum?g=9">Staffloid</a>
<a href="http://vocaloid.bbactif.com/groupcp.forum?g=9">Modoloid</a>
</td>

<td width="60%%" align="center">{TOTAL_POSTS} 
{TOTAL_USERS} 
{NEWEST_USER} 
{TOTAL_USERS_ONLINE} 
{RECORD_USERS} 
 
{LOGGED_IN_USER_LIST}</td>

<td width="20%" align="center"><a href="http://vocaloid.bbactif.com/groupcp.forum?g=8">Pixeloid</a>
<a href="http://vocaloid.bbactif.com/groupcp.forum?g=9">Dataloid</a>
<a href="http://vocaloid.bbactif.com/groupcp.forum?g=7">Battleloid</a>
<a href="http://vocaloid.bbactif.com/groupcp.forum?g=3">Vocaloid Members</a>
</td>
</tr>{L_CONNECTED_MEMBERS}
</table>

Alors par contre attention. Là j'ai dit que les colonnes des côtés faisaient 20% du total, chacune, et que donc celle du centre faisait 60% de la largeur totale (tu peux bien entendu changer tout ça pourvu que ça soit égal à 100% en tout), mais comme les cellules sont plus larges, les rangs s'écrivent les uns à la suite des autres ! Donc n'oublie pas d'utiliser la balises BR si jamais tu veux qu'ils soient les uns sous les autres Wink

Ah, en passant, comme tu m'as dit avoir centré les textes, j'ai aussi rajouté l'attribut qui les centre dans les balises pour pas que tu aies à le refaire, mais si y'a un truc qu'est pas centré comme tu le souhaites, hésite pas à retirer "align="center"" aux endroits voulus ^^

Sujet: Re: Qestion sur le QEL Dim 11 Oct 2009, 14:19

Merci !!
Tu est trop sympa =D Je t'ai fait un cadeau pour la peine =3

Sujet: Re: Qestion sur le QEL Dim 11 Oct 2009, 14:22

Huhu mais non, de rien ^^"
Un cadeau ? Hihi, non, moi tout ce qui m'intéresse c'est que tu aies compris comment ça marche Very Happy

J'ai ajouté un édit pendant que tu postais, je le remets là au cas où :

Citation :: Ah, en passant, comme tu m'as dit avoir centré les textes, j'ai aussi rajouté l'attribut qui les centre dans les balises pour pas que tu aies à le refaire, mais si y'a un truc qu'est pas centré comme tu le souhaites, hésite pas à retirer "align="center"" aux endroits voulus ^^

Bref voili voilou, tu as d'autres questions ? *w*

Sujet: Re: Qestion sur le QEL Dim 11 Oct 2009, 15:00

Une dernière oui ^^
J'aimerai bien que les rangs soit plus en haut de la cellule. Par contre, le texte du milieu, j'aimerai qu'il soit plus en bas. C'est possible?

Si tu bidouille le code, le voilà avec mes modifications :

Code:: 
<table width="100%" border="0" cellspacing="1" cellpadding="0" background="http://img340.imageshack.us/img340/8606/sanstitre2ox.png">
<tr>
<td rowspan="2" width="20%" align="center" height="300"> 

<a href="http://vocaloid.bbactif.com/groupcp.forum?g=9">Staffloid</a> 
<a href="http://vocaloid.bbactif.com/groupcp.forum?g=9">Modoloid</a> 
</td>

<td width="60%%" align="center">{TOTAL_POSTS} 
{TOTAL_USERS} 
{NEWEST_USER} 
{TOTAL_USERS_ONLINE} 
{RECORD_USERS} 
 
{LOGGED_IN_USER_LIST}</td>

<td width="20%" align="center"> 
<a href="http://vocaloid.bbactif.com/groupcp.forum?g=8">Pixeloid</a> 
<a href="http://vocaloid.bbactif.com/groupcp.forum?g=9">Dataloid</a> 
<a href="http://vocaloid.bbactif.com/groupcp.forum?g=7">Battleloid</a> 
<a href="http://vocaloid.bbactif.com/groupcp.forum?g=3">Vocaloid Members</a>
</td>
</tr>{L_CONNECTED_MEMBERS}
</table>

Sujet: Re: Qestion sur le QEL Dim 11 Oct 2009, 15:22

Coucou ^^
Bon alors y'a la méthode radicale, celle des "valign" :

Code:: 
<table width="100%" border="0" cellspacing="1" cellpadding="0" background="http://img340.imageshack.us/img340/8606/sanstitre2ox.png">
<tr>
<td rowspan="2" width="20%" align="center" height="300" valign="top"> 

<a href="http://vocaloid.bbactif.com/groupcp.forum?g=9">Staffloid</a> 
<a href="http://vocaloid.bbactif.com/groupcp.forum?g=9">Modoloid</a> 
</td>

<td width="60%%" align="center" valign="bottom">{TOTAL_POSTS} 
{TOTAL_USERS} 
{NEWEST_USER} 
{TOTAL_USERS_ONLINE} 
{RECORD_USERS} 
 
{LOGGED_IN_USER_LIST}</td>

<td width="20%" align="center" valign="top"> 
<a href="http://vocaloid.bbactif.com/groupcp.forum?g=8">Pixeloid</a> 
<a href="http://vocaloid.bbactif.com/groupcp.forum?g=9">Dataloid</a> 
<a href="http://vocaloid.bbactif.com/groupcp.forum?g=7">Battleloid</a> 
<a href="http://vocaloid.bbactif.com/groupcp.forum?g=3">Vocaloid Members</a>
</td>
</tr>{L_CONNECTED_MEMBERS}
</table>

Après si tu trouves que c'est TROP radical justement, je crois qu'il y a une méthode pour positionner exatement où l'on veut, je sais plus trop, mais on peut tricher, en indiquant un PADDING, comme ceci :

Code:: 
<table width="100%" border="0" cellspacing="1" cellpadding="0" background="http://img340.imageshack.us/img340/8606/sanstitre2ox.png">
<tr>
<td rowspan="2" width="20%" align="center" height="300" style="padding-top: 30px" valign="top"> 

<a href="http://vocaloid.bbactif.com/groupcp.forum?g=9">Staffloid</a> 
<a href="http://vocaloid.bbactif.com/groupcp.forum?g=9">Modoloid</a> 
</td>

<td width="60%%" align="center" style="padding-top: 100px" valign="top">{TOTAL_POSTS} 
{TOTAL_USERS} 
{NEWEST_USER} 
{TOTAL_USERS_ONLINE} 
{RECORD_USERS} 
 
{LOGGED_IN_USER_LIST}</td>

<td width="20%" align="center" style="padding-top: 30px" valign="top"> 
<a href="http://vocaloid.bbactif.com/groupcp.forum?g=8">Pixeloid</a> 
<a href="http://vocaloid.bbactif.com/groupcp.forum?g=9">Dataloid</a> 
<a href="http://vocaloid.bbactif.com/groupcp.forum?g=7">Battleloid</a> 
<a href="http://vocaloid.bbactif.com/groupcp.forum?g=3">Vocaloid Members</a>
</td>
</tr>{L_CONNECTED_MEMBERS}
</table>

J'ai mis des valeurs au hasard dans le padding top, ces valeurs sont en pixels, hésite pas à les modifier.

Alors donc, pour expliquer. Valign sert à indiquer où se trouve le texte dans la cellule. Top pour en haut, rien au pour milieu, et bottom pour en bas.
Le Padding (qui peut être top, bottom, left ou right) sert à indiquer une "marge" entre l'élément et le bord. Donc c'est là dessus qu'on triche pour que ça soit plus bas ou plus haut dans la cellule x)

Sujet: Re: Qestion sur le QEL Dim 11 Oct 2009, 15:39

Ben moi, je dit c'est parfait tout ça !
Tiens, je t'aurais bien fait un bizoux si un écran d'ordi nous séparait pas Smack Smack

Sujet: Re: Qestion sur le QEL Dim 11 Oct 2009, 16:15

Arrête j'vais rougir !
Bref, si tu n'as pas d'autres questions, puis-je classer la demande ?

Sujet: Re: Qestion sur le QEL Mar 13 Oct 2009, 13:06

Oui =)

Qestion sur le QEL

Qestion sur le QEL

Sujets similaires

Sujets similaires

Partenaires Or