L'annuaire des forums Forumactif
votre référence en terme de référencement et de développement de forums.
 




 J'ai besoin d'aide pour mon QEEL

Médéric DIAOavatar
Messages : 168
Bonjour, j'ai besoin d'aide pour mon QEEL
Le lien du forum où le code sera installé : [/b]http://cherub-communautee.avoirunforum.com/
Lien de la publicité sur l'annuaire : http://www.forumsdeforumactif.com/t13675-la-communaute-cherub
Support de mise en page : Qui est en ligne
Résultat en : HTML
Type de mise en page : Personnalisée
----------------------------------------------------
Alors, j'ai déjà commencer un code mais j'aimerais une petite modification:

Le QEEL maintenant:
Spoiler:
 

Comment je voudrai qu'il soit:
Sans rien toucher:
Spoiler:
 

Au clique sur "Informations utiles":
Spoiler:
 

Au clique sur "Légende groupes":
Spoiler:
 

Et j'aimerais que ce sois comme sur ma page d'accueil le changement d'onglet si possible...

Passons aux choses sérieuses:
les codes, par contre attention, ces codes peuvent tuer un codeur pro c'est du bidouillage de premiere ^^:
HTML:
Code:
<!-- DEBUT DU QEEL -->
 <table cellspacing="10" width="900px" id="QEEL"><td width="120px" rowspan="2" id="Groupes" valign="top"><h1>Informations utiles</h1></td>
 <table cellspacing="10" width="900px" id="QEEL"><br>
<table cellspacing="10" width="900px" id="QEEL">
  <tr>
      <td width="120px" rowspan="2" id="Groupes" valign="top">
        <h1>Statistiques</h1>
              {TOTAL_USERS_ONLINE} <br /><br /> {NEWEST_USER} <br /><br /> {TOTAL_USERS} <br /><br /> {TOTAL_POSTS}
    </td>
    <td width="120px" rowspan="2" id="Groupes" valign="top">
        <h1>Anniversaires</h1>
        <table class="table_1"><tr><td>{L_WHOSBIRTHDAY_TODAY}<br>{L_WHOSBIRTHDAY_WEEK}</td></tr></table>
    </td>
    <td width="120px" rowspan="2" id="Groupes" valign="top">
        <h1>Qui visite le forum?</h1>
        {LOGGED_IN_USER_LIST}
    </td>
     
  </tr><tr>
  <table cellspacing="10" width="900px" id="QEEL"><br><br><br>
      <table cellspacing="10" width="900px" id="QEEL"><td width="120px" rowspan="2" id="Groupes" valign="top"><h1>Légende groupes</h1></td>
    <table cellspacing="10" width="900px" id="QEEL"><td width="120px" rowspan="2" id="Groupes" valign="top"><h1>Membres/Membres spéciaux</h1>
            <font color="#9900FF" size="2"><b>Corecteur orthographique</b></font></a><br/>
            <font color="#3BB000" size="2"><b>Membre présenté</b></font></a><br/>
              <font color="#707070" size="2"><b>Membre non présenté</b></font></a><br/>
             
      </td>
      <td width="120px" rowspan="2" id="Groupes" valign="top"><h1> Partie -discutions-</h1>
            <font color="#FF9900" size="2"><b>Administrateurs</b></font></a><br/>
              <font color="#FF7700" size="2"><b>Modérateurs</b></font></a><br/>
              <font color="#FA0000" size="2"><b>Stagiaires</b></font></a><br/>
      </td>
      <td width="120px" rowspan="2" id="Groupes" valign="top"><h1> Partie -CHERUB & HB-</h1>
            <font color="#02D196" size="2"><b>Administrateurs</b></font></a><br/>
              <font color="#0083B3" size="2"><b>Modérateurs</b></font></a><br/>
              <font color="#0536FC" size="2"><b>Stagiaires</b></font></a><br/>
      </td>
    </td>
 </td>
<!-- FIN DU QEEL -->

CSS:
Code:
*------------------------------------
Début du CSS du QEEL
--------------------------------------*/
 
  #QEEL {
      margin: 20px;
      background-color: #000000
  }
  #QEEL td {
      padding: 10px;
      margin: 20px;
      border-radius: 15px;
      font-size: 10px;
      border: 2px solid #00C20D
  }
  #QEEL h1 {
      font-family: Arial;
      text-align: center;
      color: #FFFFFF;
      text-transform: capitalize;
      letter-spacing: 5px;
      font-size: 12px;
      margin-top: 0px;
  }
  #QEEL .table_1 td {
      background-image: none !important;
      background-color: transparent !important;
      border: 0px !important;
     
  }
 
/*------------------------------------
Fin du CSS du QEEL
--------------------------------------*/

S'il vous plais...
LixyrAdministratriceavatar
Messages : 12767

Recherches personnelles
Ma recherche de staff: http://www.forumsdeforumactif.com/f3-proposez-vos-services
Mon projet:
Ma commande:
Bonsoir.

En effet, c'est du bidouillage comme tout ce qui nous fait grincer des dents.
Ce ne sont pas des onglets par contre, que tu veux, mais un accordéon, c'est bien ça ?
Médéric DIAOavatar
Messages : 168
bonjour,
Ah bah j'avais prevenu ^^
Ouai exactement! comme ma PA mais vertical et avec. ce dezign la... tu comprend?
LixyrAdministratriceavatar
Messages : 12767

Recherches personnelles
Ma recherche de staff: http://www.forumsdeforumactif.com/f3-proposez-vos-services
Mon projet:
Ma commande:
Oui, je vois. Il me faudrait donc du coup le code de la PA avec le Javascript, car si jamais ce code est basé sur de l'ID, il me faudra utiliser un autre code pour pouvoir faire le QEEL, car les ID ne peuvent s'utiliser qu'une fois. Enfin... il me faut voir comment a été fait le code de la PA, quoi. Mettez-les entre balises hide, que personne d'autre que moi ne les voient. ^^
Médéric DIAOavatar
Messages : 168
Ok, je te met sa, je crois que c'est du javascript j'ai vu sa dans les codes...

ArlemV.I.P.avatar
Messages : 3712
Bonjour,

Cette commande est toujours d'actualité ? Smile
Médéric DIAOavatar
Messages : 168
Bonjour,
Oui bien sur Smile
ArlemV.I.P.avatar
Messages : 3712
Dans ce cas je m'en occupe dès que j'ai un peu de temps. Smile

Je déplace dans les "En cours". Wink

Edit :

Essayez en remplaçant le code du QEEL par ça :
Code:
<!-- DEBUT DU QEEL -->
<table cellspacing="10" width="900px" class="QEEL">
  <tr>
      <td width="120px" colspan="3" valign="top" id="QEEL1_click">
        <h1>Informations utiles</h1>
      </td>
  </tr>
  <tr id="QEEL1">
      <td width="120px" valign="top">
        <h1>Statistiques</h1>
        {TOTAL_USERS_ONLINE} <br /><br /> {NEWEST_USER} <br /><br /> {TOTAL_USERS} <br /><br /> {TOTAL_POSTS}
      </td>
      <td width="120px" valign="top">
        <h1>Anniversaires</h1>
        <br/>
        <table class="table_1">
            <tr>
              <td>
                  {L_WHOSBIRTHDAY_TODAY}<br>{L_WHOSBIRTHDAY_WEEK}
              </td>
            </tr>
        </table>
      </td>
      <td width="120px" valign="top">
        <h1>Qui visite le forum?</h1>
        {LOGGED_IN_USER_LIST}
      </td>
  </tr>
  <tr>
      <td width="120px" colspan="3" valign="top" id="QEEL2_click">
        <h1>Légende groupes</h1>
      </td>
  </tr>
  <tr id="QEEL2">
      <td width="120px" valign="top">
        <h1>Membres/Membres spéciaux</h1>
        <font color="#9900FF" size="2"><b>Corecteur orthographique</b></font><br/>
        <font color="#3BB000" size="2"><b>Membre présenté</b></font><br/>
        <font color="#707070" size="2"><b>Membre non présenté</b></font><br/>
      </td>
      <td width="120px" valign="top">
        <h1> Partie -discutions-</h1>
        <font color="#FF9900" size="2"><b>Administrateurs</b></font><br/>
        <font color="#FF7700" size="2"><b>Modérateurs</b></font><br/>
        <font color="#FA0000" size="2"><b>Stagiaires</b></font><br/>
      </td>
      <td width="120px" valign="top">
        <h1> Partie -CHERUB & HB-</h1>
        <font color="#02D196" size="2"><b>Administrateurs</b></font><br/>
        <font color="#0083B3" size="2"><b>Modérateurs</b></font><br/>
        <font color="#0536FC" size="2"><b>Stagiaires</b></font><br/>
      </td>
  </tr>
</table>
<script type="text/javascript">
  $(function() {
     $('#QEEL1').hide();
     $('#QEEL2').hide();
     
     $('#QEEL1_click').click(function() {
        $('#QEEL1').slideDown("slow");
        $('#QEEL2').slideUp("slow");
     });
        $('#QEEL2_click').click(function() {
        $('#QEEL2').slideDown("slow");
        $('#QEEL1').slideUp("slow");
     });
  });
</script>
<!-- FIN DU QEEL -->
Et le CSS par ça :
Code:
*------------------------------------
Début du CSS du QEEL
--------------------------------------*/
 
  .QEEL {
      margin: 20px;
      background-color: #000000
  }
  .QEEL td {
      padding: 10px;
      margin: 20px;
      border-radius: 15px;
      font-size: 10px;
      border: 2px solid #00C20D
  }
  .QEEL h1 {
      font-family: Arial;
      text-align: center;
      color: #FFFFFF;
      text-transform: capitalize;
      letter-spacing: 5px;
      font-size: 12px;
      margin-top: 0px;
  }
  .QEEL .table_1 td {
      background-image: none !important;
      background-color: transparent !important;
      border: 0px !important;
     
  }
 
/*------------------------------------
Fin du CSS du QEEL
--------------------------------------*/

Je me suis permis de reprendre le code du QEEL en entier parce que ça me faisait trop mal au coeur de le voir comme ça. Very Happy
Médéric DIAOavatar
Messages : 168
Bonjour,
Tout d'abord merci...
Je viens de rentrer les codes via mobile et ça a l'aire de marcher, je vais essayer de le tester sur un ordi des que possible...
Cela risque de prendre quelques jours car je n'ai pas d'ordi actuelement et je suis malade -_-

Bonne journée Smile
ArlemV.I.P.avatar
Messages : 3712
Pas de soucis, tenez-nous au courant. Wink
Médéric DIAOavatar
Messages : 168
Bonjour Smile
Je suis allez voir quelques minutes le resultat et les cases changent de dimension pendant l'ouverture... est normal?
ArlemV.I.P.avatar
Messages : 3712
Qu'entendez-vous par "changent de dimension" ?
Médéric DIAOavatar
Messages : 168
Regarder par vous même sur mon forum test:

http://test-md.forumactif.org/



Je vous prévient c'est un forum test il est horrible au niveau du codage ^^
ArlemV.I.P.avatar
Messages : 3712
Ah oui effectivement, j'avais essayé de reprendre un peu l'effet de la PA comme vous le demandiez mais ça ne fonctionne pas aussi bien apparemment...
Du coup façon directe ça donnerait ça :
Code:
<!-- DEBUT DU QEEL -->
<table cellspacing="10" width="900px" class="QEEL">
  <tr>
      <td width="120px" colspan="3" valign="top" id="QEEL1_click">
        <h1>Informations utiles</h1>
      </td>
  </tr>
  <tr id="QEEL1">
      <td width="120px" valign="top">
        <h1>Statistiques</h1>
        {TOTAL_USERS_ONLINE} <br /><br /> {NEWEST_USER} <br /><br /> {TOTAL_USERS} <br /><br /> {TOTAL_POSTS}
      </td>
      <td width="120px" valign="top">
        <h1>Anniversaires</h1>
        <br/>
        <table class="table_1">
            <tr>
              <td>
                  {L_WHOSBIRTHDAY_TODAY}<br>{L_WHOSBIRTHDAY_WEEK}
              </td>
            </tr>
        </table>
      </td>
      <td width="120px" valign="top">
        <h1>Qui visite le forum?</h1>
        {LOGGED_IN_USER_LIST}
      </td>
  </tr>
  <tr>
      <td width="120px" colspan="3" valign="top" id="QEEL2_click">
        <h1>Légende groupes</h1>
      </td>
  </tr>
  <tr id="QEEL2">
      <td width="120px" valign="top">
        <h1>Membres/Membres spéciaux</h1>
        <font color="#9900FF" size="2"><b>Corecteur orthographique</b></font><br/>
        <font color="#3BB000" size="2"><b>Membre présenté</b></font><br/>
        <font color="#707070" size="2"><b>Membre non présenté</b></font><br/>
      </td>
      <td width="120px" valign="top">
        <h1> Partie -discutions-</h1>
        <font color="#FF9900" size="2"><b>Administrateurs</b></font><br/>
        <font color="#FF7700" size="2"><b>Modérateurs</b></font><br/>
        <font color="#FA0000" size="2"><b>Stagiaires</b></font><br/>
      </td>
      <td width="120px" valign="top">
        <h1> Partie -CHERUB & HB-</h1>
        <font color="#02D196" size="2"><b>Administrateurs</b></font><br/>
        <font color="#0083B3" size="2"><b>Modérateurs</b></font><br/>
        <font color="#0536FC" size="2"><b>Stagiaires</b></font><br/>
      </td>
  </tr>
</table>
<script type="text/javascript">
  $(function() {
      $('#QEEL1').hide();
      $('#QEEL2').hide();
     
      $('#QEEL1_click').click(function() {
        $('#QEEL1').show();
        $('#QEEL2').hide();
      });
        $('#QEEL2_click').click(function() {
        $('#QEEL2').show();
        $('#QEEL1').hide();
      });
  });
</script>
<!-- FIN DU QEEL -->
Médéric DIAOavatar
Messages : 168
Ah bah là du coup j'ai même pas le système d'onglet, c'est comme les codes que je vous avais donné (en plus propre bien sur ^^) mais tout est déjà déroulé...
ArlemV.I.P.avatar
Messages : 3712
J'ai édité, désolé. Mr.Red
Médéric DIAOavatar
Messages : 168
Il y a un autre problème, je vous laisse voir Smile
ArlemV.I.P.avatar
Messages : 3712
J'ai édité, décidément ça me réussit pas de bosser le week end !
Médéric DIAOavatar
Messages : 168
ça marche merci!!! Smile
Juste une question, c'est possible de faire apparaître la main qui montre que ça fait qqch au clique au survol des onglets?
ArlemV.I.P.avatar
Messages : 3712
Yep, ajoute ça dans ton CSS :
Code:
#QEEL1_click:hover,#QEEL2_click:hover {
  cursor: pointer;
}
Médéric DIAOavatar
Messages : 168
Parfait merci beaucoup pour cet aide, je rajoute ça dans mes crédits Smile

Vous pouvez classer cette demande comme résolu Smile

EDIT: http://www.cherub-communaute.com/t458-qui-est-en-ligne#7123
ArlemV.I.P.avatar
Messages : 3712
Merci pour les crédits. Smile

Je déplace dans les résolues !
Contenu sponsorisé

,
 Sujets similaires
-
» Besoin d'aide pour le Déménagement
» Besoin d'aide pour carte suede
» aide pour recherche drivers
» [ Résolu ] Besoin d aide pour extraire piste de cd audio protégé
» gros problème avec mon ordinateur, besoin d'aide

Répondre au sujet


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

Modérer

Trames

  • Nos services
  • Prés. obligatoire
  • Référencé
  • Réf. (comp)
  • Prérelance
  • 1ère relance
  • 2ème relance
  • Recherche (relance)
  • Recherche (corbeille)
  • Formulaire manquant
  • Formulaire incomplet
  • 1
  • 2
  • 3
  • 4
  • 5
  • Evaluation