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

Voir le sujet précédent Voir le sujet suivant Aller en bas

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

Message par MariePassion le Mar 23 Aoû 2011 - 22:22

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


Dernière édition par MariePassion le Dim 28 Aoû 2011 - 20:47, édité 1 fois

MariePassion
***

Messages : 102
Inscrit(e) le : 12/08/2011

http://batty.forum-canada.com/
MariePassion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire un qeel en 2 colonne avec une séparation pointillée

Message par SoraNoHime le Mar 23 Aoû 2011 - 22:32

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.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire un qeel en 2 colonne avec une séparation pointillée

Message par MariePassion le Mer 24 Aoû 2011 - 15:25

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)


MariePassion
***

Messages : 102
Inscrit(e) le : 12/08/2011

http://batty.forum-canada.com/
MariePassion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire un qeel en 2 colonne avec une séparation pointillée

Message par SoraNoHime le Mer 24 Aoû 2011 - 18:28

^^ 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 : http://forum.forumactif.com/t274260-modifier-le-qui-est-en-ligne-par-template?highlight=qui+est+en+ligne

Cordialement.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire un qeel en 2 colonne avec une séparation pointillée

Message par MariePassion le Jeu 25 Aoû 2011 - 16:11

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 ?

MariePassion
***

Messages : 102
Inscrit(e) le : 12/08/2011

http://batty.forum-canada.com/
MariePassion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire un qeel en 2 colonne avec une séparation pointillée

Message par [Nihil] le Jeu 25 Aoû 2011 - 18:03

{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.

[Nihil]
# Tropactif #

Messages : 1155
Inscrit(e) le : 10/12/2009

http://forum.forumactif.com
[Nihil] a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire un qeel en 2 colonne avec une séparation pointillée

Message par MariePassion le Jeu 25 Aoû 2011 - 20:55

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

MariePassion
***

Messages : 102
Inscrit(e) le : 12/08/2011

http://batty.forum-canada.com/
MariePassion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire un qeel en 2 colonne avec une séparation pointillée

Message par SoraNoHime le Jeu 25 Aoû 2011 - 23:39

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.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire un qeel en 2 colonne avec une séparation pointillée

Message par MariePassion le Ven 26 Aoû 2011 - 1:11

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

MariePassion
***

Messages : 102
Inscrit(e) le : 12/08/2011

http://batty.forum-canada.com/
MariePassion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire un qeel en 2 colonne avec une séparation pointillée

Message par SoraNoHime le Ven 26 Aoû 2011 - 1:46

^^ voici votre code corrigé :
Spoiler:
<!-- BEGIN disable_viewonline --> <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><span id="celine">{TOTAL_USERS_ONLINE}</span>
<script type="text/javascript">document.getElementById('celine').innerHTML=document.getElementById('celine').innerHTML.replace(/Il y a en tout/,"Il y a").replace(/utilisateur(s?) en ligne/,"grapheur$1 en ligne").replace(/\:\:/,"\:<br/>").replace(/Enregistré(s?)/,"grapheur$1").replace(/Invisible(s?) et/,"fantôme$1 et").replace(/Invité(s?)/,"futur$1 grapheur$1</center>");
</script><br/>
<hr class="separe">
<br/> <span id="bert">{TOTAL_POSTS}
</span>
<script type="text/javascript">document.getElementById('bert').innerHTML=document.getElementById('bert').innerHTML.replace(/Nos membres ont posté un total de/,"Nos grapheurs ont posté").replace(/messages/,"messages au total");
</script> </br>
<span id="matt">{TOTAL_USERS}
</span>
<script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/membres enregistrés/,"grapheurs enregistrés");
</script> </br>
<span id="yosh">{NEWEST_USER}
</span></center>
<script type="text/javascript">document.getElementById('yosh').innerHTML=document.getElementById('yosh').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"Le dernier grapheur à nous avoir rejoins est");
</script> </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><!-- END disable_viewonline -->
à mettre à la place du code placé entre <!-- BEGIN disable_viewonline --> et <!-- END disable_viewonline --> dans votre template index_body.

Cordialement.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire un qeel en 2 colonne avec une séparation pointillée

Message par MariePassion le Ven 26 Aoû 2011 - 15:42

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 -->

MariePassion
***

Messages : 102
Inscrit(e) le : 12/08/2011

http://batty.forum-canada.com/
MariePassion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire un qeel en 2 colonne avec une séparation pointillée

Message par SoraNoHime le Ven 26 Aoû 2011 - 20:34

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

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire un qeel en 2 colonne avec une séparation pointillée

Message par MariePassion le Dim 28 Aoû 2011 - 2:14

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 ?

MariePassion
***

Messages : 102
Inscrit(e) le : 12/08/2011

http://batty.forum-canada.com/
MariePassion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire un qeel en 2 colonne avec une séparation pointillée

Message par SoraNoHime le Dim 28 Aoû 2011 - 13:57

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.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire un qeel en 2 colonne avec une séparation pointillée

Message par MariePassion le Dim 28 Aoû 2011 - 20:23

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

MariePassion
***

Messages : 102
Inscrit(e) le : 12/08/2011

http://batty.forum-canada.com/
MariePassion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire un qeel en 2 colonne avec une séparation pointillée

Message par SoraNoHime le Dim 28 Aoû 2011 - 20:39

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

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire un qeel en 2 colonne avec une séparation pointillée

Message par MariePassion le Dim 28 Aoû 2011 - 20:47

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 ^^

MariePassion
***

Messages : 102
Inscrit(e) le : 12/08/2011

http://batty.forum-canada.com/
MariePassion a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum