Mettre un bouton pour ouvrir/fermer les connectés sur 24 heures

[Cool-84]

Bonjour à toutes et tous
Voilà, je suis sous phpbb3 et je voudrais, si c'était possible, mettre un bouton on/off (ou un autre système ayant la même fonction), pour afficher ou cacher la liste des membres connectés sur 24heures, et accessible à tous les membres.
J'ai cherché sur le FdF et dans mon tableau d'admin, je n'ai rien trouvé. Il y a juste la possibilité d'afficher ou non la liste des membres connectés, c'est donc très rigide, car si je coche "ne pas afficher", les membres n'auront pas accès à cette option.
Or, je voudrais qu'ils aient ce choix.
Un code javascript peut-être ?
Merci de vos réponses

       

[Invité]

Salut Cool-84 ,

je vais tâcher de te trouver une solution    .

a++

[Cool-84]

C'est super sympa
Tiens moi au courant
Merci

 

[Invité]

Re,

de rien , en fait on va simplement désactiver tout le Qeel et le membre pourra à son grès
l'afficher ou non    .

Cela te convient mon ami ?

a++

[Cool-84]

Merci de cette réponse hyper-rapide
Tout sera désactivé par un code ?
Comment les membres pourront activer les options qui les intéressent, dans leur profil, par des boutons  ?
Je ne pensais pas que c'était si compliqué
Mais à nouveau merci pour l'attention
A+

[Invité]

Re,

ta version (phpbb3) ne permet pas réellement d'activer les modules différemment    .


Tu auras cette apparence :


Et au clic sur le bouton +

Tu auras ceci:




a++

[Cool-84]

Ouais, par défaut, c'est pas mal, dommage que çà englobe tout
Autres questions du pénible de service.............. moi
La sélection faite par le membre, de visionner ou non le qeel, est-ce que ce choix se mémorise et  se reproduit lors de ses connexions futures ?
Une fois le Qeel neutralisé sous cette forme, il y a t-il un moyen simple de revenir en arrière pour un affichage normal, sans passer par le Staff de FdF?
Merci à nouveau et sorry pour le dérangement
A+

[Invité]

Re,
l'affichage ne reste pas en mémoire (en parlant vulgairement )    .

Ensuite le menu sera simplement désactivé dans le module des Javascript de ton forum    .

Il suffira d'éditer ce dernier et de décocher tous les boutons et hop tu retrouves l'apparence initiale   .
Il faudra aussi supprimer la C.S.S correspondante    .

a++

[Cool-84]

On peut faire un essai,
mais il faudra bien m'expliquer, parce que là, tu me fais un peu peur
Dans les javascript et CSS, il n'y a, en accessible pour moi, que ceux que j'ai rajoutés,
alors comment éditer les javacripts et CSS autres ?
Là, je suis limite explosé

 

[Invité]

Re,
je vais essayer d'être le plus clair possible mon ami    .

On va créer un Javascript ou tu n'auras rien a toucher sur le contenu à déposer.

Modules/HTML&JAVASCRIPT/
Gestion des codes Javascript/Créer un nouveau Javascript

Mettre un titre explicite comme "Afficher masquer le qeel"
Cocher sur l'index

Dans la partie vide colle tout ce contenu:

Code:


//CREATION D UNE DIV
$(function(){
$('<div id="M14_btn"class="forabg"><div class="M14_btn_show"title="Afficher le Qeel">+</div><span class="table-title"><h2>Le QEEL</h2></span><div class="M14_btn_hide"title="Masquer le Qeel">-</div></div>').insertAfter(".forabg:last");
});
// L ACTION POUR L OUVERTURE
$(function(){
$(".M14_btn_show").click(function(){
$( "div#main-content  p , div#main-content  p.page-bottom , #main-content .h3 ").show("500");
})
});
//L ACTION POUR LA FERMETURE
$(function(){
$(".M14_btn_hide").click(function(){
$( "div#main-content  p , div#main-content  p.page-bottom , #main-content .h3 ").hide("500");
})
});


Pense à cliquer sur le bouton

Voilà pour le Javascript   

Si tu ne le désires plus il faudra éditer ce dernier et décocher la case sur l'index   .

On va passer à la C.S.S (feuille de style) afin de donner une apparence à la div(la barre ou
sera placé les boutons et le titre) .

Affichage/Images et Couleurs/Couleurs/Feuille de style

Colle tout ce contenu tout au début :

Code:


/* DEBUT DU CODE DE MILOUZE14*/
/*ON CACHE LE QEEL*/

div#main-content  p , div#main-content  p.page-bottom
{
display:none;
}
/*FIN*/
/*ON MASQUE LES DEUX DIV QUI EST EN LIGNE ET STATS*/
#main-content .h3:nth-child(n+2)
{
display:none;
}
/*FIN*/
/*LA DIV DES FOUTONS*/
#M14_btn.forabg
{
width:90%;/*largeur de la div 70 pourcent*/
margin-left:5%;/*on centre la div en appliquant 15 pourcent de chaque cote*/
height:20px;/*hauteur de la div*/
text-align:center;/*on centre tout le contenu*/
-webkit-border-radius: 6px; /*les bordures arrondies*/
-moz-border-radius: 6px;
border-radius: 6px;
}
/*FIN*/


/*LE BOUTON D OUVERTURE*/
.M14_btn_show
{
display:inline;
color:green;/*couleur du bouton*/
font-weight:bold;/*caractere gras*/
font-size:13px;/*on donne une taille de police*/
cursor:pointer;/*on donne un style au curseur*/
margin-right:20px; /*on decale de 20 px du titre*/
}
/*FIN*/
/*LE BOUTON DE FERMETURE*/
.M14_btn_hide
{
display:inline;
color:red;/*couleur du bouton*/
font-weight:bold;/*caractere gras*/
font-size:13px;/*on donne une taille de police*/
cursor:pointer;/*on donne un style au curseur*/
margin-left:20px; /*on decale de 20 px du titre*/
}
/*FIN*/

/*FIN DU CODE DE MILOUZE14*/


Pour revenir à l'état initial il faudra supprimer ce contenu    .

Toute la C.S.S est commentée afin que tu puisses changer les couleurs etc etc.
Pense à cliquer sur le bouton


Et voilà    .

a++

[Cool-84]

Merci à toi une nouvelle fois
Je viens donc de faire "l'opération"
Effectivement, tout le Qeel est caché
par contre le clic sur le bouton + dans la bande Qeel est inactif
J'ai essayé avec plusieurs navigateurs, pas mieux

[Invité]

Re,

tu peux donner le lien de ton forum stp
Tu as bien placé le Javacript sur l'index ?

a++

[Cool-84]

Oui, javascript sur "index"
je te transmets le lien du forum par MP
A+

[Invité]

Re,
ok merci, je viens d'aller sur ton forum et le code fonctionne parfaitement    .

Edit: penses à bien actualiser ton navigateur    .


a++

[Cool-84]

Oui, c'est de ma faute, sorry
Je pensais qu'il n'y avait qu'un seul bouton qui ouvrait et fermait le qeel
Et je viens de voir qu'en fait il y en a un second, mais sa couleur était noyée dans le bandeau.
Donc en fait il y a un bouton qui ouvre, et un second bouton qui ferme
Je vais changer les couleur, et çà devrait le faire
Merci de ta patience, à charge de revanche
Au plaisir

[Invité]

Re,

oui effectivement, j'ai zappé ce petit détail    .

Pour changer les couleurs , il faut changer ici:

Code:


/*LE BOUTON D OUVERTURE*/
.M14_btn_show
{

color:green;/*couleur du bouton*/

}
/*FIN*/
/*LE BOUTON DE FERMETURE*/
.M14_btn_hide
{

color:red;/*couleur du bouton*/

}
/*FIN*/


a++

[Cool-84]

Je m'en occupe,
c'est super-sympa
Bonne journée
A+

[Cool-84]

Voilà, c'est fait,
par contre les dates et heures des posts et topics ont disparu
ainsi que les numéros des pages
Il n'y a pas de rapport pourtant

[Invité]

Re,
oups je me suis basé sur l'index , désactive le javascript en attendant et supprimes la css.
Je reviens vers toi en fin de journée   .

Je vais tâcher de trouver une astuce supplémentaire   .

a++

[Cool-84]

J'ai tout désactivé
Merci

[Invité]

Re,

me revoilou    .

Bon j'ai fait de mon mieux avec ce nouveau Javascript .

1 Édites le Javascript
2 supprimes tout le contenu
3 Coches sur l'index

puis colles tout ce contenu :

Code:


//CREATION D UNE DIV POUR LES BOUTONS
        $(function(){
        $('<div id="M14_Bloc"class="forabg"><div class="M14_btn_show"title="Afficher le Qeel">+</div><span class="table-title"><h2>Le QEEL</h2></span><div class="M14_btn_hide"title="Masquer le Qeel">-</div></div>').insertAfter("#i_whosonline");
        });

        // L ACTION POUR L OUVERTURE
        $(function(){
        $(".M14_btn_show").click(function(){
        $( "#wrap p:nth-last-child(8) ,  #main-content .h3 ,div#main-content  p.page-bottom  ").show("500");
        })
        });
        //L ACTION POUR LA FERMETURE
        $(function(){
        $(".M14_btn_hide").click(function(){
        $( " #wrap p:nth-last-child(8) , #main-content .h3 , div#main-content  p.page-bottom ").hide("500");
        })
        });


Pense à cliquer sur le bouton

Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Code:


/* DEBUT DU CODE DE MILOUZE14*/

/*ON MASQUE TOUT LES CHAMPS DU QEEL*/
#wrap p:nth-last-child(8) ,
#main-content .h3 ,
div#main-content  p.page-bottom
{display:none;}
/*FIN*/


        /*LA DIV DES FOUTONS*/
        #M14_Bloc.forabg
        {
        width:90%;/*largeur de la div 90 pourcent*/
        margin-left:5%;/*marge de 5 pourcent sur la gauche*/
        height:20px;/*hauteur de la div*/
        text-align:center;/*on centre tout le contenu*/
        -webkit-border-radius: 6px; /*les bordures arrondies*/
        -moz-border-radius: 6px;
        border-radius: 6px;
        }
        /*FIN*/
       
       
        /*LE BOUTON D OUVERTURE*/
        .M14_btn_show
        {
        display:inline;
        color:white;/*couleur du bouton*/
        font-weight:bold;/*caractere gras*/
        font-size:13px;/*on donne une taille de police*/
        cursor:pointer;/*on donne un style au curseur*/
        margin-right:20px; /*on decale de 20 px du titre*/
        }
        /*FIN*/
        /*LE BOUTON DE FERMETURE*/
        .M14_btn_hide
        {
        display:inline;
        color:white;/*couleur du bouton*/
        font-weight:bold;/*caractere gras*/
        font-size:13px;/*on donne une taille de police*/
        cursor:pointer;/*on donne un style au curseur*/
        margin-left:20px; /*on decale de 20 px du titre*/
        }
        /*FIN*/
       
        /*FIN DU CODE DE MILOUZE14*/


Pense à cliquer sur le bouton

a++

[f1.jeanphi]

intéressent ce sujet !

[FANCH 56]

Bonsoir

Je viens de lire avec intérêt ce sujet.

Je me dis que j'ai bien fais d'avoir créé mon forum en invision, car cette fonction existe d'office, ou alors je n'ai pas compris.

[f1.jeanphi]

c'est pareil en PHPBB2 ? moi ça ne fonctionne pas !  

[Invité]

Salut f1.jeanphi ,

c'est pareil en PHPBB2 ? moi ça ne fonctionne pas !  

Le sujet de Cool-84 est pour la version phpbb3   .

a++

[f1.jeanphi]

Ok, que faut-il modifier pour que cela fonctionne sur la version PHPBB2 ?

[Invité]

Re,
merci d'ouvrir un nouveau sujet car le sujet initial correspond à la version PHPBB3   .

Pour les recherches , c'est bien plus simple.

a++

[Cool-84]

@Milouze14
Je viens de faire l'essai,
le nouveau code cache et affiche uniquement la rubrique "qui est sur le Forum depuis..."
J'ai donc retiré les modules.
Merci à toi pour ce que tu as fait, mais ne te prends pas la tête non-plus avec çà.
Au pire, çà restera comme c'était avant.
Merci

 

[Invité]

Salut Cool-84 ,

ta version phpbb3 ne permet pas de personnaliser à son grès les différents modules ,
la plupart des contenants se trouvent dans la balise

Code:

<p>

qui se répète plusieurs fois sur l'index.

Je te conseille donc de passer à la version phpbb2 qui est bien plus
personnalisable    .

a++

[Cool-84]

Oui, c'est ce que je vais faire Milouze
Mais çà m'embête un peu d'être obligé de refaire tout le visuel
Quoi qu'il en soit, merci à nouveau à toi, et au plaisir
A+