Salut à tous ,
Aujourd'hui on se retrouve pour un nouveau court tutoriel sur XenForo.
Je vais vous apprendre a ajouter une option pour centrer les pseudo, statut, bannière de rang XenForo de vos membres.
Vous aurez pour rendu ceci =>
Sommaire :
Première partie : Création du champ personnalisé.
Pour créer un champ personnalisé il faut aller dans votre AdminCP, puis allez dans l'onglet utilisateur et dans la sidebar gauche cliquée sur Champs personnalisés.
Une fois sur la page des champs personnalisés cliquez sur le bouton en haut a droit qui se nomme Créer un nouveau champ.
Vous allez être redirigés vers la page de création du champ personnalisé et cette page va vous demander plusieurs informations
Mettez les paramètres suivants :
Maintenant nous allons configurer les choix possibles donc pour ce faire allez dans l'onglet Options pour le choix du champ
Pour le première vous mettez :
Sauvegardez le champ.
Deuxième partie : Modification de la template member_view
Pour ce faire il faudra vous rendre dans vos templates de style et sélectionner la template member_view.
Une fois la template ouverte chercher ceci :
Remplacer ce code par celui-ci :
Sauvegardez la template.
Troisième partie : Test du système.
Allez dans les préférences et amusez vous avec cette nouvelle option 
Si vous avez des questions n'hésiter pas
Aujourd'hui on se retrouve pour un nouveau court tutoriel sur XenForo.
Je vais vous apprendre a ajouter une option pour centrer les pseudo, statut, bannière de rang XenForo de vos membres.
Vous aurez pour rendu ceci =>
Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.
You must be registered for see images attach
Sommaire :
- Création du champ personnalisé.
- Modification de la template member_view
- Test du système.
You must be registered for see images attach
Première partie : Création du champ personnalisé.
Une fois sur la page des champs personnalisés cliquez sur le bouton en haut a droit qui se nomme Créer un nouveau champ.
Vous allez être redirigés vers la page de création du champ personnalisé et cette page va vous demander plusieurs informations
Mettez les paramètres suivants :
- ID du champs : info_center
- Titre : Permet de positionner vos informations sur votre profil.
- Description :
- Emplacement de l'affichage : Préférence
- Ordre d'affichage : 1
- Type de champ : Menu déroulant de sélection
Maintenant nous allons configurer les choix possibles donc pour ce faire allez dans l'onglet Options pour le choix du champ
Pour le première vous mettez :
- Valeur de (A à Z ...) : left
- Texte : Gauche
- Valeur de (A à Z ...) : center
- Texte : Centré
Sauvegardez le champ.
You must be registered for see images attach
Deuxième partie : Modification de la template member_view
Une fois la template ouverte chercher ceci :
HTML:
<h1 itemprop="name" class="username">{xen:helper richUserName, $user}</h1>
<p class="userBlurb">
{xen:helper userBlurb, $user}
</p>
<xen:if hascontent="true">
<div class="userBanners">
<xen:contentcheck>{xen:helper userBanner, $user}</xen:contentcheck>
</div>
</xen:if>
HTML:
<xen:if is="{$user.customFields.info_center} == 'center'">
<center>
<br />
<br />
<h1 itemprop="name" class="username">{xen:helper richUserName, $user}</h1>
<p class="userBlurb">
{xen:helper userBlurb, $user}
</p>
<xen:if hascontent="true">
<div class="userBanners">
<xen:contentcheck>{xen:helper userBanner, $user}</xen:contentcheck>
</div>
</xen:if>
</center>
<xen:elseif is="{$user.customFields.info_center} == 'left'" />
<h1 itemprop="name" class="username">{xen:helper richUserName, $user}</h1>
<p class="userBlurb">
{xen:helper userBlurb, $user}
</p>
<xen:if hascontent="true">
<div class="userBanners">
<xen:contentcheck>{xen:helper userBanner, $user}</xen:contentcheck>
</div>
</xen:if>
<xen:else />
<h1 itemprop="name" class="username">{xen:helper richUserName, $user}</h1>
<p class="userBlurb">
{xen:helper userBlurb, $user}
</p>
<xen:if hascontent="true">
<div class="userBanners">
<xen:contentcheck>{xen:helper userBanner, $user}</xen:contentcheck>
</div>
</xen:if>
</xen:if>
You must be registered for see images attach
Troisième partie : Test du système.
You must be registered for see images attach
Tutoriel proposé par :
Faragnight SEC
Faragnight SEC
Je n'autorise pas la reproduction de ce tutoriel sur d'autre forum/site
