Faire un qeel en 2 colonne avec une séparation pointillée

[MariePassion]

Bonjours,

J'ai un probléme avec mon qeel. En fait je n'y connais rien en qeel. Par contre, je connais des truck en HTML et CSS (surtout au niveau des tableau).

Donc voici se que j'aimerais faire :



Merci de prendre de votre temps pour moi ^^

Marie

[SoraNoHime]

Bonsoir

Puisque vous savez comment créer un tableau, faites celui de votre qeel mais sans les éléments internes à l'exception des groupes que vous pouvez déjà mettre sous cette forme pour chaque :

<a href="adresse de la page du groupe"><font color="couleur du groupe">Nom du groupe</a>

.

Puis fournissez le moi et je vous indiquerai comment replacer les éléments des statistiques dans ce dernier.

Cordialement.

[MariePassion]

Code:

[TABLE BORDER WIDTH=743 HEIGHT=374]
 [TR][TD COLSPAN=2 HEIGHT=50][size=24][i] [center]Qui est en ligne ?[/center] [/i][/size]  [/TD][/TR]

 [TR][TD WIDTH=371 HEIGHT=137] [center](Statistique)[/center] [/TD][TD WIDTH=371 HEIGHT=137][center]Légende [/center]

[a href="http://animationgraph.forum-canada.com/g1-administrateurs"][font color="#F745B0"]Administrateurs[/a]

<a href="http://animationgraph.forum-canada.com/g2-moderateurs"><font color="#5CA5FF">Moderateurs</a>

<a href="http://animationgraph.forum-canada.com/g3-animateurs"><font color="#FCB946">Animateurs</a>

<a href="http://animationgraph.forum-canada.com/g6-graphiste"><font color="#E58AFC">Graphiste</a>

<a href="http://animationgraph.forum-canada.com/g7-codeur"><font color="#A3FC5B">Codeur</a>

<a href="http://animationgraph.forum-canada.com/g5-correcteurs"><font color="#FF7070">Correcteurs</a>

<a href="http://animationgraph.forum-canada.com/g4-membres"><font color="#9E9E9E">membres</a>


[/TD][/TR]
 [/TABLE]

Voila le code de mon tableau. Il n'y a encore aucune finition mais la base est là (Les cellules, les groupe, et les titre temporaire)

[SoraNoHime]

^^ bien.
vous avez par contre une petite erreur dans vos groupes. Vous avez mis un bbcode plutot que du html. e vous laisse corriger cela ^^

Code:

[a href="http://animationgraph.forum-canada.com/g1-administrateurs"][font color="#F745B0"]Administrateurs[/a]

En fait il vous suffit de replacer ensuite les balises voulues dans la cellule statistique.

Code:

{TOTAL_USERS_ONLINE} <hr class="separe">
{TOTAL_POSTS}<br/>
{TOTAL_USERS}<br/>
{NEWEST_USER}

mettez dans votre css pour faire la barre de séparation :
.separe {
border : 2px dotted #ff0000;
width:70%;
}

à personnaliser.

vous pouvez commencer à personnaliser votre tableau comme vous le désirez en intégrant la css. Si vous avez un problème, un code manquant vous pouvez me demander ^^.

Pour les phrases je vous invite à lire ce tutoriel : https://forum.forumactif.com/t274260-modifier-le-qui-est-en-ligne-par-template?highlight=qui+est+en+ligne

Cordialement.

[MariePassion]

donc du côté statistique je doit écrire cela ?

Code:

Il y a {TOTAL_USERS_ONLINE} <hr class="separe"> grapheur(s) en ligne: *grapheur(s), *fantôme(s), *futur grapheur(s)

Nos grapheurs ont posté {TOTAL_POSTS} messages au total
Nous avons {TOTAL_USERS} grapheurs enregistrés
Le dernier grapheur à nous avoir rejoins est {NEWEST_USER}

Je ne sais pas quoi metre ou il y à des * et par la suite où je vais metre mon tableau ?

[[Nihil]]

{TOTAL_USERS_ONLINE} va générer la phrase "Nos membres ont posté un total de 35766 messages", de même que les autres balises. Pour modifier les phrases, je te conseille de jeter un coup d'oeil sur ce post.

[MariePassion]

Je suis désolé mais la je suis totalement perdu... Je ne comprend pas ce post...

[SoraNoHime]

Puis-je avoir votre tableau avec les éléments que je vous ai donné mis dans la cellule des statistiques. e vous expliquerai plus en détail la suite ^^

COrdialement.

[MariePassion]

Code:

[TABLE BORDER WIDTH=743 HEIGHT=374]
 [TR][TD COLSPAN=2 HEIGHT=50][size=24][i] [center]Qui est en ligne ?[/center] [/i][/size]  [/TD][/TR]

 [TR][TD WIDTH=371 HEIGHT=137] [center]Il y a {TOTAL_USERS_ONLINE} <hr class="separe"> grapheur(s) en ligne: *grapheur(s), *fantôme(s), *futur grapheur(s)
</br>
</br>
</br>
Nos grapheurs ont posté {TOTAL_POSTS} messages au total</br>
Nous avons {TOTAL_USERS} grapheurs enregistrés</br>
Le dernier grapheur à nous avoir rejoins est {NEWEST_USER} [/center] [/TD]

[TD WIDTH=371 HEIGHT=137][center]Légende [/center]

[a href="http://animationgraph.forum-canada.com/g1-administrateurs"][font color="#F745B0"]Administrateurs[/a]

<a href="http://animationgraph.forum-canada.com/g2-moderateurs"><font color="#5CA5FF">Moderateurs</a>

<a href="http://animationgraph.forum-canada.com/g3-animateurs"><font color="#FCB946">Animateurs</a>

<a href="http://animationgraph.forum-canada.com/g6-graphiste"><font color="#E58AFC">Graphiste</a>

<a href="http://animationgraph.forum-canada.com/g7-codeur"><font color="#A3FC5B">Codeur</a>

<a href="http://animationgraph.forum-canada.com/g5-correcteurs"><font color="#FF7070">Correcteurs</a>

<a href="http://animationgraph.forum-canada.com/g4-membres"><font color="#9E9E9E">membres</a>


[/TD][/TR]
 [/TABLE]

Voila mais je n'est toujours pas changé les * car je ne sais toujours pas quoi metre =o

[SoraNoHime]

^^ voici votre code corrigé :

Spoiler:

à mettre à la place du code placé entre <!-- BEGIN disable_viewonline --> et <!-- END disable_viewonline --> dans votre template index_body.

Cordialement.

[MariePassion]

bojour, merci pour le code j'ai hâte de voir se que ça va donné =D , mais je ne trouve pas <!-- BEGIN disable_viewonline --> et <!-- END disable_viewonline --> . Mon template à déjàs été modifier mais à mes souvenir il ne sagissais pas de la partie qeel mais du nombre de sujet et message que j'avais suprimer. Mais bon je vous montre mon tamplate :

Code:

<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <td valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall">{LAST_VISIT_DATE}<br />
         {CURRENT_TIME}<br />
         </span>
         <!-- END switch_user_logged_in -->
         <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
         <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
         <!-- END switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
   </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
      
      <th nowrap="nowrap" width="150"><div style="width:150px;"></div></th>
   </tr>
   <!-- END tablehead -->
   <!-- BEGIN cathead -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
         <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
               <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
         </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
   </tr>
   <!-- END cathead -->
   <!-- BEGIN forumrow -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
         <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
         <table width="100%"><tbody><tr><td><h{catrow.forumrow.LEVEL} class="hierarchy">            <span class="forumlink">              <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>            </span>        </h{catrow.forumrow.LEVEL}></td><td style="padding-left: 40px; text-align: right;" class="gensmall">{catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets.</td></tr></tbody></table>
         <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
         <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
         </span>
      </td>
      
      <td class="row3 over" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>
   </tr>
   <!-- END forumrow -->
   <!-- BEGIN catfoot -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
   </tr>
   <!-- END catfoot -->
   <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

[SoraNoHime]

^^ normal c'est celui de l'index_box ici... Je vous ai parlé de l'index_body moi

[MariePassion]

Merci =D sa marche, mais j'ai un probléme mes groupe reste sur la même ligne et cela ne fait pas vraiment beau =S j'ai éssaillé avec la balise </br> pour les séparé, mais rien ... il y à une solution ?

[SoraNoHime]

la solution pourrait venir d'un tableau dans le tableau pour vos groupes

avec un cellspacing inséré dans votre <table>, l'espacemet se ferait de lui même égal à tous vos groupes.

Cordialement.

[MariePassion]

bonjour,
j'ai pas vrament compri =S je doit faire quoi ?

[SoraNoHime]

regroupez vos groupes dans un tableau. lequel se mettra dans votre tableau du qeel dans la cellule où vous avez actuellement vos groupes ^^

[MariePassion]

Mon dieu la honte j'avais oublier de publier aprés mes modification ... donc ça marche =D Un grand merci d'avoir pris du temps pour moi ^^