Connexion

Récupérer mon mot de passe

Derniers sujets*
» [AWESOMEBB]Afficher le nombre LIKES dans la liste des sujets
par Milouze14 Mar 19 Oct 2021 - 9:19

» [MODERNBB]Afficher le nombre LIKES dans la liste des sujets
par Milouze14 Mar 19 Oct 2021 - 8:51

» [PHPBB2]Afficher le nombre LIKES dans la liste des sujets
par soleda Mar 19 Oct 2021 - 8:20

» [PHPBB3] Afficher le nombre LIKES dans la liste des sujets
par photoclic Lun 18 Oct 2021 - 23:18

» [TOUTES VERSIONS]Afficher les scripts disponibles et désactivés dans un widget (ADMIN)
par photoclic Jeu 14 Oct 2021 - 10:06

» [PHPBB2]Personnaliser les annonces, notes etc
par Constellation Mer 13 Oct 2021 - 1:23

» [PHPBB2] Afficher la partie profil au dessus du message
par Milouze14 Mar 12 Oct 2021 - 11:24

» [PHPBB2] Cacher tous les sujets des invités
par Angelface Jeu 30 Sep 2021 - 18:31

» [PHPBB2] Afficher le nombre de message privé non lus sur la toolbar etc
par Angelface Jeu 30 Sep 2021 - 18:07

» Ajout d'ami rapide
par Milouze14 Jeu 30 Sep 2021 - 6:54

» [PHPBB2] Afficher les membres en ligne (version graphique) sur l'index et dans la liste des sujets
par Angelface Mer 29 Sep 2021 - 2:01

» [TOUTES VERSIONS] Masquer le bouton j'aime pas ou j'aime a un membre
par soleda Mar 28 Sep 2021 - 8:14

» [PHPBB3]Personnaliser les annonces, notes etc
par Milouze14 Mer 8 Sep 2021 - 8:09

» [TOUTES VERSIONS] Installer MESSENGER Forumactif sur votre forum (Version Française)
par Myrddin Ven 3 Sep 2021 - 22:34

» [TOUTES VERSIONS] Modifier les textes de la barre de navigation
par Ella Lun 30 Aoû 2021 - 18:13

» [PHPBB2]Afficher des commentaires sous forme de vignettes
par soleda Ven 6 Aoû 2021 - 9:38

» [AWESOMEBB]Supprimer le mot invité
par Milouze14 Lun 19 Juil 2021 - 19:03

» [MODERNBB]Supprimer le mot invité
par Milouze14 Lun 19 Juil 2021 - 18:53

» [AWESOMEBB]Modifier les icônes de la réponse rapide
par Milouze14 Sam 17 Juil 2021 - 19:37

» [MODERNBB]Afficher des commentaires sous forme de vignettes
par Milouze14 Lun 12 Juil 2021 - 8:37

Les statistiques du forum
Nous avons 485 membres enregistrés

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

Nos membres ont posté un total de 27834 messages dans 1430 sujets

[PHPBB2] Afficher les membres connectés et les anniversaires du jour

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

+12
Indiana Jack
canelle
rmn73
Psychotic Bitch
dragon594
Queen G.
Sacha
mariok
SuperSpaceCab
fascicularia
photoclic
Milouze14
16 participants
Message n°10
Milouze14
Milouze14
Fondateur

https://www.milouze14.com

MessageMilouze14 Mar 27 Sep 2016 - 18:29

Hello les ami(e)s,
je ne voulais pas dévoiler l'astuce mais site aux demandes, je vais
vous la dévoiler (hhooo l'astuce et rien d'autre ptderire  ).

Pour celles et ceux qui ont déjà procéder à cette astuce:
https://www.milouze14.com/t29348-afficher-les-membres-connectes-sous-la-toolbar#561921

Il faudra faire marche arrière et supprimer tout ce qui touche cette dernière:
Contenu du template,Script et la css.

Pour donner deux trois explications, les anniversaires s'afficheront seulement si un des membres est né(e) le jour présent.





On va placer le widget concerné sur le forum:

Modules/Gestion des widgets du forum/Options générales des widgets du forum



Afficher les widgets du forum : Oui

Largeur colonne 1 (gauche) : donnez une largeur en px

Cliquez sur  Enregistr

Ensuite plus bas faites un glisser du widget "Qui est en ligne" dans la colonne de gauche
comme ceci:

[PHPBB2] Afficher les membres connectés et les anniversaires du jour 154

Cliquez sur  Enregistr

Notre Widget étant placé on va intervenir dans le template concerné.

Dans le template mod_whoisonline
Affichage/Templates/Portail/mod_whoisonline


Recherchez cette variable:
Code:

{LOGGED_IN_USER_LIST}

Supprimez et remplacez par:
Code:

   <span id="M14_total_userList">{LOGGED_IN_USER_LIST}</span>



Tout à la fin du template:
déposez ce script:

Code:


<script>
  $(function(){
var M14_totUser= function() {
  var a=$('#M14_total_userList a[href^="/u"]').length;
var e=$('#M14_total_userList').html();
$('.M14_Fa_List_open span').html("<span id=M14_num>("+ a +")</span>");
$('.M14_Fa_List span').html("<span class=M14_num>("+ a +")</span><span class=M14_text>"+ e +"</span>");
};
M14_totUser();
});
</script>





Pensez à enregistrer puis à valider en cliquant respectivement sur  Enregistr  puis Ajout  
On va dans un premier temps entourer la variable annoncesçant les anniversaire du jour,
le petit hic avec la version phpbb2 et que l'on ne peut pas déposer n'importe quelle
balise sur cette variable surtout à son emplacement habituel.

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

Recherchez ceci:

Code:

<!-- END switch_chatbox_activate -->
</table>

Juste en dessous déposez ceci:

Code:

<table id="M14_L_WHOSBIRTHDAY_TODAY"style="display:none;">{L_WHOSBIRTHDAY_TODAY}</table>

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


Puis on passe au template overall_header:
Affichage/Templates/Général/ overall_header


Recherchez ceci:

Code:
<!-- BEGIN hitskin_preview -->

Juste avant déposez ceci:
Code:

<!-- BEGIN switch_user_logged_in -->
  <script>
    $(function(){
    $('.M14_Fa_anniv').click(function(){
    $('#M14_load_anniv').toggle();
    });
      
    });
</script>
  <div id="M14_navBar">
<span class="M14_Fa_anniv"style="color: #fff;cursor:pointer;
float: left;
height: 36px;
line-height: 36px;
outline: none;
 padding: 0 50px;
display:none;
 margin-top: -5px;">Anniversaire<span class="M14_num"style="margin-left:5px;font-style:italic;">
Patientez....</span></span>
<div id="M14_load_anniv"style="margin-top:30px;position:fixed;
width: 150px;
padding: 4px 5px;
overflow: hidden;left:10px;
border-radius:5px;display:none;">
<div class="M14_load_anniv"style="border-bottom: 1px dotted white;"></div>
<span id="M14_BIRTHDAY" style="font-size: 11px;"></span>
  </div>
<div id="M14_totUserList">
  <span class="M14_Fa_List">Membres connectés:<span></span></span>
    <span class="M14_Fa_List_close"style="display:none;"title="Masquer les membres connectés">
    <img src="http://i86.servimg.com/u/f86/11/26/21/37/arrow-18.png"/></span>
    <span class="M14_Fa_List_open"title="Afficher les membres connectés">
<img src="http://i86.servimg.com/u/f86/11/26/21/37/arrow-17.png"/> <span></span> </span>  


  
  </div>
  </div>
 <script>
    jQuery(function(){
    jQuery.get('/forum',function(data){
    jQuery('.M14_load_anniv').html(
    jQuery(data).find('#M14_L_WHOSBIRTHDAY_TODAY .gensmall').html());
    jQuery('.M14_load_anniv ').each(function(){
    jQuery(this).html(jQuery(this).html().replace(/Membres fêtant leur anniversaire aujourd'hui :/g,""));
    jQuery(this).html(jQuery(this).html().replace(/,/g,"").replace(/\(.[^(]*\)/g,''));
    });
    var M14_lengthAnniv=$('.M14_load_anniv a[href^="/u"]').length;
    jQuery('.M14_Fa_anniv span').html('('+M14_lengthAnniv+')');

    jQuery('.M14_load_anniv  a[href^="/u"] ').before('<a href="/f1-le-troquet-du-forum"title="Aller souhaiter l\'anniversaire du membre">
 <img src="http://milouze14.fr/cupcake.png"class="M14_Img_anniv"/></a>');
    if(jQuery('.M14_load_anniv  a[href^="/u"] ').length==0)
    {
    jQuery('#M14_BIRTHDAY').html('Aujourd\'hui, personne ne fête son anniversaire.');
    jQuery('.M14_load_anniv,.M14_Fa_anniv').hide();

    }
    if(jQuery('.M14_load_anniv  a[href^="/u"] ').length ==1)
    {
 
    jQuery('#M14_BIRTHDAY').html('Joyeux anniversaire et pour cette nouvelle année, on te souhaite tout plein de petits bonheurs au quotidien, tout plein d\'amour de tes proches. Tout plein de moments de complicité avec tes amis. Une pêche d\'enfer, et un peu de sous pour te faire plaisir.');
    }
    if(jQuery('.M14_load_anniv  a[href^="/u"] ').length >1)
    {
  
    jQuery('#M14_BIRTHDAY').html('Joyeux anniversaire, et pour cette nouvelle année, on vous souhaite tout plein de petits bonheurs au quotidien, tout plein d\'amour de vos proches. Tout plein de moments de complicité avec vos amis. Une pêche d\'enfer, et un peu de sous pour vous faire plaisir.');

    }
if(jQuery('.M14_load_anniv  a[href^="/u"] ').length >0)
{
jQuery('.M14_Fa_List_close').before('<span id="M14_IfAnniv"class="M14_num"style="position: absolute;
cursor: pointer;
margin-top: 6px;
right: 70px;
    text-align: center;"title="Il y a de l\'anniversaire dans l\'air les ami(e)s">
   <img src="http://milouze14.fr/cupcake.png"style="vertical-align: middle;margin-top: -2px;"/>( '+M14_lengthAnniv+' )</span>');
$('#M14_navBar #M14_IfAnniv').click(function(){
$('.M14_Fa_anniv').fadeIn();
$('.M14_Fa_List_close ,#M14_load_anniv').click();
$('#M14_navBar #M14_load_anniv').toggle();
});
$('.M14_Fa_List_open').click(function(){
$('.M14_Fa_anniv, #M14_load_anniv').fadeOut();
});

   }});});
</script>
    <!-- END switch_user_logged_in -->


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

Puis le script que l'on placera juste pour les membres connectés car ce dernier
mémorise le choix de l'utilisateur.
Modules/HTML JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript
Mettre un titre explicite.
Cochez sur toutes les pages.

Déposez ceci:
Code:

$(function () {
    $('.M14_Fa_List_open').click(function(){
    $(this).fadeOut();

    $('.M14_Fa_List_close').delay('400').fadeIn();
    $('#M14_totUserList').animate({ left: '0%'});
    window.localStorage && localStorage.setItem('M14_TotaLUSER',1)
    });
    $('.M14_Fa_List_close').click(function(){

    $('#M14_totUserList').animate({ left: '100%'});
    $('.M14_Fa_List_open').delay('400').fadeIn();
    window.localStorage && localStorage.removeItem('M14_TotaLUSER')
    });
    window.localStorage && localStorage.getItem('M14_TotaLUSER') && (
    $('#M14_totUserList').css({"left": "0%"}),
    $('.M14_Fa_List_open').hide(),
    $('.M14_Fa_List_close').show()
    )
    });

Pensez a cliquer sur le bouton Valid

Puis la C.S.S pour finir:
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style


Assurez vous que la case "Optimiser la C.S.S soit bien cochée":

[PHPBB2] Afficher les membres connectés et les anniversaires du jour 0127


Déposez ceci:

Code:

 /*Position des pseudos anniversaire*/
    .M14_load_anniv  a[href^="/u"]
    {
    display:list-item;
    list-style:none;
    margin-left:13px;

    }
    /*Apparence des pseudos anniversaire*/
    .M14_load_anniv  a[href^="/u"] ,.M14_load_anniv  a[href^="/u"] strong
    {
    color:#fff !important;
    text-decoration:none !important;
    font-size:11px !important;
    text-transform : capitalize;
      
    }
    /*on position l image precedent le pseudo*/
    img.M14_Img_anniv{margin-left: -5px;margin-top:-1px;position: absolute;}
    /*on donne une couleur de fond identique a l ensemble des modules*/
    #M14_load_anniv ,#M14_navBar ,#M14_totUserList ,.M14_Fa_List_open,.M14_Fa_List_close
    {
    background-color: #333333;
    }
    /*La barre englobant membres connectés et anniversaires*/
    #M14_navBar
    {
       position:fixed;
        width:100%;/*on donne une largeur maximale*/
        left:0%;
        right:0%;
        margin-top: -1px;
        height: 30px;/*on donne une hauteur de 30px*/
        font-size:11px;/*on donne une taille de police*/
        color:white;/*on donne une couleur de police*/
        z-index: 999;
    }
    /*Barre des membres connectés*/
    #M14_totUserList
    {
    position:absolute
        width:100%;/*on donne une largeur maximale*/
        left:100%;
        right:0%;
        margin-top: -1px;
        height: 30px;/*on donne une hauteur de 30px*/
        font-size:11px;/*on donne une taille de police*/
        color:white;/*on donne une couleur de police*/
        z-index: 999;
    }
    /*Le bloc des membres connectes*/
    .M14_Fa_List
        {
        overflow-y:auto;
        margin-left: 10px;/*on decale de 10px sur la gauche*/
        top: 5px;/*on decale de 5px sur la hauteur*/
        position: relative;
        font-family:Verdana,Arial,Helvetica,sans-serif;
        }
        /*On donne une couleur identique au conteneur suppression virgule*/
        #M14_totUserList  .M14_text{color: #333;}
        #M14_totUserList .M14_num{color:white;font-size:11px;}

        /*On positionne les Pseudos*/
        #M14_totUserList  a[href^="/u"] , #M14_totUserList  a[href^="/u"]  span
        {
        margin-top:5px;/*on decale de 5px sur la hauteur*/
        margin-left:5px;/*on decale de 5px sur la gauche*/
        text-decoration:none !important;/*On supprime le surlignement*/
        color:white !important;/*on donne une couleur de police*/
        }

        /*On donne un style au curseur et dimensions images*/
        .M14_Fa_List_open img, .M14_Fa_List_close img
        {
        cursor:pointer;/*on donne un style au curseur*/
        width:24px;/*on informe la largeur de l image*/
        height:24px;/*on informe la hauteur de l image*/
        margin: 3px;
        }
        /*Le bouton d ouverture*/
        .M14_Fa_List_open
        {
        height:30px;/*on donne une hauteur identique au conteneur*/
        width:80px;/*on donne une largeur a la hauteur*/
        margin-left: -80px;/*on affiche le bouton avec une negativite de -80px*/
        float:left;/*on positionne le bouton a gauche*/
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;  
  margin-top: 1px;
        }
        /*Le bouton de fermeture*/
        .M14_Fa_List_close
        {
        height:30px;/*on donne une hauteur identique au conteneur*/
        width:30px;/*on donne une largeur a la hauteur*/
        position: absolute;
        right:32px;/*on positionne le bouton a 32px de la droite*/
  margin-top: 1px;
        }
        /*La notification de membre en ligne*/
        .M14_Fa_List_open span span#M14_num
        {
        font-size:11px;/*on donne une taille de police*/
        color:white;
        margin: 5px 5px 5px -5px;
        cursor:pointer;
        position:absolute;
        }








Si vous désirez masquer les widgets , ajoutez ceci dans la feuille de style:
Code:

    /*on supprime les widgets*/
    #left{display:none;}
  





Voila,c'est tout pour le moment clin oeil.
Un soucis direction l'entraide hinhin
https://www.milouze14.com/f108-entraide-tous-supports


Dernière édition par Milouze14 le Ven 21 Fév 2020 - 17:10, édité 8 fois
Message n°20
avatar
photoclic
Milouzien

https://photoclic.forum-pro.fr/

Messagephotoclic Mer 28 Sep 2016 - 18:02

Merci beaucoup !
Message n°30
Milouze14
Milouze14
Fondateur

https://www.milouze14.com

MessageMilouze14 Mer 28 Sep 2016 - 18:05

Hum Serge,
c'est la version phpbb2 clin oeil


NOUVELLE BARRE DE NAVIGATION


Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
Message n°40
avatar
photoclic
Milouzien

https://photoclic.forum-pro.fr/

Messagephotoclic Mer 28 Sep 2016 - 18:52

Oui, je sais Phil.
Je teste cela sur mon forum test qui est en phpbb2 avant de voir avec le fondateur de mon autre forum pour les templates.
Message n°50
fascicularia
fascicularia
Milouzien

https://altitudetropicale.forums-actifs.com/

Messagefascicularia Lun 3 Oct 2016 - 18:12

Merci Philippe.

Question idiote : si la colonne gauche des widgets est active, peut-on mettre le widget à droite pour pouvoir la masquer par la suite ?
Message n°60
Milouze14
Milouze14
Fondateur

https://www.milouze14.com

MessageMilouze14 Lun 3 Oct 2016 - 18:17

Tu peux le laisser à gauche sans problème Stéphane clin oeil


NOUVELLE BARRE DE NAVIGATION


Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
Message n°70
avatar
SuperSpaceCab
Milouzien

http://www.ets2-mods-forum.com/

MessageSuperSpaceCab Ven 7 Oct 2016 - 6:50

Merci pour l'astuce !
Message n°80
mariok
mariok
Membre regretté

http://www.amarid.net

Messagemariok Lun 10 Oct 2016 - 8:42

Merci beaucoup !
Message n°90
Sacha
Sacha
Milouzien

https://amis-pub.forumactif.com/

MessageSacha Jeu 27 Oct 2016 - 14:27

Merci beaucoup !
Message n°100
avatar
Queen G.
Milouzien

https://lustforlife.forumactif.com/

MessageQueen G. Sam 29 Oct 2016 - 19:34

Merci beaucoup !
Message n°110
dragon594
dragon594
Milouzien

https://dragon-graphisme59.forumactif.org/

Messagedragon594 Ven 4 Nov 2016 - 13:57

Salut,

Déjà un grand merci pour cette astuce.

J'ai un soucis avec cette astuce car je ne vois pas le bouton de fermeture ni celui d'ouverture comme vous pouvez le voir sur l'image ci-dessous.

[PHPBB2] Afficher les membres connectés et les anniversaires du jour Widget10

Quelqu'un pourrait-il m'aider s'il vous plait ?

Cordialement Dragon594.
Message n°120
Psychotic Bitch
Psychotic Bitch
Milouzien

https://wildestdreams.forumactif.com/

MessagePsychotic Bitch Ven 9 Déc 2016 - 0:47

Merci beaucoup !
Message n°130
avatar
rmn73
Milouzien

http://forum-abcc.fr

Messagermn73 Mer 1 Fév 2017 - 11:53

Merci beaucoup !
Message n°140
canelle
canelle
Milouzien

https://www.canelle56.org/

Messagecanelle Sam 4 Fév 2017 - 16:34

Merci beaucoup !
Message n°150
Indiana Jack
Indiana Jack
Milouzien

http://liege-detection.forumactif.be

MessageIndiana Jack Dim 2 Avr 2017 - 17:34

Merci :)
Message n°160
Indiana Jack
Indiana Jack
Milouzien

http://liege-detection.forumactif.be

MessageIndiana Jack Dim 7 Mai 2017 - 15:08

Merci beaucoup !
Message n°170
Ptite_Perle
Ptite_Perle
Milouzien

https://forumcrea.forumactif.org/

MessagePtite_Perle Mer 6 Juin 2018 - 21:06

Merci beaucoup !
Message n°180
ThunderTB
ThunderTB
Milouzien

http://hockeyfederation.forumgratuit.org/forum

MessageThunderTB Jeu 23 Aoû 2018 - 22:32

Merci beaucoup !
Message n°190
Lilas
Lilas
Milouzien

http://lefofodemacopine.forumactif.com

MessageLilas Dim 11 Nov 2018 - 23:27

Merci beaucoup !
Message n°200
Lilas
Lilas
Milouzien

http://lefofodemacopine.forumactif.com

MessageLilas Mar 20 Nov 2018 - 11:51

Merci beaucoup !
Message n°210
gigi60
gigi60
Milouzien

https://lacaverneagigi.forums-actifs.com/

Messagegigi60 Jeu 13 Déc 2018 - 15:29

Merci beaucoup !

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à Milouzien ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

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