Coucou Said,
alors on va supprimer une div dans le template pour la remplacer par une autre.
Comme tu l'as demandé,
si le membre est hors ligne on affiche rien.
si le membre est connecté on affiche une barre verte.
Dans le template viewtopic_body:
Affichage/
Templates/
Général/
viewtopic_bodyRecherches et supprimes ceci:
- Code:
-
<div class="post-author-status"></div>
Remplaces par ceci:
- Code:
-
<div class="M14_statut"></div>
Penses a enregistrer puis à valider en cliquant respectivement sur
puis
Puis le style ou il faudra peut être ajuster les valeurs:
Dans la feuille de style:
Affichage/
Images et Couleurs/
Couleurs/
Feuille de styleAjoutes ceci:
- Code:
-
.online .M14_statut
{
background-color: #40A443;
position: absolute;
margin-top: -16px;
width: 100%;
height:5px;
margin-left: -25px;
}
Penser a cliquer sur le bouton ![[BESTOF] [AWESOMEBB] Modifier le en ligne hors ligne Sans_t10](https://i.servimg.com/u/f87/11/26/21/37/sans_t10.png)
Si quelquefois , tu décidais de mettre une couleur rouge pour les membres hors ligne,
il faudra remplacer tout le style par celui-ci:
- Code:
-
.M14_statut
{
position: absolute;
margin-top: -16px;
width: 100%;
height:5px;
margin-left: -25px;
}
.online .M14_statut
{
background-color: #40A443;
}
div[class*="post--"]:not(.online) .M14_statut
{
background-color:#920032!important;
}
Facultatif:
Puis si tu veux avoir une indication au survol de ces barres, on va utiliser un script qui affichera:
Pour un membre connecté:"En ligne".
Pour un membre non connecté:"Hors ligne".
Modules/
HTML&JAVASCRIPT/
Gestion des codes Javascript/
Créer un nouveau JavascriptMettre un titre explicite.
Cocher sur le portail.
Cocher sur l'index.
Cocher sur toutes les pages.
Cocher sur les sous-forums
Cocher Sur les sujets
Déposer ceci:
- Code:
-
$(function(){
$('div[class*="post--"]').each(function(){
var enligne=$(this).hasClass('online');
if(enligne){$(this).find('.M14_statut').attr('title','En ligne');
}else{$(this).find('.M14_statut').attr('title','Hors ligne');}});});
Penser a cliquer sur le bouton