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

Hello les ami(e)s,


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:







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

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 !

merci beaucoup il y a plein de bons trucs ici


Message envoyé via la réponse rapide par: @Angelface