Ajouter l'option bannière sur votre profil XenForo

Kévin 🚀

Administrateur
Administrateur
Inscription
18 Décembre 2012
Messages
4 832
Réactions
5 540
Points
27 882
RGCoins
766
Bonsoir à tous :membre:,

Ce soir on se retrouve pour un nouveau court tutoriel sur XenForo.
Le but de ce tutoriel est de pouvoir permettre aux membres de votre forum de mettre une bannière sur son profil XenForo.

You must be registered for see images attach

Sommaire :
  • Création du champ personnalisé.
  • Intégration du code dans la template Member_view.
  • Test du système.
You must be registered for see images attach

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 :
  • ID du champs : image_link
  • Titre : Lien de votre bannière.
  • Description : Permet d'ajouter une bannière sur votre profil.
  • Emplacement de l'affichage : Préférence
  • Ordre d'affichage : 1
  • Type de champ : Simple ligne de texte
Sauvegarder le champ

You must be registered for see images attach

Deuxième partie : Intégration du code dans la template member_view
Pour intégrer le code il faut vous rendre dans vos templates de style et sélectionner la template member_view
Une fois que la template est ouverte vous allez chercher la ligne :
Code:
<div class="profilePage" itemscope="itemscope" itemtype="http://data-vocabulary.org/Person">
Puis en dessous de celle-ci vous allez mettre ce code :
Code:
<xen:if is="{$user.customFields.image_link}">
<center><img src="{$user.customFields.image_link}" style="width: 100%;" /></center>
</xen:if>
Sauvegarder la template.

Vous pouvez définir les dimensions des bannières en fonction de votre thème avec le css (height, weight etc ...)

You must be registered for see images attach

Troisième partie : Test du système.
Pour tester le système il vous suffit juste de mettre le lien d'une bannière dans le champ créée précédemment.
Puis allez sur votre profil et admirer le résultat.

You must be registered for see images attach
Voilà ce tutoriel est fini, si vous avez des questions n'hésitez pas :)
Tutoriel proposé par :
Faragnight SEC
(Cc @Jeson & @Djamel SEC )
Je n'autorise pas la reproduction de ce tutoriel !
 

Lyrix

UX/UI Designer
Ancien staff
Inscription
20 Août 2012
Messages
22 672
Réactions
8 161
Points
36 866
RGCoins
0
C'est vraiment très sympa ce genre de tutoriel, et ça peu aider les personne qui souhaiterais ajouter ce type de système sur leur forum (Xenforo) et de développer leur site :)
 

Djamel SEC

Ancien staff
Inscription
24 Août 2012
Messages
19 693
Réactions
10 384
Points
27 570
RGCoins
0
C'est super Fara, continue à me tagguer j'en apprends toujours avec tes tutos ! :D
 

LéoVie

Passionné jeux vidéos indépandants
Premium
Inscription
4 Mai 2013
Messages
1 534
Réactions
1 407
Points
19 221
RGCoins
0
Très bon tutoriel, continues sur ta lancée ;)
 

BlArKo

Tatouage best
Premium
Inscription
19 Février 2012
Messages
1 238
Réactions
369
Points
20 393
RGCoins
0
Une très bonne série sur XenForo continue ainsi. :)
Merci du partage man.
 

MoDzTeuchi

Membre
Inscription
12 Avril 2015
Messages
23
Réactions
8
Points
5 066
RGCoins
0
Merci de mettre une image con voit a quoi sa resemble
 
D

deleted572990

Un tuto vraiment sympa pour les gens qui dev des Plugin :ok:
 

Eroo™️

Helpeur
Premium
Inscription
9 Avril 2014
Messages
718
Réactions
181
Points
14 596
RGCoins
0
très bon tutoriel comme toujours :love: ;)
 

_$nZ

Membre
Inscription
26 Décembre 2015
Messages
80
Réactions
10
Points
2 356
RGCoins
0
sa fonctionne pas avec mon forum :c pourrais tu m'aider ? :)
 

Kévin 🚀

Administrateur
Administrateur
Inscription
18 Décembre 2012
Messages
4 832
Réactions
5 540
Points
27 882
RGCoins
766
oui je vois me je comprend pas ou il faux le mettre? vous pouvez expliqué svp.

quelle lien de bannière
Quand tu as mis en place toute les modifications ainsi que le champ dans les préférences, tu te rend sur le forum, tu vas dans tes préférences et tu indique le lien de la bannière (Lien de l'image) ;)
 

Viipers

Premium
Inscription
19 Mai 2015
Messages
881
Réactions
135
Points
12 241
RGCoins
0
Salut @Kévin SEC , es que il y a un moyen de rendre sa que pour les premium ?
merci
 
Haut