[PHPBB3] Afficher les membres en ligne (version graphique) sur l'index et dans la liste des sujets

Hello les ami(e)s,

voici l'astuce identique à celle déposée ici:
https://www.milouze14.com/t30889-phpbb3-afficher-les-membres-en-ligne-version-texte-sur-l-index-et-dans-la-liste-des-sujets#M14

Le petit plus est que cette version affichera une image en ligne ou hors ligne selon le statut de connexion du membre forcément .


Il faut pour cela que le profil avancè soit activé:
Utilisateurs et groupes/Profil/Options générales/Options générales du profil
Activer le profil avancé : Oui


Les aperçus imagés:

Sur l'index:


Sur la liste des sujets:

-Astuce des Forums Milouze14&Compagnie- Astuce postée par: Réponse automatique: Merci de cliquer ici pour voir le message Pour toute information,merci de contacter un Membre du Staff

Modules/HTML JAVASCRIPT/Gestion des codes JavascriptCréer un nouveau javascript


Mettez un titre explicite.
Cochez sur l'index et les sous forums.

Déposez ceci:

Code:


$(document).ready(function() {
if (_userdata.session_logged_in == 1) {
$('.lastpost,.dterm .span-tab').find('a[href^="/u"]').append('<i class="M14_LoadInline"></i>');
$('.lastpost,.dterm .span-tab').each(function(){
  //Déposez le lien de l'image en ligne ici
var M14_GeT_img='https://i.servimg.com/u/f11/11/26/21/37/m14_bt16.png';
    //Déposez le lien de l'image hors ligne ici
var M14_Get_imgNoT='https://i.servimg.com/u/f11/11/26/21/37/m14_bt17.png';
var M14_GeT_member= $(this).find('a[href^="/u"]').text();
var M14_GeT_href = $(this).find('a[href^="/u"]').attr('href'),
$M14_GeT_oneline = $(this).find('a[href^="/u"]').find('i');
if (/^\/u\d+$/.test(M14_GeT_href))
{$.get(M14_GeT_href, function(data){
var $text = $(data).find('#profile-advanced-right').find('.module').first().find('.h3 em');
if(($text).length)
{var M14_load_onelineIMG ='<img src="'+M14_GeT_img+'"style="width:12px;height:12px;cursor:pointer;"title="'+M14_GeT_member+' est en ligne"/>';
$text.replaceWith(M14_load_onelineIMG),$M14_GeT_oneline.html(M14_load_onelineIMG);
}else{$M14_GeT_oneline.html('<img src="'+M14_Get_imgNoT+'"style="width:12px;height:12px;cursor:pointer;"title="'+M14_GeT_member+' est hors ligne"/>');
}});}});}});




Pensez a cliquer sur le bouton Valider


Changez si besoin les images en ligne et hors ligne ici:

Code:

 
//Déposez le lien de l'image en ligne ici
var M14_GeT_img=' https://i.servimg.com/u/f11/11/26/21/37/m14_bt16.png ';
    //Déposez le lien de l'image hors ligne ici
var M14_Get_imgNoT=' https://i.servimg.com/u/f11/11/26/21/37/m14_bt17.png ';

Puis le style suivant le positionnement des ces images:

Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Déposez ceci:

Code:


/*Image hors ligne et en ligne listes des sujets cote descriptif sujet*/
.dterm .M14_LoadInline{top: 2px;position: relative;}
/*Image hors ligne et en ligne listes des sujets dernier message*/
.lastpost .M14_LoadInline{top:-2px;position: relative;}




Pensez à valider les modifications en cliquant sur le bouton Valider






Voilà,c'est tout pour le moment.
Un soucis?
Direction l'entraide 
https://www.milouze14.com/f108-entraide-tous-supports

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !