qeel personnalié- tuto

[Alec Turner]

bon ben voila, je viens demander de l'aide, du moins des liens de tutos pour réaliser le qeel que j'ai envie, cela fait trois mois que j'ai passé une commande sans réponse, donc j'aurais autant de chance a mettre un mois à le faire ^-^

mon qeel est actuellement celui de base, voici ce a quoi je voudrais arriver

Spoiler:

avec une "infobulle pour chaque groupe" j'ai déjà créé le code infobulle j'ai regardé un peu sur le fo je me dis il faut surement utiliser un tableau trois colonnes mais je n'en sais pas plus. Auriez-vous des tutos qui peuvent m'aider?

[SoraNoHime]

Bonsoir

Savez-vous créer des tableaux ?

Cordialement.

[Alec Turner]

bah généralement je bidouille sur les modèles de base donné par forumactif ^-^

[SoraNoHime]

Ok je vais vous donner un tuto rapide pour le qeel. Il s'agit en fait de faire un tableau, puis d'y incorporer votre css, et enfin d'y remettre les balises ^^ Voyez ce n'est pas plus difficile.

Faites donc un tableau à 4 lignes et 3 colonnes, mais dont celle du milieu comportera une fusion de ligne (rowspan="4" à mettre dans le <td>)

Si vous y arrivez, incorporez vos infobulle là où elles doivent se trouver. Puis fournissez moi votre tableau, problème ou pas, et e vous indiquerai comment faire pour la suite ^^

Cordialement.

[Alec Turner]

[SoraNoHime]

C'est impeccable ^^

Mettez le à la place de l'emplacement du qeel dans le template index_body. remplacez ce code :

Code:

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <td class="catHead" colspan="2" height="28">
      <!-- BEGIN switch_viewonline_link -->
      <span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
      <!-- END switch_viewonline_link -->

      <!-- BEGIN switch_viewonline_nolink -->
      <span class="cattitle">{L_WHO_IS_ONLINE}</span>
      <!-- END switch_viewonline_nolink -->
      </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%"><span class="gensmall">{TOTAL_POSTS}<br />
      {TOTAL_USERS}<br />
      {NEWEST_USER}</span></td>
   </tr>
   <tr>
      <td class="row1"><span class="gensmall">{TOTAL_USERS_ONLINE}<br />
      {RECORD_USERS}<br />
      <br />
      {LOGGED_IN_USER_LIST}</span></td>
   </tr>
   {L_CONNECTED_MEMBERS}
   {L_WHOSBIRTHDAY_TODAY}
   {L_WHOSBIRTHDAY_WEEK}
   <tr>
      <td class="row1"><span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></td>
   </tr>
   <!-- BEGIN switch_chatbox_activate -->
   <tr>
      <td class="row1">
         <span class="gensmall">{TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST}<br />
            <!-- BEGIN switch_chatbox_popup -->
            <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>
            <!-- END switch_chatbox_popup -->
         </span>
      </td>
   </tr>
   <!-- END switch_chatbox_activate -->
</table>

Par le votre.

puis à l'intérieur de la cellule Item 2 , insérez les balises des stats :

Code:

<span class="gensmall">{TOTAL_POSTS}<br />
      {TOTAL_USERS}<br />
      {NEWEST_USER}<br />
{TOTAL_USERS_ONLINE}<br />
      {RECORD_USERS}<br />
      <br />
      {LOGGED_IN_USER_LIST}
   <table>{L_CONNECTED_MEMBERS}</table>
   <table>{L_WHOSBIRTHDAY_TODAY}
   {L_WHOSBIRTHDAY_WEEK}</table>
   <!-- BEGIN switch_chatbox_activate -->
         <span class="gensmall">{TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST}<br />
            <!-- BEGIN switch_chatbox_popup -->
            <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>
            <!-- END switch_chatbox_popup -->
   <!-- END switch_chatbox_activate -->

Y'a-t-il des problèmes ?

[Alec Turner]

en fait ce n'est pas tout a fait ce que je souhaitais. j'aurais aimé avoir un tableau qui entoure le tout avec une couleur de fond propre et que le item 2 ait une autre couleur de fond

et enfin comme puis)je ajouter la légende des connectés en dessous ^-^ on avance on avance et j'ai appris des choses ca c'est bien

ps: je vais dormir, pour faire des codes faut avoir l'esprit clair ^-^

[SoraNoHime]

Bonne nuit. Pour le reste des codes, cela se passera par de la css l'insersions de div si besoin, mais vous avez fait le plus gros la structure.

Pour les connectés. Enlevez :

Code:

<table>{L_CONNECTED_MEMBERS}</table>

de votre code actuel, puis placez le derrière le </table> de votre tableau ainsi :

Code:

<center><div class="connect24"><table class="trans">{L_CONNECTED_MEMBERS}</table></div></center>

personnaliser son emplacement par de la css à .connect24, et mettez le en transparent grace à cet css :

Code:

.trans .row1 {background-color :transparent;}

[Alec Turner]

ok ok jusque la je comprend ' c'est je trouve un miracle me connaissant. Il me reste le tableau enfin du moins le fond, dois-je passer par la css ou l'ajouter dans le tableau que j'ai fait?

[SoraNoHime]

Par la css ^^ insérez un tour et un fond à votre tableau en insérant une class="qeel" dans votre <table>puis personnaliser la par la css dans un .qeel

Faites en autant pour les statistiques en mettant class="stats" dans la cellule (td) qui les contient, puis personnaliser dans la feuille css dans un .stats

par contre il faut changez un point. Repérez :

Code:

<table>{L_WHOSBIRTHDAY_TODAY}
  {L_WHOSBIRTHDAY_WEEK}</table>

et changez le ainsi :

Code:

<table class="trans">{L_WHOSBIRTHDAY_TODAY}
  {L_WHOSBIRTHDAY_WEEK}</table>

Si vous avez la moindre difficultés, passez moi ensuite votre template index_body et votre css.

Cordialement.

[Alec Turner]

avec un

Code:

<div class="qeel">

alors ?

Code:

et un <div class="stats">

[SoraNoHime]

Pour le tableau si vous voulez mettre un div, mettez le alors avant <table> et n'oubliez pas de le fermer après </table>

pour la cellule des stats insérez le après le <td> et fermez le div avant le </td> dans ce cas.

[Alec Turner]

oki j'y suis arrivée comme une brave ^-^ par contre je ne vois pas ou le faire pour les stats au centre, dois-je le place apres un td ou un tr etc? je t'embete je suis désolée

de même pour centrer mon tableau dois-je simplement insérer la balise center avant le table ou non


vi vi ca en fait des questions

[SoraNoHime]

pour la cellule des stats insérez le après le <td> et fermez le div avant le </td> dans ce cas.

^^ j'avais répondu

pour centrer repérez :

Code:

<!-- BEGIN disable_viewonline -->

et mettez <center> juste après et </center> juste avant

Code:

<!-- END disable_viewonline -->

[Alec Turner]

cela fonctionne très bien. Je suis contente car j'ai pu le faire par moi-même avec ton aide j'ai des idées pour ma pa grace a ca

un grand merci pour ta patience et ton aide. Je modifie le titre en résolu