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

EDGE/ PHPBB2 / PHPBB3/ PUNBB / INVISION/ MODERNBB/ AWESOMEBB
 
AccueilAccueil  PortailPortail  Connexion  S'enregistrerS'enregistrer  
Le Deal du moment : -47%
La carte Fnac+ à 7.99€ pour 1 an
Voir le deal
7.99 €

 

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

Aller en bas 
2 participants
AuteurMessage
YOUGATAGA
Milouzien

avatar



[BESTOF] [AWESOMEBB]  Modifier le en ligne hors ligne Empty
MessageSujet: [BESTOF] [AWESOMEBB] Modifier le en ligne hors ligne   [BESTOF] [AWESOMEBB]  Modifier le en ligne hors ligne EmptySam 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
Revenir en haut Aller en bas
https://moddingrp.forumactif.com
Milouze14
Fondateur

Milouze14



[BESTOF] [AWESOMEBB]  Modifier le en ligne hors ligne Empty
MessageSujet: Re: [BESTOF] [AWESOMEBB] Modifier le en ligne hors ligne   [BESTOF] [AWESOMEBB]  Modifier le en ligne hors ligne EmptySam 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   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





Revenir en haut Aller en bas
https://www.milouze14.com
YOUGATAGA
Milouzien

avatar



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

Magnifique :)
Revenir en haut Aller en bas
https://moddingrp.forumactif.com
Milouze14
Fondateur

Milouze14



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

Hello


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

A bientôt pour une prochaine demande clin oeil

Revenir en haut Aller en bas
https://www.milouze14.com
Contenu sponsorisé





[BESTOF] [AWESOMEBB]  Modifier le en ligne hors ligne Empty
MessageSujet: Re: [BESTOF] [AWESOMEBB] Modifier le en ligne hors ligne   [BESTOF] [AWESOMEBB]  Modifier le en ligne hors ligne Empty

Revenir en haut Aller en bas
 
[BESTOF] [AWESOMEBB] Modifier le en ligne hors ligne
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» [AWESOMEBB]Ajouter les boutons "En Ligne" et "Hors-Ligne"
» [BESTOF][AWESOMEBB] Supprimer le qui est en ligne
» [BESTOF][AWESOMEBB] Supprimer le qui est en ligne sur la droite
» [MODERNBB] Ajouter les boutons "En Ligne" et "Hors-Ligne"
» [BESTOF][AWESOMEBB] Nombre de caractères restant sur les nouveaux sujets

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Astuces Forumactif :: Astuces Forumactif :: Les bests of de l'entraide-
Sauter vers: