Membres connectés récemment
[PHPBB2] Afficher les membres connectés et les anniversaires du jour
+12
Indiana Jack
canelle
rmn73
Psychotic Bitch
dragon594
Queen G.
Sacha
mariok
SuperSpaceCab
fascicularia
photoclic
Milouze14
16 participants
Page 1 sur 1 • Partagez
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 ).
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
Ensuite plus bas faites un glisser du widget "Qui est en ligne" dans la colonne de gauche
comme ceci:
Cliquez sur
Notre Widget étant placé on va intervenir dans le template concerné.
Dans le template mod_whoisonline
Affichage/Templates/Portail/mod_whoisonline
Recherchez cette variable:
Supprimez et remplacez par:
Tout à la fin du template:
déposez ce script:
Pensez à enregistrer puis à valider en cliquant respectivement sur puis
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:
Juste en dessous déposez ceci:
Pensez à enregistrer puis à valider en cliquant respectivement sur puis
Puis on passe au template overall_header:
Affichage/Templates/Général/ overall_header
Recherchez ceci:
Juste avant déposez ceci:
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:
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":
Déposez ceci:
Si vous désirez masquer les widgets , ajoutez ceci dans la feuille de style:
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 ).
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
Ensuite plus bas faites un glisser du widget "Qui est en ligne" dans la colonne de gauche
comme ceci:
Cliquez sur
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 puis
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 puis
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 -->
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()
)
});
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":
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;}
Sujets similaires
» [PHPBB2] Afficher les membres connectés en invisible en haut de page
» [PHPBB2] Afficher l'id du membre au lieu de la numérotation dans la liste des membres
» [PHPBB2] Mettre un module de membres connectés en haut à gauche
» [PHPBB2]Afficher les statistiques dans la liste des membres
» [PHPBB2] Afficher les points dans la liste des membres
» [PHPBB2] Afficher l'id du membre au lieu de la numérotation dans la liste des membres
» [PHPBB2] Mettre un module de membres connectés en haut à gauche
» [PHPBB2]Afficher les statistiques dans la liste des membres
» [PHPBB2] Afficher les points dans la liste des membres
Créer un compte ou se connecter pour répondre
Vous devez être membre pour répondre.
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum