Connexion

Récupérer mon mot de passe

Derniers sujets*
» [EDGE]Module de connexion type Forumactif
par clost Mar 24 Nov 2020 - 21:11

» [TOUTES VERSIONS]Afficher les derniers membres enregistrés dans un widget (ADMIN)
par petitefeuille Mar 24 Nov 2020 - 15:09

» [TOUTES VERSIONS] Installer MESSENGER Forumactif sur votre forum (Version Française)
par petitefeuille Mar 24 Nov 2020 - 8:32

» [PHPBB2]Afficher le profil à droite
par Milouze14 Lun 23 Nov 2020 - 18:42

» [TOUTES VERSIONS]Afficher les scripts disponibles et désactivés dans un widget (ADMIN)
par photoclic Dim 22 Nov 2020 - 18:57

» [TOUTES VERSIONS] Faire clignoter les images des nouveaux messages
par clost Dim 22 Nov 2020 - 13:59

» [EDGE] Afficher le Pseudo dans l'outil de modération "Modérer ce forum"
par clost Sam 21 Nov 2020 - 19:11

» [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster
par Milouze14 Jeu 19 Nov 2020 - 20:03

» [TOUTES VERSIONS] Masquer une icône de message sur un ou plusieurs forums
par Jane Mer 18 Nov 2020 - 7:33

» [PHPBB3] Ajouter une deuxième barre de navigation
par photoclic Dim 15 Nov 2020 - 13:04

» [PHPBB2]Supprimer le tag "Re" sur les messages
par Prongs Dim 15 Nov 2020 - 10:15

» [TOUTES VERSIONS] Afficher une barre des tâches façon Windows 10 sur votre forum
par tritri Ven 13 Nov 2020 - 21:12

» [PHPBB2] Supprimer les colonnes sujets messages et derniers messages des sous forums
par soleda Mar 10 Nov 2020 - 7:04

» [PHPBB2]Supprimer les champs de contacts dans le profil
par Psychotic Bitch Mar 10 Nov 2020 - 0:34

» [PHPBB2]Afficher les boutons " éditer, citer, supprimer, etc ... " sous forme de texte
par Psychotic Bitch Mar 10 Nov 2020 - 0:31

» [TOUTES VERSIONS] Utiliser les variables utilisateur/forum
par no_way Jeu 5 Nov 2020 - 20:59

» [PUNBB] Afficher le Pseudo dans l'outil de modération "Modérer ce forum"
par Milouze14 Dim 1 Nov 2020 - 7:43

» [INVISION] Afficher le Pseudo dans l'outil de modération "Modérer ce forum"
par Milouze14 Dim 1 Nov 2020 - 6:27

» [PHPBB2]Afficher le Pseudo dans l'outil de modération "Modérer ce forum"
par Morane Sam 31 Oct 2020 - 11:25

» [AWESOMEBB]Afficher le Pseudo dans l'outil de modération "Modérer ce forum"
par Milouze14 Sam 31 Oct 2020 - 10:07

Les statistiques du forum
Nous avons 451 membres enregistrés

L'utilisateur enregistré le plus récent est moirae

Nos membres ont posté un total de 22071 messages dans 1142 sujets

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

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

avatar
YOUGATAGA
Milouzien

MessageYOUGATAGA le Sam 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
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Sam 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







Nouvelle barre de navigation

Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
avatar
YOUGATAGA
Milouzien

MessageYOUGATAGA le Sam 23 Mai 2020 - 21:17

Magnifique :)
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Dim 24 Mai 2020 - 5:38


Hello


Sujet résolu et déplacé dans le forum adéquate

A bientôt pour une prochaine demande clin oeil





Nouvelle barre de navigation

Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).

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

Sujets similaires internes ( 0 )
Aucun sujet

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