[PHPBB2] 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/t30888-phpbb2-afficher-les-membres-en-ligne-version-texte-sur-l-index-et-dans-la-liste-des-sujets#587558

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) {
$('.row3.over,.row3Right').find('a[href^="/u"]').closest('strong').after('<span class="M14_LoadInline"style="margin-left: 5px;"></span>');
$('.row3.over,.row3Right').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"]').closest('strong').next();
if (/^\/u\d+$/.test(M14_GeT_href)){$.get(M14_GeT_href, function(data){
  var $text = $(data).find('#profile-advanced-details').closest('td[valign="top"]').next().find('.genmed.module-title:eq(0) 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 ';


Pensez à valider les modifications en cliquant sur le bouton Valider


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

Déposes ceci:

Code:


/*Image hors ligne et en ligne */
.row3.over .M14_LoadInline,.row3Right .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

Bonjour,

Merci pour cette superbe idée de mettre une image à la place du texte.

Une petite merveille pour embellir le fofo.

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup Philippe pour cette chouette astuce

@Kaeyla a écrit:Bonjour,

Merci pour cette superbe idée de mettre une image à la place du texte.

Une petite merveille pour embellir le fofo.

Approuvé.

Merci beaucoup !