Astuces Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Membres connectés récemment
Voir tous les membres

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

Voir le sujet précédent Voir le sujet suivant Aller en bas

Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mer 6 Sep 2017 - 8:10

Hello les ami(e)s,


Cette version affichera une image en ligne ou hors ligne selon le statut de connexion du membre forcément mdr .


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:
[PHPBB2] Afficher les membres en ligne (version graphique) sur l'index et dans la liste des sujets 150

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


-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
[PHPBB2] Afficher les membres en ligne (version graphique) sur l'index et dans la liste des sujets Staff10



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








Dernière édition par Milouze14 le Lun 29 Nov 2021 - 6:33, édité 3 fois

Angelface aime ce message

Kaeyla
Kaeyla
https://sweethome.forumactif.com

MessageKaeyla Dim 10 Sep 2017 - 14:53

Bonjour, coucou

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

Une petite merveille pour embellir le fofo. hinhin
Anonymous
Invité
Invité

MessageInvité Lun 11 Sep 2017 - 1:43

Merci beaucoup !
dragon594
dragon594
https://dragon-graphisme59.forumactif.org/

Messagedragon594 Ven 22 Sep 2017 - 14:25

Merci beaucoup !
Ptite_Perle
Ptite_Perle
https://forumcrea.forumactif.org/

MessagePtite_Perle Dim 1 Oct 2017 - 10:54

Merci beaucoup !
Ombi
Ombi
https://vieminimaliste.forumactif.com/

MessageOmbi Lun 26 Fév 2018 - 19:43

Merci beaucoup Philippe pour cette chouette astuce fr4
Lilas
Lilas
http://lefofodemacopine.forumactif.com

MessageLilas Lun 19 Nov 2018 - 18:29

Kaeyla a écrit:Bonjour, coucou

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

Une petite merveille pour embellir le fofo. hinhin
Approuvé.

heuu
fred9545
fred9545
Donateur

http://www.mecanique-auto.com/

Messagefred9545 Sam 19 Jan 2019 - 11:25

Merci beaucoup !
Angelface
Angelface
http://lejardindescopines.actifforum.com/

MessageAngelface Mer 29 Sep 2021 - 2:01

merci beaucoup il y a plein de bons trucs ici
coucou super

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

Voir le sujet précédent Voir le sujet suivant Revenir en haut

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum