Un QEEL personnalisable

[Maya Seiko]

Bonjour à vous mina-san.
Alors, voulant remettre à neuf mon forum rpg, je voulais demander s'il était possible de m'aider. Cela va concerner le QEEL principalement. J'aimerai qu'il ai la même forme et disposition que celui-ci :

Spoiler:

Merci à la personne qui pourra prendre ma demande en charge ^^
PS : Mon template est celui par défaut.

[Yoshikuni]

Je vais t'aider à le faire tu t'y connais un peu en codage ?

[Maya Seiko]

Je m'y connais un peu, mais si on m'explique ou me montre, je peux comprendre normalement ^^
Merci à toi, c'est vraiment très aimable ^^

[Yoshikuni]

Ok alors cela sera simple, quand on voit l'image on vois directement un tableau donc si tu connais le code html des tableaux pourrais tu m'en faire un ?

[Maya Seiko]

Je vais essayer dans faire un en espérant que cela ira.

Code:

<table class="forumline table1 bg3" cellspacing="1" width="100%">
<tbody>
<th colspan="1" rowspan="1" class="thTop forabg" width="50%"><div>image au choix</div><div>nom des groupes</div><div>le texte de base</div>
</th>
<th colspan="1" rowspan="1" class="thTop forabg" width="50%"><div>les utilisateurs enregistrés</div><div>possibilité d'image</div><div>liste des membres connectés au cours des 24 dernières heures</div></th>
</table>

Voilà ce qui sur mon forum marcherai si je met juste dans un simple sujet, après il doit vraiment avoir des erreurs. (je dois dire que je ne suis pas une experte loin de là XD)

[Yoshikuni]

colspan ainsi que rowspan non pas besoin d'être dans ton tableau ainsi que th, moi j'avais penser à ce tableau

Code:

<TABLE BORDER>
   <TR>
      <TD width="50%">image au choix + groupe</TD>
      <TD ROWSPAN=2>les utilisateurs enregistrés
possibilité d'image
liste des membres connectés au cours des 24 dernières heures</TD>
   </TR>
   <TR>
      <TD>le texte de base</TD>
   </TR>
</TABLE>

Qui est simple, qu'es ce que t'en pense ^^

[Maya Seiko]

En effet, c'est assez simple et je te fais confiance sur ce coup. Par contre, l'image qui sépare les deux tables, on la met où précisément ?
Merci pour le tableau ^^

[Yoshikuni]

il n'y a aucune image ils ont utilisé border-left pour séparer les deux tableau ^^ mais ça on fera après

Donc maintenant que l'on a la structure on fait la mise en page un par un on commence par le premier td. es ce que tu as déjà l'image ?

[Maya Seiko]

Voilà ce que je viens de faire vite fais ^^
https://2img.net/r/hpimg15/pics/28743834japl1copie.png

Spoiler:

[Yoshikuni]

Tu graphe bien ^^

Voila maintenant, le tableau

Code:

<TABLE BORDER width="100%">
   <TR>
      <TD width="50%" align="center"><img src="http://img15.hostingpics.net/pics/28743834japl1copie.png">
GROUPE 1 - GROUPE 2 - GROUPE 3 - GROUPE 4 - GROUPE 5 - GROUPE 6 - GROUPE 7 - GROUPE 8 - GROUPE 9 </TD>
      <TD ROWSPAN=2>les utilisateurs enregistrés
possibilité d'image
liste des membres connectés au cours des 24 dernières heures</TD>
   </TR>
   <TR>
      <TD>le texte de base</TD>
   </TR>
</TABLE>

Es ce que tu aurais un forum pour que je puisse voir la progression s'il te plait

[Maya Seiko]

Merci beaucoup ^^ (pour le compliment et le tableau)
Maintenant il faut que je modifie le template c'est ça ? ^^

[Yoshikuni]

oui pour continuer après à faire ton forum tout en voyant la progression

EDIt mais le sous [ hide] [ /hide] (sans l'espace) si tu veux que personne ne voit ton forum

[Maya Seiko]

D'accord ^^
Pour l'instant je vais le mettre sur mon forum tes afin d'avoir tout.

[Yoshikuni]

ok pas de problème

[Maya Seiko]

Donc pour la suite, je les oreilles grandes ouvertes ^^

[Yoshikuni]

Ok tu pourrais me passe ton adresse test

Donc passons au deuxième tableau sous le premier, tu sais modifié les texte de base ?

PS Si tu veux modifier les groupe (genre mettre un contour je peux te le faire)

[Maya Seiko]

Pour ce qui est du texte, non je ne sais pas le modifier ><'
Sinon pour les groupes, je pense que sans contour cela ira ^^

[Yoshikuni]

Ok

[Maya Seiko]

Hum merci ^^ C'est ce que je vais mettre dans mon template c'est ça ?

[Yoshikuni]

Non voici ce que tu dois mettre dans un premier temps

[Maya Seiko]

oh d'accord par contre, je le remplace avec quelle partie ? *oui chiante XD*

[Yoshikuni]

tu vas dans index body et tu doit le mettre entre <!-- BEGIN disable_viewonline --> et <!-- END disable_viewonline -->

[Maya Seiko]

Hummm cela me fais un drôle de truc XD Mais il y a quand même la base ^^

[Yoshikuni]

voila j'ai modfié pour que cela marche ^^

[Maya Seiko]

Ohhh merci c'est nikel comme ça ^^ *bisous*
Sur ce que tu as marqué en vert, je peux changer les phrases du coup ?

[Yoshikuni]

Oui tu change la partie ou on voit escargot

De plus mais un <br /> à coté de l'image cela sera plus jolie

[Maya Seiko]

D'accord merci ^^ Hum sinon, tu sais comment on peut faire pour enlever le cadre et mettre justement la bordure comme sur l'exemple ?

[Yoshikuni]

oui pour enlever le cadre tu enlève le border dans table et au deuxième TD tu mets <TD ROWSPAN="2" style="border-left: 2px #000000 dashed;">

[Maya Seiko]

Ohhh merci beaucoup!!!! *gros câlin*
Franchement tu m'as été d'une grande aide ♪

[Yoshikuni]

de rien mais on a pas fini il reste le dernier tableau ^^