Happy Birthday v2.2 pour DLE 17.1

Détails de "Happy Birthday v2.2 pour DLE 17.1"

Description Installation Téléchargement

Module Happy Birthday v2.2 pour CMS DataLife Engine 17.1. 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.

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

Les visiteurs du groupe Invités ne peuvent pas télécharger de fichiers sur le site.
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.