[phpBB 3.0.x] Popup à la Forumactif

Toutes les documentations phpBB seront ici.
Avatar de l’utilisateur
Dakin Quelia
Webmaster
Webmaster
Messages : 552
Enregistré le : Ven 27 Nov 2009 05:47
Localisation : Belgique
Contact :

[phpBB 3.0.x] Popup à la Forumactif

Messagepar Dakin Quelia » Mar 9 Aoû 2011 20:52

» Popup à la Forumactif

A l'aide de cette documentation, vous pourrez ajouter sur votre forum une fenêtre comme sur Forumactif lorsque vous le visitez la première fois afin de demander à vos invités de s'inscrire.

D'abord, téléchargez le fichier suivant. Vous devrez le placez dans le dossier « styles/{VOTRE_THEME}/template/ ».

popup.zip
(1.14 Kio) Téléchargé 490 fois

Ouvrez le fichier « styles/{VOTRE_THEME}/theme/content.css ».

A la fin du fichier, ajoutez:

Code : Tout sélectionner

/* Popup like Forumactif
----------------------------------------*/
#login_popup {
   display:none;
   padding:6px;
   position:absolute;
   z-index:10000;
}

#login_popup .h3 {
   margin:0 0 6px;
   padding:0 0 6px;
}

#login_popup_buttons {
   bottom:6px;
   text-align: center;
   right:6px;
}

#login_popup_buttons input {
   margin-left:6px;
   margin-bottom: 6px;
}

Ouvrez le fichier « styles/{VOTRE_THEME}/template/overall_header.html ».

Cherchez:

Code : Tout sélectionner

</head>

Avant, ajoutez:

Code : Tout sélectionner

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="{T_SUPER_TEMPLATE_PATH}/popup.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = 350, logInPopUpHeight = 250, logInBackgroundResize = true, logInBackgroundClass = false;

$(document).ready( function() {
   $(window).resize(function() {
      var windowWidth = document.documentElement.clientWidth;
      var popupWidth = $("#login_popup").width();
      var mypopup = $("#login_popup");
      $("#login_popup").css({"left": windowWidth/2 - popupWidth/2});
   });
});
//]]>
</script>
Attention: veuillez noter que si vous possédez déjà la librairie jQuery, le premier script n'est PAS à insérer.

Cherchez:

Code : Tout sélectionner

<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">

Après, ajoutez:

Code : Tout sélectionner

<!-- IF not S_USER_LOGGED_IN and (SCRIPT_NAME == 'index' || SCRIPT_NAME == 'viewforum' || SCRIPT_NAME == 'viewtopic') -->
<div id="login_popup">
   <div class="panel">
      <div class="inner"><span class="corners-top"><span></span></span>
         <div class="h3">{L_WEMCOME_TITLE} {SITENAME}</div>
         <p style="text-align: justify;">{SITE_DESCRIPTION}</p>
         <p style="text-align: justify;">{L_WELCOME_MESSAGE}</p>
         <br />
         <div id="login_popup_buttons">
            <form action="{S_LOGIN_ACTION}" method="post">
               <input type="submit" class="button1" value="{L_LOGIN}" onclick="parent.location='{U_LOGIN_ACTION}';" />
               <input type="button" class="button1" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
               <input id="login_popup_close" type="button" class="button2" value="{L_DONT_DISPLAY_AGAIN}" />
            </form>
         </div>
      <span class="corners-bottom"><span></span></span></div>
   </div>
</div>
<!-- ENDIF -->


Ouvrez le fichier « language/fr/common.php ».

Cherchez:

Avant, ajoutez:

Code : Tout sélectionner

// Welcome Message
$lang = array_merge($lang, array(
    'DONT_DISPLAY_AGAIN'    => 'Ne plus afficher',
    'WELCOME_MESSAGE'        => 'Si vous souhaitez profiter pleinement de notre forum, il faut vous inscrire.',
    'WEMCOME_TITLE'            => 'Bienvenue sur ',
));


Résultat final:
Image

Retourner vers « phpBB »

Qui est en ligne

Utilisateurs parcourant ce forum : Aucun utilisateur enregistré et 1 invité

cron