[BESTOF] [AWESOMEBB] Modifier le en ligne hors ligne

[BESTOF] [AWESOMEBB] Modifier le en ligne hors ligneSam 23 Mai 2020 - 14:16

Version du forum :
AWESOMEBB
Templates modifiés :
non
Navigateur :
Chrome

Salut, le petit point vert lorsqu'on est connecté est trop moche, et je voudrais mettre une barre verte à la place, quelque chose de beau, et donc apres beaucoup de recherche j'ai trouvé un exemple donc voila :

L'image de mon forum actuellement :

[BESTOF] [AWESOMEBB] Modifier le en ligne hors ligne Sans_t11

Ce que je voudrais faire, donc une barre verte stylé qui sera presente lorsque l'utilisateur est connecté, et qu'elle serait invisible quand l'utilisateur est deconnecté.

[BESTOF] [AWESOMEBB] Modifier le en ligne hors ligne Barre_10

Merci infiniment :)

Dernière édition par YOUGATAGA le Sam 23 Mai 2020 - 21:17, édité 1 fois

Re: [BESTOF] [AWESOMEBB] Modifier le en ligne hors ligneSam 23 Mai 2020 - 16:12

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_body

Recherches 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 style

Ajoutes 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

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 Javascript

Mettre 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 Valid

Re: [BESTOF] [AWESOMEBB] Modifier le en ligne hors ligneSam 23 Mai 2020 - 21:17

Magnifique :)

Re: [BESTOF] [AWESOMEBB] Modifier le en ligne hors ligneDim 24 Mai 2020 - 5:38

Hello

Sujet résolu et déplacé dans les BESTOF

A bientôt pour une prochaine demande clin oeil

EDGE/ PHPBB2 / PHPBB3/ PUNBB / INVISION/ MODERNBB/ AWESOMEBB

[BESTOF] [AWESOMEBB] Modifier le en ligne hors ligne

description[BESTOF] [AWESOMEBB] Modifier le en ligne hors ligneSam 23 Mai 2020 - 14:16

descriptionRe: [BESTOF] [AWESOMEBB] Modifier le en ligne hors ligneSam 23 Mai 2020 - 16:12

descriptionRe: [BESTOF] [AWESOMEBB] Modifier le en ligne hors ligneSam 23 Mai 2020 - 21:17

descriptionRe: [BESTOF] [AWESOMEBB] Modifier le en ligne hors ligneDim 24 Mai 2020 - 5:38

descriptionRe: [BESTOF] [AWESOMEBB] Modifier le en ligne hors ligne