A l'aide de cette documentation, vous allez pouvoir placer un message de verrouillage uniquement quand le sujet a été verrouillé. Cela permet d'indiquer clairement que le sujet a été verrouillé.
» Introduction
Tout d'abord, il vous faut cette image:
Il vous faudra la placer dans le dossier « styles/{VOTRE_THEME}/theme/images/ ». Ceci fait, nous allons passer à la première étape.
» Définir une phrase pour le verrouillage
Dans cette première étape, nous allons définir une phrase qui sera affichée lorsque le sujet est verrouillé.
Ouvrez le fichier « language/fr/common.php ».
Cherchez:
Code : Tout sélectionner
'LOCATION' => 'Localisation',
Code : Tout sélectionner
'LOCKED_TOPIC' => 'Ce sujet a été verrouillé par l’équipe du forum.',
Maintenant que nous avons notre phrase, nous allons définir les classes CSS que nous allons utiliser dans le fichier template. Procédons comme suit:
Ouvrez le fichier « styles/{VOTRE_THEME}/theme/colours.css ».
A la fin du fichier, ajoutez:
Code : Tout sélectionner
/* Locked Topic Class */
div.locked-image {
float: left;
background-image: url("{T_THEME_PATH}/images/locked.png");
width: 60px;
height: 60px;
}
div.locked-topic {
color: #ff9900;
font-weight: bold;
font-size: 18px;
text-align: center;
padding: 15px 0 15px 0;
}
Maintenant que tout est prêt, nous pouvons donc placer le code dans le fichier template.
Ouvrez le fichier « styles/{VOTRE_THEME}/template/viewtopic_body.html ».
Cherchez:
Code : Tout sélectionner
<hr class="divider" />
<!-- END postrow -->
<!-- IF S_QUICK_REPLY -->
<!-- INCLUDE quickreply_editor.html -->
<!-- ENDIF -->
<!-- IF S_NUM_POSTS > 1 or PREVIOUS_PAGE -->
Code : Tout sélectionner
<!-- IF S_IS_LOCKED -->
<div class="panel">
<div class="inner"><span class="corners-top"><span></span></span>
<div class="locked-image"> </div>
<div class="locked-topic">{L_LOCKED_TOPIC}</div>
<span class="corners-bottom"><span></span></span></div>
</div>
<!-- ENDIF -->
Afin que vos modifications soient prises en compte, n'oubliez pas de rafraîchir le template et le thème (onglet Styles) et de vider le cache (onglet Général).