Aide pour un QEEL en libre service

Bonjour !!

J'aimerais utiliser ce merveilleux QEEL sur mon forum : https://www.never-utopia.com/t52235p875-opacite-et-couleurs-claires-clees-d-un-qeel-reposant#932863 - seulement voilà je suis un peu une quiche en codage et à part changer les couleurs, les polices, les trucs de base, le reste je ne gère pas trop. Et là, je ne comprends pas comment les groupes de mon forum vont s'afficher à la place des groupes pré-enregistrés ? Faut-il mettre des liens quelque part, dans les templates ?

Merci d'avance !

Up (:

Les liens il faut les placer dans la template

J'ai cru comprendre mais dans le template :

Code:

<!-- BEGIN disable_viewonline -->
       <link href='http://fonts.googleapis.com/css?family=Dancing+Script|Six+Caps' rel='stylesheet' type='text/css'>
       <div class="fond_qeel"><br /><br /><div class="titre_principal">Qui est en ligne ?</div>
             <div class="titre_secondaire">Et avec qui parler ?</div>
   <br /><img src="http://i59.servimg.com/u/f59/16/61/97/52/sans_t11.jpg" style="width: 100%; border-top: 2px solid #C8BCBE; border-bottom: 2px solid #5A5F65;" />
   <div style="background-color: #DFDFDF; height: 260px;">
         <br /><br />
           <br />
         <div class="titre_bloc" style="left: 2.5em;">Statistiques</div>
           <div class="bloc_stat">{TOTAL_POSTS}.<br />{TOTAL_USERS}.<br />
           {NEWEST_USER}.<br />
           {TOTAL_USERS_ONLINE}<br /><br />{LOGGED_IN_USER_LIST}</div>
         <div class="titre_bloc" style="left: 13em;">Groupes</div>
           <div class="bloc_groupes"><div class="groupe_onglets">
             <span class="groupe_onglet_0 groupe_onglet" id="groupe_onglet_protecteurs" onmouseover="javascript:change_groupe_onglet('protecteurs');"><font color=#123D18>Protecteurs</font></span>
             <span class="groupe_onglet_0 groupe_onglet" id="groupe_onglet_trucs" onmouseover="javascript:change_groupe_onglet('trucs');"><font color=#776B2B>Truc-Much</font></span>
             <span class="groupe_onglet_0 groupe_onglet" id="groupe_onglet_dissidents" onmouseover="javascript:change_groupe_onglet('dissidents');"><font color=#772F2B>Dissidents</font></span>
             <span class="groupe_onglet_0 groupe_onglet" id="groupe_onglet_civils" onmouseover="javascript:change_groupe_onglet('civils');"><font color=#3B133B>Civils</font></span>
             <span class="groupe_onglet_0 groupe_onglet" id="groupe_onglet_gardiens" onmouseover="javascript:change_groupe_onglet('gardiens');"><font color=#2B3077>Gardiens</font></span>
         </div></div><br /><br /><br /><br /><br />
         <div class="titre_bloc" style="left: 13em;">Périgrination</div>
           <div class="bloc_connectes"><table id="kaboum">{L_CONNECTED_MEMBERS}</table></div>
     
         <script type="text/javascript">
                   //<!--
                           function change_groupe_onglet(name)
                           {
                                   document.getElementById('groupe_onglet_'+anc_groupe_onglet).className = 'groupe_onglet_0 groupe_onglet';
                                   document.getElementById('groupe_onglet_'+name).className = 'groupe_onglet_1 groupe_onglet';
                                   document.getElementById('contenu_groupe_onglet_'+anc_groupe_onglet).style.display = 'none';
                                   document.getElementById('contenu_groupe_onglet_'+name).style.display = 'block';
                                   anc_groupe_onglet = name;
                           }
                   //-->
                   </script>
         <br />
         <div class="contenu_groupe_onglets">
           
       <div class="contenu_groupe_onglet" id="contenu_groupe_onglet_protecteurs"><span style="color: #123D18; font-weight: bold;">Protecteurs</span> • Manu Seres conditum terra et quae initium brevi aliaque municipium municipium aliaque mensis marique magna nundinas promiscuae plurima marique consueta magna manu promiscuae Euphrate priscorum Macedonum mercatoribus flumine flumine multitudo ubi opulentis mensis prope disparatur opulentis flumine mittunt magna Macedonum mittunt magna consueta mercatoribus ad nundinas plurima ab Septembris aliaque priscorum Anthemusia municipium Indi spatio ab aliaque magna ubi Macedonum disparatur quae prope et flumine quae ab sollemnitate nundinas quae ad opulentis mercatoribus mensis ad plurima conditum promiscuae conditum nundinas Septembris brevi promiscuae initium municipium aliaque convenit aliaque prope Anthemusia marique quae mittunt sollemnitate nundinas in Euphrate commercanda Septembris quae.Manu Seres conditum terra et quae initium brevi aliaque municipium municipium aliaque mensis marique magna nundinas promiscuae plurima marique consueta magna manu promiscuae Euphrate priscorum Macedonum mercatoribus flumine flumine multitudo ubi opulentis mensis prope disparatur opulentis flumine mittunt magna Macedonum mittunt magna consueta mercatoribus ad nundinas plurima ab Septembris aliaque priscorum Anthemusia municipium Indi spatio ab aliaque magna ubi Macedonum disparatur quae prope et flumine quae ab sollemnitate nundinas quae ad opulentis mercatoribus mensis ad plurima conditum promiscuae conditum nundinas Septembris brevi promiscuae initium municipium aliaque convenit aliaque prope Anthemusia marique quae mittunt sollemnitate nundinas in Euphrate commercanda Septembris quae.Manu Seres conditum terra et quae initium brevi aliaque municipium municipium aliaque mensis marique magna nundinas promiscuae plurima marique consueta magna manu promiscuae Euphrate priscorum Macedonum mercatoribus flumine flumine multitudo ubi opulentis mensis prope disparatur opulentis flumine mittunt magna Macedonum mittunt magna consueta mercatoribus ad nundinas plurima ab Septembris aliaque priscorum Anthemusia municipium Indi spatio ab aliaque magna ubi Macedonum disparatur quae prope et flumine quae ab sollemnitate nundinas quae ad opulentis mercatoribus mensis ad plurima conditum promiscuae conditum nundinas Septembris brevi promiscuae initium municipium aliaque convenit aliaque prope Anthemusia marique quae mittunt sollemnitate nundinas in Euphrate commercanda Septembris quae.</div>
           
       <div class="contenu_groupe_onglet" id="contenu_groupe_onglet_trucs"><span style="color: #776B2B; font-weight: bold;">Truc-Much</span> • Manu Seres conditum terra et quae initium brevi aliaque municipium municipium aliaque mensis marique magna nundinas promiscuae plurima marique consueta magna manu promiscuae Euphrate priscorum Macedonum mercatoribus flumine flumine multitudo ubi opulentis mensis prope disparatur opulentis flumine mittunt magna Macedonum mittunt magna consueta mercatoribus ad nundinas plurima ab Septembris aliaque priscorum Anthemusia municipium Indi spatio ab aliaque magna ubi Macedonum disparatur quae prope et flumine quae ab sollemnitate nundinas quae ad opulentis mercatoribus mensis ad plurima conditum promiscuae conditum nundinas Septembris brevi promiscuae initium municipium aliaque convenit aliaque prope Anthemusia marique quae mittunt sollemnitate nundinas in Euphrate commercanda Septembris quae.Manu Seres conditum terra et quae initium brevi aliaque municipium municipium aliaque mensis marique magna nundinas promiscuae plurima marique consueta magna manu promiscuae Euphrate priscorum Macedonum mercatoribus flumine flumine multitudo ubi opulentis mensis prope disparatur opulentis flumine mittunt magna Macedonum mittunt magna consueta mercatoribus ad nundinas plurima ab Septembris aliaque priscorum Anthemusia municipium Indi spatio ab aliaque magna ubi Macedonum disparatur quae prope et flumine quae ab sollemnitate nundinas quae ad opulentis mercatoribus mensis ad plurima conditum promiscuae conditum nundinas Septembris brevi promiscuae initium municipium aliaque convenit aliaque prope Anthemusia marique quae mittunt sollemnitate nundinas in Euphrate commercanda Septembris quae.Manu Seres conditum terra et quae initium brevi aliaque municipium municipium aliaque mensis marique magna nundinas promiscuae plurima marique consueta magna manu promiscuae Euphrate priscorum Macedonum mercatoribus flumine flumine multitudo ubi opulentis mensis prope disparatur opulentis flumine mittunt magna Macedonum mittunt magna consueta mercatoribus ad nundinas plurima ab Septembris aliaque priscorum Anthemusia municipium Indi spatio ab aliaque magna ubi Macedonum disparatur quae prope et flumine quae ab sollemnitate nundinas quae ad opulentis mercatoribus mensis ad plurima conditum promiscuae conditum nundinas Septembris brevi promiscuae initium municipium aliaque convenit aliaque prope Anthemusia marique quae mittunt sollemnitate nundinas in Euphrate commercanda Septembris quae.</div>
           
       <div class="contenu_groupe_onglet" id="contenu_groupe_onglet_dissidents"><span style="color: #772F2B; font-weight: bold;">Dissidents</span> • Manu Seres conditum terra et quae initium brevi aliaque municipium municipium aliaque mensis marique magna nundinas promiscuae plurima marique consueta magna manu promiscuae Euphrate priscorum Macedonum mercatoribus flumine flumine multitudo ubi opulentis mensis prope disparatur opulentis flumine mittunt magna Macedonum mittunt magna consueta mercatoribus ad nundinas plurima ab Septembris aliaque priscorum Anthemusia municipium Indi spatio ab aliaque magna ubi Macedonum disparatur quae prope et flumine quae ab sollemnitate nundinas quae ad opulentis mercatoribus mensis ad plurima conditum promiscuae conditum nundinas Septembris brevi promiscuae initium municipium aliaque convenit aliaque prope Anthemusia marique quae mittunt sollemnitate nundinas in Euphrate commercanda Septembris quae.Manu Seres conditum terra et quae initium brevi aliaque municipium municipium aliaque mensis marique magna nundinas promiscuae plurima marique consueta magna manu promiscuae Euphrate priscorum Macedonum mercatoribus flumine flumine multitudo ubi opulentis mensis prope disparatur opulentis flumine mittunt magna Macedonum mittunt magna consueta mercatoribus ad nundinas plurima ab Septembris aliaque priscorum Anthemusia municipium Indi spatio ab aliaque magna ubi Macedonum disparatur quae prope et flumine quae ab sollemnitate nundinas quae ad opulentis mercatoribus mensis ad plurima conditum promiscuae conditum nundinas Septembris brevi promiscuae initium municipium aliaque convenit aliaque prope Anthemusia marique quae mittunt sollemnitate nundinas in Euphrate commercanda Septembris quae.Manu Seres conditum terra et quae initium brevi aliaque municipium municipium aliaque mensis marique magna nundinas promiscuae plurima marique consueta magna manu promiscuae Euphrate priscorum Macedonum mercatoribus flumine flumine multitudo ubi opulentis mensis prope disparatur opulentis flumine mittunt magna Macedonum mittunt magna consueta mercatoribus ad nundinas plurima ab Septembris aliaque priscorum Anthemusia municipium Indi spatio ab aliaque magna ubi Macedonum disparatur quae prope et flumine quae ab sollemnitate nundinas quae ad opulentis mercatoribus mensis ad plurima conditum promiscuae conditum nundinas Septembris brevi promiscuae initium municipium aliaque convenit aliaque prope Anthemusia marique quae mittunt sollemnitate nundinas in Euphrate commercanda Septembris quae.</div>

       <div class="contenu_groupe_onglet" id="contenu_groupe_onglet_civils"><span style="color: #3B133B; font-weight: bold;">Civils</span> • Manu Seres conditum terra et quae initium brevi aliaque municipium municipium aliaque mensis marique magna nundinas promiscuae plurima marique consueta magna manu promiscuae Euphrate priscorum Macedonum mercatoribus flumine flumine multitudo ubi opulentis mensis prope disparatur opulentis flumine mittunt magna Macedonum mittunt magna consueta mercatoribus ad nundinas plurima ab Septembris aliaque priscorum Anthemusia municipium Indi spatio ab aliaque magna ubi Macedonum disparatur quae prope et flumine quae ab sollemnitate nundinas quae ad opulentis mercatoribus mensis ad plurima conditum promiscuae conditum nundinas Septembris brevi promiscuae initium municipium aliaque convenit aliaque prope Anthemusia marique quae mittunt sollemnitate nundinas in Euphrate commercanda Septembris quae.Manu Seres conditum terra et quae initium brevi aliaque municipium municipium aliaque mensis marique magna nundinas promiscuae plurima marique consueta magna manu promiscuae Euphrate priscorum Macedonum mercatoribus flumine flumine multitudo ubi opulentis mensis prope disparatur opulentis flumine mittunt magna Macedonum mittunt magna consueta mercatoribus ad nundinas plurima ab Septembris aliaque priscorum Anthemusia municipium Indi spatio ab aliaque magna ubi Macedonum disparatur quae prope et flumine quae ab sollemnitate nundinas quae ad opulentis mercatoribus mensis ad plurima conditum promiscuae conditum nundinas Septembris brevi promiscuae initium municipium aliaque convenit aliaque prope Anthemusia marique quae mittunt sollemnitate nundinas in Euphrate commercanda Septembris quae.Manu Seres conditum terra et quae initium brevi aliaque municipium municipium aliaque mensis marique magna nundinas promiscuae plurima marique consueta magna manu promiscuae Euphrate priscorum Macedonum mercatoribus flumine flumine multitudo ubi opulentis mensis prope disparatur opulentis flumine mittunt magna Macedonum mittunt magna consueta mercatoribus ad nundinas plurima ab Septembris aliaque priscorum Anthemusia municipium Indi spatio ab aliaque magna ubi Macedonum disparatur quae prope et flumine quae ab sollemnitate nundinas quae ad opulentis mercatoribus mensis ad plurima conditum promiscuae conditum nundinas Septembris brevi promiscuae initium municipium aliaque convenit aliaque prope Anthemusia marique quae mittunt sollemnitate nundinas in Euphrate commercanda Septembris quae.</div>
             
       <div class="contenu_groupe_onglet" id="contenu_groupe_onglet_gardiens"><span style="color: #2B3077; font-weight: bold;">Gardiens</span> • Manu Seres conditum terra et quae initium brevi aliaque municipium municipium aliaque mensis marique magna nundinas promiscuae plurima marique consueta magna manu promiscuae Euphrate priscorum Macedonum mercatoribus flumine flumine multitudo ubi opulentis mensis prope disparatur opulentis flumine mittunt magna Macedonum mittunt magna consueta mercatoribus ad nundinas plurima ab Septembris aliaque priscorum Anthemusia municipium Indi spatio ab aliaque magna ubi Macedonum disparatur quae prope et flumine quae ab sollemnitate nundinas quae ad opulentis mercatoribus mensis ad plurima conditum promiscuae conditum nundinas Septembris brevi promiscuae initium municipium aliaque convenit aliaque prope Anthemusia marique quae mittunt sollemnitate nundinas in Euphrate commercanda Septembris quae.Manu Seres conditum terra et quae initium brevi aliaque municipium municipium aliaque mensis marique magna nundinas promiscuae plurima marique consueta magna manu promiscuae Euphrate priscorum Macedonum mercatoribus flumine flumine multitudo ubi opulentis mensis prope disparatur opulentis flumine mittunt magna Macedonum mittunt magna consueta mercatoribus ad nundinas plurima ab Septembris aliaque priscorum Anthemusia municipium Indi spatio ab aliaque magna ubi Macedonum disparatur quae prope et flumine quae ab sollemnitate nundinas quae ad opulentis mercatoribus mensis ad plurima conditum promiscuae conditum nundinas Septembris brevi promiscuae initium municipium aliaque convenit aliaque prope Anthemusia marique quae mittunt sollemnitate nundinas in Euphrate commercanda Septembris quae.Manu Seres conditum terra et quae initium brevi aliaque municipium municipium aliaque mensis marique magna nundinas promiscuae plurima marique consueta magna manu promiscuae Euphrate priscorum Macedonum mercatoribus flumine flumine multitudo ubi opulentis mensis prope disparatur opulentis flumine mittunt magna Macedonum mittunt magna consueta mercatoribus ad nundinas plurima ab Septembris aliaque priscorum Anthemusia municipium Indi spatio ab aliaque magna ubi Macedonum disparatur quae prope et flumine quae ab sollemnitate nundinas quae ad opulentis mercatoribus mensis ad plurima conditum promiscuae conditum nundinas Septembris brevi promiscuae initium municipium aliaque convenit aliaque prope Anthemusia marique quae mittunt sollemnitate nundinas in Euphrate commercanda Septembris quae.</div>

           </div>
       
           <script type="text/javascript">
                   //<!--
                           var anc_groupe_onglet = 'protecteurs';
                           change_groupe_onglet(anc_groupe_onglet);
                   //-->
     </script></div><div class="credits"><a href="http://www.never-utopia.com/">♈ Halloween</a></div><br /><br /></div>

           <!-- END disable_viewonline -->

Je ne vois aucun endroit pour glisser un lien http... u_u

Salut!

1 groupe correspond à cela :

Code:

<span class="groupe_onglet_0 groupe_onglet" id="groupe_onglet_dissidents" onmouseover="javascript:change_groupe_onglet('dissidents');"><font color=#772F2B>Dissidents</font></span>

Tu peux constater que ce n'est pas un lien, seulement du texte. Si tu veux le changer en lien, il faudrait faire ceci :

Code:

<span class="groupe_onglet_0 groupe_onglet" id="groupe_onglet_dissidents" onmouseover="javascript:change_groupe_onglet('dissidents');"><a href="LIEN_URL"><font color=#772F2B>Dissidents</font></a></span>

Et si tu veux simplement changer le nom et la couleur du groupe, tu Change le "Dissidents" entre les balises "font" par le nom de ton groupe. Pour la couleur, tu change le «font color=#772F2B» par «font color="COULEUR DE TON CHOIX"».

D'accord j'ai compris !! Merci beaucoup !

Du coup j'en profite car j'ai le même genre de problème avec un autre QEEL, celui là https://www.never-utopia.com/t50318p200-qeel-pink-gray#933450 , mais les codes ne sont pas exactement les mêmes... u_u

Le template :

Code:

<!-- BEGIN disable_viewonline -->
<link href='http://fonts.googleapis.com/css?family=Playball' rel='stylesheet' type='text/css'><div id="qeel_fond"><div id="qeel_img"></div><div class="titre_qeel">Que se passe-t-il à Canberra ?</div>
<table id="qeel_position">
  <tr>
    <td class="qeel_colonne1"><span id="nb_messages">{TOTAL_POSTS}<script type="text/javascript">document.getElementById('nb_messages').innerHTML=document.getElementById('nb_messages').innerHTML.replace(/Nos membres ont posté un total de/," "); document.getElementById('nb_messages').innerHTML=document.getElementById('nb_messages').innerHTML.replace(/messages/,"aventures se sont passées à Canberra.");</script></span><br />
      <span id="nb_membres">{TOTAL_USERS}<script type="text/javascript">document.getElementById('nb_membres').innerHTML=document.getElementById('nb_membres').innerHTML.replace(/Nous avons/,"Il y a eu"); document.getElementById('nb_membres').innerHTML=document.getElementById('nb_membres').innerHTML.replace(/membre enregistré/,"déménagement depuis le début."); document.getElementById('nb_membres').innerHTML=document.getElementById('nb_membres').innerHTML.replace(/membres enregistrés/,"déménagements depuis le début.");</script></span><br />
      <span id="new_user">{NEWEST_USER}<script type="text/javascript">document.getElementById('new_user').innerHTML=document.getElementById('new_user').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"Le petit dernier à avoir emménager est");</script></span><br /><br/>
    <span id="tot_user">{TOTAL_USERS_ONLINE}<script type="text/javascript">document.getElementById('tot_user').innerHTML=document.getElementById('tot_user').innerHTML.replace(/Il y a en tout/,"Il y a"); document.getElementById('tot_user').innerHTML=document.getElementById('tot_user').innerHTML.replace(/utilisateur en ligne/,"personne près de Canberra en ce moment même"); document.getElementById('tot_user').innerHTML=document.getElementById('tot_user').innerHTML.replace(/utilisateurs en ligne/,"personnes près de Canberra en ce moment même"); document.getElementById('tot_user').innerHTML=document.getElementById('tot_user').innerHTML.replace(/Enregistré/,"habitant"); document.getElementById('tot_user').innerHTML=document.getElementById('tot_user').innerHTML.replace(/Enregistrés/,"habitants"); document.getElementById('tot_user').innerHTML=document.getElementById('tot_user').innerHTML.replace(/Invisible/,"inconnu au bataillon"); document.getElementById('tot_user').innerHTML=document.getElementById('tot_user').innerHTML.replace(/Invisibles/,"inconnus au bataillon"); document.getElementById('tot_user').innerHTML=document.getElementById('tot_user').innerHTML.replace(/Invité/,"touriste qui hésite à s'installer"); document.getElementById('tot_user').innerHTML=document.getElementById('tot_user').innerHTML.replace(/Invités/,"touristes qui hésitent à s'installer");</script></span><br />
      {RECORD_USERS}<br />
      <br />
      <span id="logged">{LOGGED_IN_USER_LIST}<script type="text/javascript">document.getElementById('logged').innerHTML=document.getElementById('logged').innerHTML.replace(/Utilisateurs enregistrés :/,"Les actifs présents sont");</script></span><br />
</td>
<td width="20px;"></td>
<td class="qeel_colonne2">
<script type="text/javascript">
        //<!--
                function change_onglet(bouya)
                {
                        document.getElementById('onglet_'+anc_onglet).className = 'onglet_0 onglet';
                        document.getElementById('onglet_'+bouya).className = 'onglet_1 onglet';
                        document.getElementById('contenu_onglet_'+anc_onglet).style.display = 'none';
                        document.getElementById('contenu_onglet_'+bouya).style.display = 'block';
                        anc_onglet = bouya;
                }
        //-->
</script><span class="onglet_0 onglet" id="onglet_un" onmouseover="javascript:change_onglet('un');">Kapou</span><span class="onglet_0 onglet" id="onglet_deux" onmouseover="javascript:change_onglet('deux');">Bibiche</span><span class="onglet_0 onglet" id="onglet_trois" onmouseover="javascript:change_onglet('trois');">Yankee</span>
<div class="contenu_onglet" id="contenu_onglet_un">
    Contenu du 1er onglet
</div>
<div class="contenu_onglet" id="contenu_onglet_deux">
    Contenu du 2ième onglet
</div>
<div class="contenu_onglet" id="contenu_onglet_trois">
    Contenu du 3ième onglet
</div><script type="text/javascript">
        //<!--
                var anc_onglet = 'un';
                change_onglet(anc_onglet);
        //-->
  </script>
</td>
<td width="20px;"></td>
    <td class="qeel_colonne1"><table class="transparent">{L_CONNECTED_MEMBERS}
  {L_WHOSBIRTHDAY_TODAY}
  {L_WHOSBIRTHDAY_WEEK}</table>
</td>
  </tr>
</table>
</div>
<!-- END disable_viewonline -->

J'ai essayé de rajouter la balise du lien mais ça ne fonctionne pas bien...

Merci d'avance !!

Salut!

Alors les noms correspondent à cela :

Code:

<span class="onglet_0 onglet" id="onglet_un" onmouseover="javascript:change_onglet('un');">Kapou</span>

Et on fait cela pour rajouter un lien :

Code:

<span class="onglet_0 onglet" id="onglet_un" onmouseover="javascript:change_onglet('un');"><a href="LIEN">Kapou</a></span>

Tu dis que celane fonctionne pas, qu'est-ce que tu avais essayé de faire?

Ok j'ai essayé en reprenant ce code et c'est parfait ça fonctionne ! Je pense que je n'avais pas mis la balise au bon endroit. Merci beaucoup pour ton aide en tout cas