Le Deal du moment : -34%
-34% LG OLED55B3 – TV OLED 4K 55″ 2023 ...
Voir le deal
919 €

Ajout de la balise avatar dernier inscrit dans le qeel

Ajout de la balise avatar dernier inscrit dans le qeel Empty Ven 20 Juil - 23:30
bonjour

avant tout ce forum est génial, et le travail est manfique. Comme beaucoup on est servi de vos code libre service pour notre forum. Seulement j'aurai une petite question ... On a utilisé un qeel. j'aimerai qu'on ajouté l'avatar du dernier membre inscrit j'ai suivis un tuto mais rien a faire ça ne marche pas. je n'ose pas trop touché ( pour juste ajouté la balise) par peur. Est il possible de nous aider ?


Merci d'avance.
voila le qeel qu'on a utilisé
Revenir en haut Aller en bas
Ajout de la balise avatar dernier inscrit dans le qeel Empty Sam 21 Juil - 13:55
Bonjour,

Indiquez-moi la taille du QEEL ainsi que l'emplacement désiré pour l'avatar.


Édition du 29 Juillet : Modifications effectuées pour le QEEL 8 de largeur = 800px. Adaptation du tutoriel du FdF pour l'ajout de l'avatar.

Remplacez l'intégralité du code du QEEL par :
Code:
<!-- BEGIN disable_viewonline -->
 <table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td><div class="QEEL"><div id="ondayQEEL"><!-- TITRE --><div class="tleQEEL"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></div><!-- BLOC EN LIGNE/24H --><div class="ondayQEEL"><table><span id="TLUS" style="font-size:9px;">{TOTAL_USERS_ONLINE}</span><script type="text/javascript">document.getElementById('TLUS').innerHTML=document.getElementById('TLUS').innerHTML.replace(/Il y a en tout/,"");</script><br/><br/><!-- EN LIGNE -->▬ <b>En ligne</b> : <span id="LINEUS">{LOGGED_IN_USERS_LIST}</span><script type="text/javascript">document.getElementById('LINEUS').innerHTML=document.getElementById('LINEUS').innerHTML.replace(/Utilisateurs enregistrés :/,"");</script></table><br/><!-- 24 H --><table>{L_CONNECTED_MEMBERS}</table></div>
  
<!-- TRAITS COLORES GROUPES --><div class="GQEEL"><!-- GROUPE 1 --><span class="onglet_0 onglet" id="onglet_eins" onmouseover="javascript:change_onglet('eins');" style="background-color:#FA5858;"></span><!-- GROUPE 2 --><span class="onglet_0 onglet" id="onglet_zwei" onmouseover="javascript:change_onglet('zwei');" style="background-color:#FF8000;"></span><!-- GROUPE 3 --><span class="onglet_0 onglet" id="onglet_drei" onmouseover="javascript:change_onglet('drei');" style="background-color:#FFFF00;"></span><!-- GROUPE 4 --><span class="onglet_0 onglet" id="onglet_vier" onmouseover="javascript:change_onglet('vier');" style="background-color:#80FF00;"></span><!-- GROUPE 5 --><span class="onglet_0 onglet" id="onglet_funf" onmouseover="javascript:change_onglet('funf');" style="background-color:#0080FF;"></span><!-- GROUPE 6 --><span class="onglet_0 onglet" id="onglet_sechs" onmouseover="javascript:change_onglet('sechs');" style="background-color:#BF00FF;"></span><!-- GROUPE 7 --><span class="onglet_0 onglet" id="onglet_sieben" onmouseover="javascript:change_onglet('sieben');" style="background-color:#FE2EF7;"></span>
</div></div>
 
<!-- STATISTIQUES --><div class="stsQEEL"><!-- DERNIER UTILISATEUR ENREGISTRE --><div class="lstQEEL"><span id="lstavQEEL" style="display:inline-block; vertical-align:middle;"></span><span style="display:inline-block; vertical-align:middle; margin-left:15px; width:215px;"><!-- DERNIER INSCRIT --><div>Bienvenue à</div><span id="nUSER">{NEWEST_USER}</span></span><script type="text/javascript">document.getElementById('nUSER').innerHTML=document.getElementById('nUSER').innerHTML.replace(/L'utilisateur enregistré le plus récent est /," ")</script></div><!-- TOTAL MEMBRES --><div class="tlMQEEL"><span id="tUSERS">{TOTAL_USERS}</span><script type="text/javascript">document.getElementById('tUSERS').innerHTML=document.getElementById('tUSERS').innerHTML.replace(/Nous avons /," ") .replace(/membres enregistrés/," ") .replace(/membre enregistré/," ");</script><br/>Membres</div><div class="tlPQEEL"><!-- TOTAL MESSAGES --><span id="tPOSTS">{TOTAL_POSTS}</span><script type="text/javascript">document.getElementById('tPOSTS').innerHTML=document.getElementById('tPOSTS').innerHTML.replace(/Nos membres ont posté un total de /," ") .replace(/messages/," ");</script><br/>Messages</div><!-- ANNIVERSAIRES --><div class="anvQEEL">Anniversaires<div><table>{L_WHOSBIRTHDAY_TODAY} {L_WHOSBIRTHDAY_WEEK}</table></div></div></div>
 
<!-- DESCRIPTIONS GROUPES --><div class="blocGQEEL"><script type="text/javascript" src="http://sd-1.archive-host.com/membres/up/211183412958130190/onglets.js"></script><!-- CONTENU GROUPE 1 --> <div class="contenu_onglet" id="contenu_onglet_eins"><!-- NOM DU GROUPE --><div style="background:#FA5858;">Groupe I</div><!-- CONTENU -->Contenu groupe 1.</div><!-- CONTENU GROUPE 2 --><div class="contenu_onglet" id="contenu_onglet_zwei"><!-- NOM DU GROUPE --><div style="background:#FF8000;">Groupe II</div><!-- CONTENU -->Contenu groupe 2.</div><!-- CONTENU GROUPE 3 --><div class="contenu_onglet" id="contenu_onglet_drei"><!-- NOM DU GROUPE --><div style="background:#FFFF00;">Groupe III</div><!-- CONTENU -->Contenu groupe 3.</div><!-- CONTENU GROUPE 4  --><div class="contenu_onglet" id="contenu_onglet_vier"><!-- NOM DU GROUPE --><div style="background:#80FF00;">Groupe IV</div><!-- CONTENU -->Contenu groupe 4.</div><!-- CONTENU GROUPE 5  --><div class="contenu_onglet" id="contenu_onglet_funf"><!-- NOM DU GROUPE --><div style="background:#0080FF;">Groupe V</div><!-- CONTENU -->Contenu groupe 5.</div><!-- CONTENU GROUPE 6  --><div class="contenu_onglet" id="contenu_onglet_sechs"><!-- NOM DU GROUPE --><div style="background:#BF00FF;">Groupe VI</div><!-- CONTENU -->Contenu groupe 6.</div><!-- CONTENU GROUPE 7  --><div class="contenu_onglet" id="contenu_onglet_sieben"><!-- NOM DU GROUPE --><div style="background:#FE2EF7;">Groupe VII</div><!-- CONTENU -->Contenu groupe 7.</div>
 
    </div>
    <script type="text/javascript">
                //<!--
                        var anc_onglet = 'eins';
                        change_onglet(anc_onglet);
                //-->
                </script>
    </div>
          </td>
           </tr>
        </table>
        <!-- END disable_viewonline -->

A la ligne 20 du template profile_view_body, remplacez :
Panneau d'administration > Affichage > Templates > Profil

Code:
<span class="gen">{AVATAR_IMG}</span>

Par :
Code:
<span id="avQEEL">{AVATAR_IMG}</span>

Créez un nouveau code javascript :
Panneau d'administration > Modules > HTML & JAVASCRIPT > Gestion des codes Javascript
Placement : Sur l'index

Code:
$(function(){
    $.get($("#nUSER a[href^='/u']")[0].href,function(d){
    (a=$("#avQEEL img",$(d))).length&&$("#lstavQEEL").html(a);})
    });

Dans votre partie CSS, remplacez :
Code:
/* DERNIER UTILISATEUR ENREGISTRE QEEL */
.lstQEEL {
width:305px; height:65px; padding-top:20px;
background:#DEDEDE; color:black; /* MODIFIABLE */
text-transform:uppercase; text-align:center; font-size:16px;
}

Par :
Code:
/* DERNIER UTILISATEUR ENREGISTRE QEEL */
.lstQEEL {
width:305px; height:75px; padding-top:10px;
background:#DEDEDE; color:black; /* MODIFIABLE */
text-transform:uppercase; text-align:center; font-size:16px;
}
/* AVATAR DERNIER UTILISATEUR ENREGISTRE QEEL */
#lstavQEEL {
width:50px; height:65px; overflow:hidden;
}
#lstavQEEL img {
width:50px;
}

Instructions supplémentaires :
Ajout de la balise avatar dernier inscrit dans le qeel PFIL
Revenir en haut Aller en bas
Vous ne pouvez pas répondre aux sujets dans ce forum