[phpBB 3.0.x] Message de bienvenue à la façon IPB

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

[phpBB 3.0.x] Message de bienvenue à la façon IPB

Message par Dakin Quelia »

» Message de bienvenue à la façon IPB

La documentation a pour but de vous montrer comment afficher un message de bienvenue avec les liens connexion et d'inscription comme sur les forums IPB.

» Définir la nouvelle classe CSS

C'est la première étape qui consiste à définir la classe que l'on utilisera dans le fichier template.

Ouvrez le fichier CSS styles/{VOTRE_THEME}/theme/common.css.

Cherchez:

Code : Tout sélectionner

p.rules a {
	vertical-align: middle;
	clear: both;
}
Après, ajoutez:

Code : Tout sélectionner

div.log-reg {
	background-color: #ececec;
	color: #bcbcbc;
	padding: 0 10px;
	margin: 10px 0;
	font-size: 1.1em;
}
Ouvrez le fichier CSS styles/{VOTRE_THEME}/theme/colours.css.

Cherchez

Code : Tout sélectionner

p.rules {
	background-color: #ECD5D8;
	background-image: none;
}
Après, ajoutez:

Code : Tout sélectionner

div.log-reg {
	background-color: #ECD5D8;
	color: #BC2A4D;
	font-weight: bold; 
	text-align: center;
}

div.log-reg a:link {
	color: #000000; 
	text-decoration: underline;
}
» Modifications template

Maintenant que notre classe CSS est définie, nous pouvons l'utiliser et définir le message.

Ouvrez le fichier template styles/{VOTRE_THEME}/template/index_body.html.

Cherchez:

Code : Tout sélectionner

<p class="{S_CONTENT_FLOW_END}<!-- IF S_USER_LOGGED_IN --> rightside<!-- ENDIF -->"><!-- IF S_USER_LOGGED_IN -->{LAST_VISIT_DATE}<!-- ELSE -->{CURRENT_TIME}<!-- ENDIF --></p>
<!-- IF U_MCP --><p>{CURRENT_TIME} <br />[&nbsp;<a href="{U_MCP}">{L_MCP}</a>&nbsp;]</p><!-- ELSEIF S_USER_LOGGED_IN --><p>{CURRENT_TIME}</p><!-- ENDIF -->
Après, ajoutez:

Code : Tout sélectionner

<!-- IF not S_USER_LOGGED_IN and not S_IS_BOT -->
<div class="log-reg">
	<div class="inner"><span class="corners-top"><span></span></span>
		<span>Bienvenue invit&eacute; ( <a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a><!-- IF S_REGISTER_ENABLED and not (S_SHOW_COPPA or S_REGISTRATION) --> | <a href="{U_REGISTER}">{L_REGISTER}</a><!-- ENDIF --> )</span>
	<span class="corners-bottom"><span></span></span></div>
</div>
<!-- ENDIF -->
N'oubliez pas de rafraîchir le template (onglet Styles) et de vider le cache (onglet Général).

» Résultat

Voici ce que cela donne (veuillez cliquer sur l'image pour la voir en entière):

Image

Verrouillé

Qui est en ligne

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