Connexion

Récupérer mon mot de passe

Derniers sujets
» histoire du Jour sans fin
[MODERNBB] Ajouter les boutons "En Ligne" et "Hors-Ligne" Clock-10Hier à 20:12 par bildil62

» Afficher la date de la dernière visite au survol du Pseudo seulement pour les admins
[MODERNBB] Ajouter les boutons "En Ligne" et "Hors-Ligne" Clock-10Hier à 20:07 par photoclic

» [PHPBB2] Afficher une couleur de fond pour chaque catégorie
[MODERNBB] Ajouter les boutons "En Ligne" et "Hors-Ligne" Clock-10Hier à 1:15 par ThunderTB

» [AwesomeBB] Mettre un bouton résolu et déplacé à la corbeille
[MODERNBB] Ajouter les boutons "En Ligne" et "Hors-Ligne" Clock-10Mer 22 Mai 2019 - 9:19 par Morane

» [AwesomeBB] Histoire de widgets sur AwesomeBB
[MODERNBB] Ajouter les boutons "En Ligne" et "Hors-Ligne" Clock-10Mer 22 Mai 2019 - 3:51 par Milouze14

» [PHPBB3] Supprimer la ligne Cacher sa présence en ligne
[MODERNBB] Ajouter les boutons "En Ligne" et "Hors-Ligne" Clock-10Mar 21 Mai 2019 - 17:39 par Milouze14

» Les réseaux sociaux
[MODERNBB] Ajouter les boutons "En Ligne" et "Hors-Ligne" Clock-10Mar 21 Mai 2019 - 10:17 par Splash

» *RESOLU*[Invision] Changement de couleur pour un dernier groupe installé.
[MODERNBB] Ajouter les boutons "En Ligne" et "Hors-Ligne" Clock-10Dim 19 Mai 2019 - 19:32 par Milouze14

» Règlement de l'entraide Forumactif
[MODERNBB] Ajouter les boutons "En Ligne" et "Hors-Ligne" Clock-10Dim 19 Mai 2019 - 10:39 par Romain

» [PhpBB2] Zoom sur catégories comme sur les messages
[MODERNBB] Ajouter les boutons "En Ligne" et "Hors-Ligne" Clock-10Ven 17 Mai 2019 - 15:52 par Milouze14

» [TUTORIEL PHOTOSHOP] Effacer un objet très facilement avec l'Outil correcteur localisé
[MODERNBB] Ajouter les boutons "En Ligne" et "Hors-Ligne" Clock-10Mer 15 Mai 2019 - 8:55 par soleda

» Histoire de Blondes Sans Fin
[MODERNBB] Ajouter les boutons "En Ligne" et "Hors-Ligne" Clock-10Mar 14 Mai 2019 - 7:34 par Quad Daniel

» La dictée qui rend fou "humour"
[MODERNBB] Ajouter les boutons "En Ligne" et "Hors-Ligne" Clock-10Mar 14 Mai 2019 - 7:23 par Quad Daniel

» [AwesomeBB] Afficher les stats du footer sans afficher le QEEL
[MODERNBB] Ajouter les boutons "En Ligne" et "Hors-Ligne" Clock-10Lun 13 Mai 2019 - 4:16 par Milouze14

» [PhpBB2]Mettre une couleur de fond dans le profil des messages
[MODERNBB] Ajouter les boutons "En Ligne" et "Hors-Ligne" Clock-10Ven 10 Mai 2019 - 17:04 par Morane

» [TOUTES VERSIONS] Trouver l'identifiant d'un membre spécifique
[MODERNBB] Ajouter les boutons "En Ligne" et "Hors-Ligne" Clock-10Mer 8 Mai 2019 - 10:08 par Quad Daniel

» [AwesomeBB]Créer un widget Dernières publications
[MODERNBB] Ajouter les boutons "En Ligne" et "Hors-Ligne" Clock-10Mar 7 Mai 2019 - 16:44 par Milouze14

» *RESOLU*[PhpBB2] Fenêtre de connexion
[MODERNBB] Ajouter les boutons "En Ligne" et "Hors-Ligne" Clock-10Lun 6 Mai 2019 - 18:46 par Milouze14

» *RESOLU*[PhpBB2] Messenger forumactif sur votre forum
[MODERNBB] Ajouter les boutons "En Ligne" et "Hors-Ligne" Clock-10Lun 6 Mai 2019 - 17:14 par Milouze14

» [PhpBB2]Afficher le lien du sujet dans les messages
[MODERNBB] Ajouter les boutons "En Ligne" et "Hors-Ligne" Clock-10Dim 5 Mai 2019 - 19:38 par Milouze14

[MODERNBB] Ajouter les boutons "En Ligne" et "Hors-Ligne"

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

Milouze14
Milouze14
Fondateur

MessageMilouze14 le Dim 3 Mar 2019 - 11:12

Hello les ami(e)s,
voici une astuce qui vous permettra de mettre une image pour les membres hors ligne par défaut dans le template
et une autre quand le membre sera connecté.


Les image se trouveront situées au dessus de l'avatar.
Aperçus imagés:

[MODERNBB] Ajouter les boutons "En Ligne" et "Hors-Ligne" 1185


-Astuce des Forums Milouze14&Compagnie-





  • Astuce postée par:
    Réponse automatique:

    Merci de cliquer ici pour voir le message

Pour toute information,merci de contacter un Membre du Staff
[MODERNBB] Ajouter les boutons "En Ligne" et "Hors-Ligne" Staff10





Dans le template viewtopic_body:
Affichage/Templates/Général/viewtopic_body


Recherchez cette ligne:
Code:
<!-- div class="online2"></div-->


Juste Avant déposez ceci en modifiant le lien de l'image (a modifier comme bon vous semble).


Code:
<img class="M14_online"src="https://i.servimg.com/u/f87/11/26/21/37/m14_bt11.png"title="Membre hors ligne"/>


Pensez à enregistrer puis à valider en cliquant respectivement sur Enregistrer  puis  Ajout


A ce stade, tous les membres auront un statut hors ligne affichant l'infobulle"Membre hors ligne" .


Comme affiché dans le template:
Code:
"title="Membre hors ligne"/>


Ensuite le script:


Modules/HTML JAVASCRIPT/Gestion des codes JavascriptCréer un nouveau javascript


Mettez un titre explicite.
Cochez sur les sujets.


Déposez ceci:
Code:

$(function(){
  //IMAGE EN LIGNE
var M14_enligne='https://i.servimg.com/u/f87/11/26/21/37/m14_bt10.png';
$('div[class*="post--"]').each(function(){
var a=$(this).hasClass('online');
if(a){$(this).find('img[class="M14_online"]').attr('src',M14_enligne).attr('title',' Membre en ligne');}
});});



Pensez a cliquer sur le bouton Valider


Vous pouvez la aussi modifier le lien de l'image comme bon vous semble.



On va masquer le bouton en ligne actuel.

Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
Déposez ceci:
Code:

.online:before{background-color:transparent !important;}




Pensez à valider les modifications en cliquant sur le bouton Valider












Voilà,c'est tout pour le moment.
Un soucis?
Direction l'entraide clin oeil
https://www.milouze14.com/f108-entraide-tous-supports
Splash
Splash
Milouzien

MessageSplash le Dim 3 Mar 2019 - 12:20

chrisnvidia
chrisnvidia
Milouzien

Messagechrisnvidia le Dim 3 Mar 2019 - 17:22

xewup
xewup
Milouzien

Messagexewup le Sam 30 Mar 2019 - 10:11

Merci beaucoup

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

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