Cadre de bienvenue

Message par **EnYgmA** » mar. 1 mai 2012 09:05

Bonjour à tous ,

dans ce tutoriel nous allons placer en haut de votre forum un bandeau de bienvenue pour vos invités et membres , celui ci comprendra deux options , l'une pour s'enregistrer et l'autre pour se connecter le tout inclus dans une condition d'affichage connecté / invité ( Voir screen ci dessous )

Ce tutoriel n'est qu'une petite amélioration de l'original visible ici

Simple Global Notices by Christian Bullock

Avant de commencer ajouter ces deux images dans : styles

prosilver

theme

images

: add.png (733 Octets) Vu 2100 fois

: add.png (733 Octets) Vu 2100 fois

: key.png (612 Octets) Vu 2100 fois

: key.png (612 Octets) Vu 2100 fois

Ouvrir : styles

prosilver

template

overhall_header.html

Cherchez :

Code : Tout sélectionner

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

Ajouter après :

Code : Tout sélectionner

<!-- IF not S_USER_LOGGED_IN -->
<div class="global-notice notice-top blue">
  --  ICI VOTRE TEXTE DE BIENVENUE --  <br /><br />
	<!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED and not (S_SHOW_COPPA or S_REGISTRATION) --><img src="{T_THEME_PATH}/images/add.png" width="16" height="16" alt="" /> <a href="{U_REGISTER}">{L_REGISTER}</a>  &bull; 
	<img src="{T_THEME_PATH}/images/<!-- IF not S_USER_LOGGED_IN -->key<!-- ENDIF -->.png" width="16" height="16" alt="" /> <a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="x">{L_LOGIN_LOGOUT}</a><!-- ENDIF -->
</div>
<!-- ENDIF -->

Cherchez et commentez cette ligne

Code : Tout sélectionner

<!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED and not (S_SHOW_COPPA or S_REGISTRATION) --><li class="icon-register"><a href="{U_REGISTER}">{L_REGISTER}</a></li><!-- ENDIF -->

Enregistrez votre fichier en UTF8 sans BOM

Ouvrir : styles

prosilver

theme

colours.css

Cherchez :

Code : Tout sélectionner

input.disabled {
	color: #666666;
}

Ajoutez après :

Code : Tout sélectionner

.global-notice {
    text-align: center;
    margin: -12px -1px 10px -2px; /* margin: haut gauche bas droit */
    padding: 12px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    font-weight: bold;
    border: 1px solid;
    -moz-box-shadow: inset 0 -1px #FFFFFF;
}
.global-notice strong {
    color: #000000;
}

.blue {
    background-color: #e5f4ff;
    border-color: #a7cee2;
    color: #004b90;
}
.red {
    background-color: #ffe5e5;
    border-color: #e2a8a8;
    color: #900000;
}
.green {
    background-color: #e4ffdf;
    border-color: #b8dfb8;
    color: #3a6e31;
}
.yellow {
    background-color: #fdffe5;
    border-color: #dfe2a7;
    color: #678801;
}

Enregistrez votre fichier et renvoyez le sur votre espace

Il ne vous reste plus qu'à rafraîchir vos caches : Template , theme

Pour toute demande de support liée à cette modification veuillez poster vos messages dans le forum adéquate

» Support Phpbb » Style

EnjoY

P.s : Un grand Merci à Steph pour son coup de patte pour le petit bug au niveau du CSS

Cadre de bienvenue

Cadre de bienvenue

Connexion • S’enregistrer