qeel personnalié- tuto

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

Résolu qeel personnalié- tuto

Message par Alec Turner le Ven 26 Aoû 2011 - 20:24

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?


Alec Turner
****

Féminin
Messages : 390
Inscrit(e) le : 17/03/2008

http://solemnyswear.keuf.net/
Alec Turner a été remercié(e) par l'auteur de ce sujet.

Résolu Re: qeel personnalié- tuto

Message par SoraNoHime le Ven 26 Aoû 2011 - 21:42

Bonsoir

Savez-vous créer des tableaux ?

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: qeel personnalié- tuto

Message par Alec Turner le Ven 26 Aoû 2011 - 22:11

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

Alec Turner
****

Féminin
Messages : 390
Inscrit(e) le : 17/03/2008

http://solemnyswear.keuf.net/
Alec Turner a été remercié(e) par l'auteur de ce sujet.

Résolu Re: qeel personnalié- tuto

Message par SoraNoHime le Ven 26 Aoû 2011 - 22:16

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.

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: qeel personnalié- tuto

Message par Alec Turner le Ven 26 Aoû 2011 - 23:17


Alec Turner
****

Féminin
Messages : 390
Inscrit(e) le : 17/03/2008

http://solemnyswear.keuf.net/
Alec Turner a été remercié(e) par l'auteur de ce sujet.

Résolu Re: qeel personnalié- tuto

Message par SoraNoHime le Ven 26 Aoû 2011 - 23:25

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 ?

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: qeel personnalié- tuto

Message par Alec Turner le Ven 26 Aoû 2011 - 23:38

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

Alec Turner
****

Féminin
Messages : 390
Inscrit(e) le : 17/03/2008

http://solemnyswear.keuf.net/
Alec Turner a été remercié(e) par l'auteur de ce sujet.

Résolu Re: qeel personnalié- tuto

Message par SoraNoHime le Ven 26 Aoû 2011 - 23:47

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

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: qeel personnalié- tuto

Message par Alec Turner le Ven 26 Aoû 2011 - 23:51

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?

Alec Turner
****

Féminin
Messages : 390
Inscrit(e) le : 17/03/2008

http://solemnyswear.keuf.net/
Alec Turner a été remercié(e) par l'auteur de ce sujet.

Résolu Re: qeel personnalié- tuto

Message par SoraNoHime le Ven 26 Aoû 2011 - 23:55

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.

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: qeel personnalié- tuto

Message par Alec Turner le Sam 27 Aoû 2011 - 0:02

avec un
Code:
<div class="qeel">
alors ?
Code:
et un <div class="stats">

Alec Turner
****

Féminin
Messages : 390
Inscrit(e) le : 17/03/2008

http://solemnyswear.keuf.net/
Alec Turner a été remercié(e) par l'auteur de ce sujet.

Résolu Re: qeel personnalié- tuto

Message par SoraNoHime le Sam 27 Aoû 2011 - 0:07

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.

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: qeel personnalié- tuto

Message par Alec Turner le Sam 27 Aoû 2011 - 0:11

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

Alec Turner
****

Féminin
Messages : 390
Inscrit(e) le : 17/03/2008

http://solemnyswear.keuf.net/
Alec Turner a été remercié(e) par l'auteur de ce sujet.

Résolu Re: qeel personnalié- tuto

Message par SoraNoHime le Sam 27 Aoû 2011 - 0:17

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

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: qeel personnalié- tuto

Message par Alec Turner le Sam 27 Aoû 2011 - 10:18

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

Alec Turner
****

Féminin
Messages : 390
Inscrit(e) le : 17/03/2008

http://solemnyswear.keuf.net/
Alec Turner 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