[phpBB 3.0.x] Popup à la Forumactif

Toutes les documentations phpBB seront ici.
Verrouillé
Avatar du membre
Dakin Quelia
Webmaster
Webmaster
Messages : 563
Enregistré le : ven. 27 nov. 2009 05:47
Localisation : Belgique
Contact :

[phpBB 3.0.x] Popup à la Forumactif

Message par Dakin Quelia »

» 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é 567 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

Verrouillé

Qui est en ligne

Utilisateurs parcourant ce forum : Aucun utilisateur enregistré et 2 invités