Module Happy Birthday v2.1 pour DLE 14.x 15.x
Module Happy Birthday v2.1 pour CMS DataLife Engine 14.x-15.x. Le module a été nettoyé du code redondant. Une nouvelle instruction a également été rédigée pour les nouvelles versions du moteur. Le module permet d'afficher la date de naissance dans le profil, et affiche également la liste des anniversaires au bon endroit sur votre site, dans le bloc. Vous pouvez choisir une date de naissance lors de votre inscription ou lors de la modification d'un profil. Le module n'a pas de paramètres particuliers, il est assez simple à installer et à utiliser.
Auteur: Dr.Soft + podgorniy.
Modifications apportées et adapté en plugin: version DarkLane
DLE: 14.x-15.x
Envoyer les dossier via votre server ftp.
.Installer le plugin via l'administration/utilitaires/gestions des plugins
Ouvrez le fichier templates/{THEME}/usersinfo.tpl et ajouter tout en haut
<link rel="stylesheet" type="text/css" media="all" href="/engine/skins/datepicker/smoothness/ui.datepicker.css" title="win2k-cold-1" />
<script type="text/javascript" src="/engine/skins/datepicker/jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="/engine/skins/datepicker/jquery-ui-personalized-1.5.3.packed.js"></script>
chercher dans le même fichier
<li class="form-group">
<label for="land">Ville/Pays</label>
<input type="text" name="land" id="land" value="{land}" class="wide" placeholder="Indiquez votre ville ou votre pays">
</li>
Ajouter en dessous
<li class="form-group">
<label for="land">Date de naissance</label>
<input type="text" name="birthday" value="{birthday}" id="bd_day" class="wide" placeholder="Saisir la date de naissance"/>
<script type="text/javascript">
$("#bd_day").datepicker($.extend({},
$.datepicker.regional["fr"], {
dateFormat: $.datepicker.ISO_8601,
yearRange: '-100:+0',
showStatus: true,
showOn: "both",
buttonImage: href="/engine/skins/datepicker/calendar.gif",
buttonImageOnly: true
}));
</script>
<script type="text/javascript">
jQuery("#bd_day").datepicker($.extend({},
$.datepicker.regional["fr"], {
dateFormat: jQuery.datepicker.ISO_8601,
yearRange: '-100:+0',
showStatus: true,
showOn: "both",
buttonImage: "calendar.gif",
buttonImageOnly: true
}));
</script>
<script>
jQuery(function($){
$.datepicker.regional['fr'] = {clearText: 'Effacer le texte', clearStatus: '',
closeText: 'Fermer', closeStatus: '',
prevText: '<<<', prevStatus: '',
nextText: '>>>', nextStatus: '',
currentText: 'Aujourd\'hui', currentStatus: '',
monthNames: ['janvier', 'février', 'mars', 'avril', 'mai', 'juin',
'Juillet', 'août', 'septembre', 'octobre', 'novembre', 'décembre'],
monthNamesShort: ['Janv', 'Fev', 'Mar', 'Avr', 'Mai', 'Jui',
'Juil', 'aou', Sep', 'Oct', 'Nov', 'Dec'],
monthStatus: '', yearStatus: '',
weekHeader: 'Non', weekStatus: '',
dayNames: ['Dimanche', 'lundi', 'mardi', 'mercredi', 'jeudi', 'vendredi', 'samedi'],
dayNamesShort: ['Dim', 'Lun', 'Mar', 'Mer', 'Jeu', 'Ven', 'Sam'],
dayNamesMin: ['Dim', 'Lun', 'Mar', 'Mer', 'Jeu', 'Ven', 'Sam'],
dayStatus: 'DD', dateStatus: 'D, M d',
dateFormat: 'dd.mm.yy', firstDay: 1,
initStatus: '', isRTL: false};
$.datepicker.setDefaults($.datepicker.regional['ru']);
});
</script>
</li>
Ouvrez le fichier templates/{THEME}/registration.tpl et ajouter tout en haut
<link rel="stylesheet" type="text/css" media="all" href="/engine/skins/datepicker/smoothness/ui.datepicker.css" title="win2k-cold-1" />
<script type="text/javascript" src="/engine/skins/datepicker/jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="/engine/skins/datepicker/jquery-ui-personalized-1.5.3.packed.js"></script>
Dans le même fichier chercher
<div class="form-item clearfix">
<label for="land">Ville/Pays:</label>
<input type="text" id="land" name="land" placeholder="Spécifiez Votre ville ou votre pays" />
</div>
ajouter en dessous
<div class="form-item clearfix">
<label for="land">Date de naissance:</label>
<input type="text" name="birthday" value="{birthday}" id="bd_day" class="wide" placeholder="Saisir la date de naissance"/>
<script type="text/javascript">
$("#bd_day").datepicker($.extend({},
$.datepicker.regional["fr"], {
dateFormat: $.datepicker.ISO_8601,
yearRange: '-100:+0',
showStatus: true,
showOn: "both",
buttonImage: href="/engine/skins/datepicker/calendar.gif",
buttonImageOnly: true
}));
</script>
<script type="text/javascript">
jQuery("#bd_day").datepicker($.extend({},
$.datepicker.regional["fr"], {
dateFormat: jQuery.datepicker.ISO_8601,
yearRange: '-100:+0',
showStatus: true,
showOn: "both",
buttonImage: "calendar.gif",
buttonImageOnly: true
}));
</script>
<script>
jQuery(function($){
$.datepicker.regional['fr'] = {clearText: 'Effacer le texte', clearStatus: '',
closeText: 'Fermer', closeStatus: '',
prevText: '<<<', prevStatus: '',
nextText: '>>>', nextStatus: '',
currentText: 'Aujourd\'hui', currentStatus: '',
monthNames: ['janvier', 'février', 'mars', 'avril', 'mai', 'juin',
'Juillet', 'août', 'septembre', 'octobre', 'novembre', 'décembre'],
monthNamesShort: ['Janv', 'Fev', 'Mar', 'Avr', 'Mai', 'Jui',
'Juil', 'aou', Sep', 'Oct', 'Nov', 'Dec'],
monthStatus: '', yearStatus: '',
weekHeader: 'Non', weekStatus: '',
dayNames: ['Dimanche', 'lundi', 'mardi', 'mercredi', 'jeudi', 'vendredi', 'samedi'],
dayNamesShort: ['Dim', 'Lun', 'Mar', 'Mer', 'Jeu', 'Ven', 'Sam'],
dayNamesMin: ['Dim', 'Lun', 'Mar', 'Mer', 'Jeu', 'Ven', 'Sam'],
dayStatus: 'DD', dateStatus: 'D, M d',
dateFormat: 'dd.mm.yy', firstDay: 1,
initStatus: '', isRTL: false};
$.datepicker.setDefaults($.datepicker.regional['ru']);
});
</script>
</div>
Pour afficher le bloc anniversaire, ouvrez le fichier templates/{THEME}/main.tpl et collez- le au bon endroit :
{birthday}
Attention: Il va de sois que pour les fichier tpl vous devez adapter le code suivant votre template
Connectez-vous au site avec votre identifiant et mot de passe ou si vous êtes un nouvel utilisateur suivez le processus d'inscription sur le site.
Commentaires (0)