1 résultat trouvé pour bloc-informations

par Mäven
le Jeu 27 Juin 2019 - 15:58
 
Rechercher dans: Publiques
Sujet: [Aide Codage] Pop up anniversaire
Réponses: 7
Vues: 293

[Aide Codage] Pop up anniversaire

Alors c'est parti =)

Dans le template Index_body :
Juste avant cette partie :
Code:
<!-- BEGIN message_admin_index -->


Tu peux coller ça :
Code:
<div id="bloc-informations"  class="displayNone"><table>{L_WHOSBIRTHDAY_TODAY}</table></div>


Ensuite tu enregistres et tu publies.

Maintenant, on va mettre du javascript : PA > Modules > Gestion des codes javascript > Créer un code et à appliquer sur l'index.
Code:
$(function(){
    var lien = $('#page-footer').find('a').html();
       if(lien.indexOf("Panneau d'administration") > -1){
      $('#bloc-informations').toggleClass('displayNone');
    }
});


Et enfin, la CSS :
Code:
body{
 position:relative;
}
.displayNone{
 display:none !important;
}
#bloc-informations{
  position:absolute;
  left:10px;
  top:150px;
  background:#defcd2;
  width:200px;
  height:150px;
}
#bloc-informations td,
#bloc-informations span{
 font-size:15px;
  line-height:16px;
  text-align:center;
  background:#defcd2;
}


Tu peux modifier la CSS du bloc avec l'id #bloc-informations Smile
Et tu peux aussi le placer différemment avec
Code:
  left:10px;
  top:150px;


Voilàà Smile
Dis moi si ça va Wink

Est-ce que tu m'autorise à en faire un tutoriel ou un LS pour le forum ?

Sauter vers:

Les coups de ♥ des Râleuses

Post-It des Râleuses