Aller en bas
Mäven
Informations : Présente de 8h à 20h en général

Idea Viens papoter avec nous sur le discord

Messages : 930
Voir le profil de l'utilisateurhttp://tambouille-raleuses.forumactif.com/

Afficher les anniversaires du jour aux administrateurs sur un post-it Empty Afficher les anniversaires du jour aux administrateurs sur un post-it

le Sam 20 Juil - 8:41

Afficher les anniversaires du jour aux administrateurs sur un post-it


Salut à toi !!

Après avoir vu comment créer un post-it, on va voir comment y mettre les anniversaires des membres, pour pouvoir leur souhaiter.
Spoiler:

Afficher les anniversaires du jour aux administrateurs sur un post-it Post_i13

Exclamation Ce tutoriel est adaptable à toutes les versions de Forumactif
Arrow Avoir des connaissances basiques en html / css est conseillé pour pouvoir comprendre la mise en place
Arrow Il ne faut pas que tu sois effrayé par le javascript.

Une petite modification de template

Idea Je pars d'un template non modifié. Si tes templates sont personnalisés et que tu ne sais pas où le placer n'hésite pas à demander.

Ici ça va être très rapide ! Pour afficher le post-it avec les anniversaires sur l'index du forum on va aller modifier le template Index_body et juste avant :
Code:
<!-- BEGIN message_admin_index -->

Tu vas placer ceci :
Code:
<div id="post-it-anniv-admin"  class="displayNone">
  {L_WHOSBIRTHDAY_TODAY}
</div>

Tu enregistres et tu publies.

Version phpBB2

Pour cette version, il faut que la variable soit dans un tableau :
Code:
<div id="post-it-anniv-admin"  class="displayNone">
 <table>
  {L_WHOSBIRTHDAY_TODAY}
  </table>
</div>

Un peu de javascript

On va faire un peu de javascript. J'ai complètement commenté le code pour que tu puisses comprendre.
Il est à installer dans PA > Module > Gestion des codes javascript > Créer un nouveau > A appliquer sur l'index.

Idea La version du forum est à mettre à jour :
Code:
var versionForum = 'modernbb';

Voilà le script complet à installer :
Code:
// Lorsque la page est chargée
$(function(){
 
  // on indique la version du forum
  // attention de bien respecter les écritures ci-dessous
  // invision, phpbb2, phpbb3, punbb, modernbb, awesomebb
  var versionForum = 'modernbb';

  // On déclare une variable qui va récupérer les liens du footer     
  var lien;
 
    switch (versionForum) {
        /* phpbb2 */
        case 'phpbb2':
            lien = $('#page-footer').find('a').html();
            break;
        /* phpbb3 */
        case 'phpbb3':
            lien = $('#page-footer .copyright').find('a').html();
            break;
        /* punBB */
        case 'punbb':
            lien = $('#pun-foot .center').find('a').html();
            break;
        /* Invision */
        case 'invision':
            lien = $('#ipbwrapper .center').find('a').html();
            break;
        /* Awesome BB */
        case 'awesomebb':
            lien = $('#page-footer .copyright').find('a').html();
            break;
        /* modernbb */
        default:
            lien = $('#page-footer .copyright-body').find('a').html();
            break;
    }
  // Si le lien "panneau d'aministration" est présent (= si c'est un admin qui est connecté)
  // On ajoute retire la classe displayNone si elle existe au bloc contenant du post-it
    if(lien.indexOf('Panneau d\'administration') > -1){
      $('#post-it-anniv-admin').toggleClass('displayNone');
    }
});

Et de la mise en page !

Maintenant on va ajouter la CSS : PA > Affichage > Couleurs > Feuille de style CSS :
Idea Tu peux personnaliser l'apparence du post-it avec l'id "post-it-admin". N'hésites pas à jouer sur le "left" et le "top" pour le placer où tu le souhaites

Code:
body{
 position:relative;
}
.displayNone{
 display:none !important;
}
#post-it-anniv-admin{
  position:absolute;
  padding:10px;
  left:10px;
  top:150px;
  background: #f7f4ea;
  border:#9c9577 1px solid;
  width:200px;
}

Version phpBB2

Pour cette version, il faut styliser ce qu'il y a dans le tableau.
Code:
#post-it-anniv-admin td{
  background: #f7f4ea;
}



Et voilà ! Tu as un superpost-it pour toi et tes administrateurs qui te rappelle les anniversaires de tes membres ! Very Happy
Si tu as des questions n'hésite pas à les poser Smile


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



Le forum a ouvert ses portes le 30 mars 2019.

A l'époque, seules Miettes et Mäven y étaient présentes. A présent, il y a @membres_enregistres@ Tambouilleurs sur le forum. La dernière personne a nous avoir rejoint est @dernier_membre@.

D'ailleurs, les Tambouilleurs sont plutôt bavards. Eh oui, ils ont déjà posté @messages@ messages dont tutoriels et bidules en Libre-service.

Actuellement, il y a @enregistres@ membres connectés,
et @invites@ visiteurs sur La Tambouille

@@membres_connectes?Qui est là ?
@membres_connectes$, @.$Personne n'est en ligne.@@

@@derniers_membres_connectes?Tambouilleurs connectés au cours des 24 dernières heures : @derniers_membres_connectes$, @$Personne n'était là ces dernières heures.@@

  • ► Les groupes :
  • @groupes$
  • @