Tutoriel Ajouter l'option bannière sur votre profil XenForo

Kévin 🚀

Administrateur
Administrateur
Inscription
18 Décembre 2012
Messages
4 627
Réactions
5 161
Points
15 882
    Réponse de Kévin 🚀 Informatique ⌨️ Programmation Programmation web : Ajouter l'option bannière sur votre profil XenForo
  • #1
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.

secpa.png

Sommaire :
  • Création du champ personnalisé.
  • Intégration du code dans la template Member_view.
  • Test du système.
secpa.png

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

secpa.png

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 ...)

secpa.png

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.

secpa.png
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 !
 

membre241969

Ancien staff RG
Inscription
9 Février 2013
Messages
33 810
Réactions
18 803
Points
18 800
    Réponse de membre241969 Informatique ⌨️ Programmation Programmation web : Ajouter l'option bannière sur votre profil XenForo
  • #2
Continue ta série de tutoriels sur Xenforo :)
 

Kévin 🚀

Administrateur
Administrateur
Inscription
18 Décembre 2012
Messages
4 627
Réactions
5 161
Points
15 882
    Réponse de Kévin 🚀 Informatique ⌨️ Programmation Programmation web : Ajouter l'option bannière sur votre profil XenForo
  • #3
M

membre150711

    Réponse de membre150711 Informatique ⌨️ Programmation Programmation web : Ajouter l'option bannière sur votre profil XenForo
  • #4
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 RG
Inscription
24 Août 2012
Messages
19 340
Réactions
9 726
Points
22 820
    Réponse de Djamel SEC Informatique ⌨️ Programmation Programmation web : Ajouter l'option bannière sur votre profil XenForo
  • #5
C'est super Fara, continue à me tagguer j'en apprends toujours avec tes tutos ! :D
 

LéoVie

Passionné jeux vidéos indépandants
Contributeur
Inscription
4 Mai 2013
Messages
1 506
Réactions
1 298
Points
11 721
    Réponse de LéoVie Informatique ⌨️ Programmation Programmation web : Ajouter l'option bannière sur votre profil XenForo
  • #7
Très bon tutoriel, continues sur ta lancée ;)
 
D

deleted535977

    Réponse de deleted535977 Informatique ⌨️ Programmation Programmation web : Ajouter l'option bannière sur votre profil XenForo
  • #8
Merci du partage mec
 

BlArKo

Tatouage best
Contributeur
Inscription
19 Février 2012
Messages
1 199
Réactions
363
Points
12 143
    Réponse de BlArKo Informatique ⌨️ Programmation Programmation web : Ajouter l'option bannière sur votre profil XenForo
  • #9
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
556
    Réponse de MoDzTeuchi Informatique ⌨️ Programmation Programmation web : Ajouter l'option bannière sur votre profil XenForo
  • #10
Merci de mettre une image con voit a quoi sa resemble
 
D

deleted572990

    Réponse de deleted572990 Informatique ⌨️ Programmation Programmation web : Ajouter l'option bannière sur votre profil XenForo
  • #13
Un tuto vraiment sympa pour les gens qui dev des Plugin :ok:
 

EroniX™️

Helpeur
Contributeur
Inscription
9 Avril 2014
Messages
589
Réactions
148
Points
7 846
    Réponse de EroniX™️ Informatique ⌨️ Programmation Programmation web : Ajouter l'option bannière sur votre profil XenForo
  • #14
très bon tutoriel comme toujours :love: ;)
 

_$nZ

Membre
Inscription
26 Décembre 2015
Messages
80
Réactions
10
Points
2 356
    Réponse de _$nZ Informatique ⌨️ Programmation Programmation web : Ajouter l'option bannière sur votre profil XenForo
  • #15
sa fonctionne pas avec mon forum :c pourrais tu m'aider ? :)
 

yokida

Membre
Inscription
26 Janvier 2016
Messages
1
Réactions
0
Points
14
    Réponse de yokida Informatique ⌨️ Programmation Programmation web : Ajouter l'option bannière sur votre profil XenForo
  • #16
Dernière édition par un modérateur:

Kévin 🚀

Administrateur
Administrateur
Inscription
18 Décembre 2012
Messages
4 627
Réactions
5 161
Points
15 882
    Réponse de Kévin 🚀 Informatique ⌨️ Programmation Programmation web : Ajouter l'option bannière sur votre profil XenForo
  • #17
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) ;)
 
Inscription
31 Août 2011
Messages
483
Réactions
88
Points
11 396
    Réponse de |AMO|Starshipzz*-* Informatique ⌨️ Programmation Programmation web : Ajouter l'option bannière sur votre profil XenForo
  • #18
merci mon gars, sa aide bien :D
 

Work'N

Développeur | LobbyMan
Contributeur
Inscription
19 Mai 2015
Messages
859
Réactions
126
Points
6 106
    Réponse de Work'N Informatique ⌨️ Programmation Programmation web : Ajouter l'option bannière sur votre profil XenForo
  • #19
Salut @Kévin SEC , es que il y a un moyen de rendre sa que pour les premium ?
merci
 

Haut Bas