Astuces Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.

Astuces ForumactifConnexion

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

-25%
Le deal à ne pas rater :
-25% Figurines Funko – Calendrier d’Avent Harry Potter 2022
18 € 24 €
Voir le deal

descriptionIcône par defaut[BESTOF] [AWESOMEBB] Modifier le en ligne hors ligne

more_horiz
  • 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

descriptionIcône par defautRe: [BESTOF] [AWESOMEBB] Modifier le en ligne hors ligne

more_horiz
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   Enregistr puis Ajout


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 [BESTOF] [AWESOMEBB]  Modifier le en ligne hors ligne Sans_t10


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





descriptionIcône par defautRe: [BESTOF] [AWESOMEBB] Modifier le en ligne hors ligne

more_horiz
Magnifique :)

descriptionIcône par defautRe: [BESTOF] [AWESOMEBB] Modifier le en ligne hors ligne

more_horiz
Hello


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

A bientôt pour une prochaine demande clin oeil

descriptionIcône par defautRe: [BESTOF] [AWESOMEBB] Modifier le en ligne hors ligne

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