» Boîte d'informations
Ceci vous permettra d'ajouter une boîte d'informations liée à un champ de profil personnalisé.
Avant toute opération, il est recommandé de sauvegarder ses fichiers.
» Transférer des fichiers
Il vous faudra télécharger ce
pack. Ce pack est à mettre dans le dossier «
styles/{VOTRE_THEME}/theme/ ».
» Créer le champ de profil personnalisé "Infos"
Ici, il vous faudra créer le champ de profil qui va servir à contenir les informations qui seront affichées dans la boîte d'informations. Pour cela, rendez-vous dans les coulisses de votre forum, c'est-à-dire dans le panneau d'administration. Ensuite, cliquez sur l'onglet « Utilisateurs et groupes». Une fois à l'intérieur, vous avez un lien nommé « Champs de profil personnalisés » sur votre gauche, cliquez dessus.
» Modifier le fichier template
Dans cette partie, nous expliquons comment ajouter une boîte d'information.
Ouvrez le fichier
styles/{VOTRE_THEME}/template/overall_header.html.
Cherchez:
Code : Tout sélectionner
<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
<link href="{T_THEME_PATH}/bidi.css" rel="stylesheet" type="text/css" media="screen, projection" />
<!-- ENDIF -->
Après, ajoutez:
Code : Tout sélectionner
<link href="{T_THEME_PATH}/highslide/highslide.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="{T_THEME_PATH}/highslide/highslide-full.js"></script>
<script type="text/javascript">
hs.graphicsDir = '{T_THEME_PATH}/highslide/graphics/';
hs.align = 'center';
hs.transitions = ['expand', 'crossfade'];
hs.outlineType = 'rounded-white';
hs.fadeInOut = true;
hs.allowMultipleInstances = false;
//hs.dimmingOpacity = 0.75;
// Add the controlbar
if (hs.addSlideshow) hs.addSlideshow(
{
slideshowGroup: 'highslide',
interval: 5000,
repeat: false,
useControls: true,
fixedControls: false,
overlayOptions: {
opacity: 1,
position: 'top right',
hideOnMouseOut: false
}
});
</script>
Ouvrez le fichier
styles/{VOTRE_THEME}/template/viewtopic_body.html.
Cherchez:
Code : Tout sélectionner
<dt>
<!-- IF postrow.POSTER_AVATAR -->
<!-- IF postrow.U_POST_AUTHOR --><a href="{postrow.U_POST_AUTHOR}">{postrow.POSTER_AVATAR}</a><!-- ELSE -->{postrow.POSTER_AVATAR}<!-- ENDIF --><br />
<!-- ENDIF -->
<!-- IF not postrow.U_POST_AUTHOR --><strong>{postrow.POST_AUTHOR_FULL}</strong><!-- ELSE -->{postrow.POST_AUTHOR_FULL}<!-- ENDIF -->
</dt>
Remplacez par:
Code : Tout sélectionner
<dt>
<!-- IF postrow.POSTER_AVATAR -->
<!-- IF postrow.U_POST_AUTHOR --><a href="{postrow.U_POST_AUTHOR}">{postrow.POSTER_AVATAR}</a><!-- ELSE -->{postrow.POSTER_AVATAR}<!-- ENDIF --><br />
<!-- ENDIF -->
<!-- IF not postrow.U_POST_AUTHOR --><strong>{postrow.POST_AUTHOR_FULL}</strong><!-- ELSE -->{postrow.POST_AUTHOR_FULL}<!-- ENDIF -->
<!-- BEGIN custom_fields -->
<!-- IF postrow.custom_fields.PROFILE_FIELD_NAME eq "Infos" -->
<span style="color: {postrow.POST_AUTHOR_COLOUR}"> - </span><a style="color: {postrow.POST_AUTHOR_COLOUR}" href="#info" onclick="return hs.htmlExpand(this, { contentId: '{postrow.POST_AUTHOR}{postrow.POST_ID}', slideshowGroup: '{postrow.POST_AUTHOR}', width: '400' } )" title="Info">Info</a>
<div class="highslide-maincontent" id="{postrow.POST_AUTHOR}{postrow.POST_ID}">
<div class="highslide-header">
<ul>
<li class="highslide-move"><a href="#" onclick="return false">Move</a></li>
<li class="highslide-close"><a href="#" onclick="return hs.close(this)">Close</a> </li>
</ul>
</div>
<hr />
<table border="0" width="100%">
<tr>
<td>
<!-- IF postrow.POSTER_AVATAR -->
<a href="{postrow.U_PROFILE}">{postrow.POSTER_AVATAR}</a>
<!-- ELSE -->
<a href="{postrow.U_PROFILE}"><img src="{T_THEME_PATH}/images/no_avatar.gif" width="90" height="90" alt="Default Avatar" /></a>
<!-- ENDIF -->
</td>
<td style="text-align: justify; padding-left: 5px; padding-right: 5px;">{postrow.custom_fields.PROFILE_FIELD_VALUE}</td>
</tr>
</table>
</div>
<!-- ENDIF -->
<!-- END custom_fields -->
</dt>
N'oubliez pas de rafraîchir le template (onglet Styles) et de vider le cache (onglet Général).