Créer une pop-up d'information sur la page d'accueil du forum

[Gae67]

Détails techniques

Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Moi uniquement
Lien du forum : http://famille-pandora.forumgratuit.org

Description du problème

Bonsoir,

J'aborde demain, une maintenance sur mon forum pour faire des changements.
Or, pour que les utilisateurs soient au courant au moment de leur venu sur le forum, j'aimerai installer un pop-up qui leur avertira qu'une maintenance sera bientôt en cours sur la page d'accueil du forum.

Comment le créer? Comment l'insérer?
Merci d'avance pour votre aide !

Cordialement.

[MlleAlys]

Bonjour,
vous pouvez configurer une pop up dans Général > Forum > configuration > Popup de connexion
Activer : OUI
Choisissez la taille de la pop up, puis le message y figurant,
enregistrez ^^

[Gae67]

Bonjour,

Le pop-up que vous me proposez ne marche que lorsque l'utilisateur n'est pas connecté, comme son nom l'indique : Popup de connexion.
Je cherche justement à faire un pop-up lorsque le membre est connecté sur le forum.

[MlleAlys]

ah mince, je n'avais pas pensé aux connexions automatiques ! ><"
Par contre je suis désolée, je ne m'y connais pas assez pour faire une pop-up qui n'apparaitrait pas à chaque actualisation et autres détails fonctionnels du genre =s

[Invité]

Salut Gae67 et MlleAlys ,

on peut toujours afficher un petit truc dans ce genre, ce n'est pas une pop up mais plutôt
un message agréable à l’œil avec un fondu ....
Affichage/Page d'accueil/Généralités/Message sur la page d'accueil


Dans la page d'accueil , insères tout ce contenu :

Code:



<script type="text/javascript">
jQuery(function(){if(_userdata["session_logged_in"] = 1)
jQuery(function(){
setTimeout(function()
{
jQuery('#M14_Dialog').slideDown(4000); }, 5000);
jQuery('a#M14_close').click(function(){
jQuery('#M14_Dialog').fadeOut("slow");
});

})});
//ON SUPPRIME LA BOITE POUR LE FONDATEUR
jQuery(function(){if (_userdata["user_id"] ==1) 
jQuery('#M14_Dialog').remove();
});

 </script>
<div id="M14_Dialog" style="display:none;">
             <br /><br />         
   <div class="M14_Dialog">
        <a id="M14_close">X</a>  L'administrateur de ce forum effectuera prochainement une maintenance. <br />Vous ne pouvez pas accéder à ce forum pour le moment. <br /><br /> Pour plus de détails, veuillez contacter l'administrateur de ce forum.         
   </div>
</div>



Changes le texte ici

Code:


<div class="M14_Dialog">

        L'administrateur de ce forum effectuera prochainement une maintenance. <br />Vous ne pouvez pas accéder à ce forum pour le moment. <br /><br /> Pour plus de détails, veuillez contacter l'administrateur de ce forum.     

   </div>


Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Code:


/*LA BOITE QUI VA ENTOURER LE TEXTE*/
#M14_Dialog
{
position:fixed;
width:100%;
height:100%;
left: 0%;
top:0%;
box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.5) !important;
background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.6);
padding: 8px !important;
z-index:999;
}
/*LA BOITE QUI AFFICHERA LE TEXTE*/
.M14_Dialog
{
position:fixed;
top:35%;
left: 25%;
width: 50%;
background:#292D36;
-webkit-box-shadow:  0px 0px 50px 10px #91A9A6;
-moz-box-shadow:    0px 0px 50px 10px #91A9A6;
box-shadow:        0px 0px 50px 10px #91A9A6;
padding:25px;
color:#E67017 ;
font-size:15px;
line-height: 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; 
}
/*LE BOUTON DE FERMETURE*/
a#M14_close{cursor:pointer;float:right;color:red;}



Penses à cliquer sur le bouton

Et voilà mon ami, c'est à prendre ou a laisser .

a++

[Gae67]

merci beaucoup Milouze !
Bonne journée !