Hello

,
comme le mentionne le titre, voici un widget avec les anniversaires du jour.
Les aperçus imagés:
Pas d'anniversaire:
![[PHPBB3] Widget anniversaire sur toutes les pages du fofo 111](https://i.servimg.com/u/f97/11/26/21/37/111.png)
Un anniversaire:
Le texte est au singulier:
![[PHPBB3] Widget anniversaire sur toutes les pages du fofo 211](https://i.servimg.com/u/f97/11/26/21/37/211.png)
A partir de 2 anniversaires:
Le texte est au pluriel:
![[PHPBB3] Widget anniversaire sur toutes les pages du fofo 311](https://i.servimg.com/u/f97/11/26/21/37/311.png)
Le petit plus et le petit bonhomme précédent le Pseudo au clic sur ce
dernier on sera redirigé vers un forum défini dans le script pour poster un nouveau sujet.
Le code html a insérer dans le widget:
- Code:
-
<div id="M14_load_anniv">
<div class="M14_load_anniv">
</div><span id="M14_BIRTHDAY"></span>
</div>
Dans le template index_body:
Affichage/
Templates/
Général/
index_bodyRecherchez ceci:
- Code:
-
{L_WHOSBIRTHDAY_TODAY}
Juste avant déposez ceci:
- Code:
-
<p id="M14_L_WHOSBIRTHDAY_TODAY" style="display:none;">{L_WHOSBIRTHDAY_TODAY}</p>
Pensez a enregistrer puis à valider en cliquant respectivement sur
puis
On va placer le script ensuite:
Modules/
HTML JAVASCRIPT/
Gestion des codes Javascript/
Créer un nouveau JavascriptMettre un titre explicite.
Cocher sur toutes les pages.
Déposes ce script:
- Code:
-
$(function(){
$.get('/forum',function(data){
$('.M14_load_anniv').html(
$(data).find('#M14_L_WHOSBIRTHDAY_TODAY ').html());
$('.M14_load_anniv ').each(function(){
$(this).html($(this).html().replace(/Membres fêtant leur anniversaire aujourd'hui :/g,""));
$(this).html($(this).html().replace(/,/g,"").replace(/\(.[^(]*\)/g,''));
});
$('.M14_load_anniv a[href^="/u"] ').before('<a href="/post?f=6&mode=newtopic"title="Aller souhaiter l\'anniversaire du membre"><img src="http://2img.net/i/fa/subsilver/icon_tiny_profile.gif"class="M14_Img_anniv"/></a>');
if($('.M14_load_anniv a[href^="/u"] ').length==0)
{
$('#M14_BIRTHDAY').html('Aujourd\'hui, personne ne fête son anniversaire.');
$('.M14_load_anniv').hide();
}
if($('.M14_load_anniv a[href^="/u"] ').length ==1)
{
$('#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($('.M14_load_anniv a[href^="/u"] ').length >1)
{
$('#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.');
}
});});
Penser a cliquer sur le bouton
Puis on va donner un style à tout çà:
Dans la feuille de style:
Affichage/
Images et Couleurs/
Couleurs/
Feuille de styleDéposes ceci:
- Code:
-
.M14_load_anniv a[href^="/u"] {display:list-item;list-style:none;margin-left: 5px;}
img.M14_Img_anniv
{
margin-left: -8px;
margin-top: 2px;
position: absolute;
}
#M14_BIRTHDAY
{
font-size:11px;
color:green;
}
Penser a cliquer sur le bouton
Pour le lien du forum , il faudra le modifier ici:
changez le chiffe 6 par celui de votre choix
- Code:
-
before('<a href="/post?f=6&mode=newtopic"