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;
}
Code : Tout sélectionner
div.log-reg {
background-color: #ececec;
color: #bcbcbc;
padding: 0 10px;
margin: 10px 0;
font-size: 1.1em;
}
Cherchez
Code : Tout sélectionner
p.rules {
background-color: #ECD5D8;
background-image: none;
}
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;
}
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 />[ <a href="{U_MCP}">{L_MCP}</a> ]</p><!-- ELSEIF S_USER_LOGGED_IN --><p>{CURRENT_TIME}</p><!-- ENDIF -->
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é ( <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 -->
» Résultat
Voici ce que cela donne (veuillez cliquer sur l'image pour la voir en entière):