Connexion
S'inscrire
Actualités
Quoi de neuf
Activités générales
Auteurs
Forums
Nouveaux messages
Rechercher un forum
Quoi de neuf
Nouveaux messages
Nouveaux messages de profil
Activités générales
Membres
Membres inscrits
Visiteurs actuels
Nouveaux messages de profil
Rechercher dans les messages des profils
Teams
Créé ton équipe
Quoi de neuf ?
Nouveaux messages
Rechercher un forum
Menu
Connexion
S'inscrire
Install the app
Install
Forums
Forums généraux
Informatique
Développement
Ajouter l'option bannière sur votre profil XenForo
JavaScript is disabled. For a better experience, please enable JavaScript in your browser before proceeding.
Vous utilisez un navigateur non à jour ou ancien. Il ne peut pas afficher ce site ou d'autres sites correctement.
Vous devez le mettre à jour ou utiliser un
navigateur alternatif
.
Répondre à la discussion
Message
<blockquote data-quote="Kévin 🚀" data-source="post: 5222571" data-attributes="member: 210410"><p>Bonsoir à tous <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite391" alt=":membre:" title="Membre :membre:" loading="lazy" data-shortname=":membre:" />,</p><p></p><p>Ce soir on se retrouve pour un nouveau court tutoriel sur <strong><span style="color: #0059b3">XenForo</span></strong>.</p><p>Le but de ce tutoriel est de pouvoir permettre aux membres de votre forum de <strong><span style="color: #0059b3">mettre une bannière sur son profil XenForo</span></strong>.</p><p></p><p style="text-align: center">[ATTACH=full]54738[/ATTACH]</p> <p style="text-align: center"><strong><u><span style="color: #0059b3">Sommaire :</span></u></strong></p> <ul> <li data-xf-list-type="ul">Création du champ personnalisé.</li> <li data-xf-list-type="ul">Intégration du code dans la template <strong><span style="color: #0059b3">Member_view</span></strong>.</li> <li data-xf-list-type="ul">Test du système.</li> </ul> <p style="text-align: center">[ATTACH=full]54738[/ATTACH]</p> <p style="text-align: center"><u><span style="color: #0059b3"><strong>Première partie :</strong></span></u> Création du champ personnalisé.</p><p></p><p>Pour créer un <strong><span style="color: #0059b3">champ personnalisé</span></strong> il faut aller dans votre <strong><span style="color: #0059b3">AdminCP</span></strong>, puis allez dans l'onglet utilisateur et dans la sidebar gauche cliquée sur <strong><span style="color: #0059b3">Champs personnalisés</span></strong>.</p><p></p><p>Une fois sur la page des champs personnalisés cliquez sur le bouton en haut a droit qui se nomme <strong><span style="color: #0059b3">Créer un nouveau champ</span></strong>.</p><p></p><p>Vous allez être redirigés vers la page de<strong> <span style="color: #0059b3">création du champ personnalisé</span></strong> et cette page va vous demander plusieurs informations</p><p></p><p>Mettez les paramètres suivants :</p><ul> <li data-xf-list-type="ul"><strong><span style="color: #0059b3">ID du champs :</span></strong> image_link</li> <li data-xf-list-type="ul"><strong><span style="color: #0059b3">Titre :</span></strong> Lien de votre bannière.</li> <li data-xf-list-type="ul"><strong><span style="color: #0059b3">Description :</span></strong> Permet d'ajouter une bannière sur votre profil.</li> <li data-xf-list-type="ul"><strong><span style="color: #0059b3">Emplacement de l'affichage :</span></strong> Préférence</li> <li data-xf-list-type="ul"><strong><span style="color: #0059b3">Ordre d'affichage :</span></strong> 1</li> <li data-xf-list-type="ul"><strong><span style="color: #0059b3">Type de champ :</span></strong> Simple ligne de texte</li> </ul><p>Sauvegarder le champ</p><p style="text-align: center"></p> <p style="text-align: center">[ATTACH=full]54738[/ATTACH]</p> <p style="text-align: center"><strong><span style="color: #0059b3"><u>Deuxième partie :</u></span></strong> Intégration du code dans la template member_view</p> <p style="text-align: center"></p><p>Pour <strong><span style="color: #0059b3">intégrer</span></strong> le code il faut vous rendre dans vos <strong><span style="color: #0059b3">templates </span></strong>de style et sélectionner la<strong><span style="color: #0059b3"> template member_view</span></strong></p><p>Une fois que la <strong><span style="color: #0059b3">template</span></strong> est ouverte vous allez <strong><span style="color: #0059b3">chercher </span></strong>la ligne :</p><p>[CODE]<div class="profilePage" itemscope="itemscope" itemtype="http://data-vocabulary.org/Person">[/CODE]</p><p>Puis <strong><span style="color: #0059b3">en dessous de celle-ci</span></strong> vous allez mettre ce code :</p><p>[CODE]<xen:if is="{$user.customFields.image_link}"></p><p><center><img src="{$user.customFields.image_link}" style="width: 100%;" /></center></p><p></xen:if>[/CODE]</p><p>Sauvegarder la template.</p><p></p><p>Vous <strong><span style="color: #0059b3">pouvez définir les dimensions</span></strong> des bannières en fonction de votre thème avec le <strong><span style="color: #0059b3">css </span></strong>(height, weight etc ...)</p><p></p><p style="text-align: center">[ATTACH=full]54738[/ATTACH]</p> <p style="text-align: center"><strong><u><span style="color: #0059b3">Troisième partie :</span></u></strong> Test du système.</p> <p style="text-align: center"></p><p>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.</p><p>Puis allez sur votre profil et admirer le résultat.</p><p></p><p style="text-align: center">[ATTACH=full]54738[/ATTACH] </p><p>Voilà ce tutoriel est fini, si vous avez des questions n'hésitez pas <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite355" alt=":)" title=":) :)" loading="lazy" data-shortname=":)" /></p><p style="text-align: right">Tutoriel proposé par :</p> <p style="text-align: right"><em><strong><span style="color: #ffa64d">Faragnight SEC</span></strong></em></p><p><em><span style="font-size: 10px"><span style="color: #000000">(Cc [USER=241969]@Jeson[/USER] & [USER=152965]@Djamel SEC[/USER] )</span></span></em></p><p style="text-align: center"><span style="font-size: 10px"><span style="color: #bfbfbf">Je n'autorise pas la reproduction de ce tutoriel !</span></span></p></blockquote><p></p>
[QUOTE="Kévin 🚀, post: 5222571, member: 210410"] Bonsoir à tous :membre:, Ce soir on se retrouve pour un nouveau court tutoriel sur [B][COLOR=#0059b3]XenForo[/COLOR][/B]. Le but de ce tutoriel est de pouvoir permettre aux membres de votre forum de [B][COLOR=#0059b3]mettre une bannière sur son profil XenForo[/COLOR][/B]. [CENTER][ATTACH=full]54738[/ATTACH] [B][U][COLOR=#0059b3]Sommaire :[/COLOR][/U][/B][/CENTER] [LIST] [*]Création du champ personnalisé. [*]Intégration du code dans la template [B][COLOR=#0059b3]Member_view[/COLOR][/B]. [*]Test du système. [/LIST] [CENTER][ATTACH=full]54738[/ATTACH] [U][COLOR=#0059b3][B]Première partie :[/B][/COLOR][/U] Création du champ personnalisé.[/CENTER] Pour créer un [B][COLOR=#0059b3]champ personnalisé[/COLOR][/B] il faut aller dans votre [B][COLOR=#0059b3]AdminCP[/COLOR][/B], puis allez dans l'onglet utilisateur et dans la sidebar gauche cliquée sur [B][COLOR=#0059b3]Champs personnalisés[/COLOR][/B]. Une fois sur la page des champs personnalisés cliquez sur le bouton en haut a droit qui se nomme [B][COLOR=#0059b3]Créer un nouveau champ[/COLOR][/B]. Vous allez être redirigés vers la page de[B] [COLOR=#0059b3]création du champ personnalisé[/COLOR][/B] et cette page va vous demander plusieurs informations Mettez les paramètres suivants : [LIST] [*][B][COLOR=#0059b3]ID du champs :[/COLOR][/B] image_link [*][B][COLOR=#0059b3]Titre :[/COLOR][/B] Lien de votre bannière. [*][B][COLOR=#0059b3]Description :[/COLOR][/B] Permet d'ajouter une bannière sur votre profil. [*][B][COLOR=#0059b3]Emplacement de l'affichage :[/COLOR][/B] Préférence [*][B][COLOR=#0059b3]Ordre d'affichage :[/COLOR][/B] 1 [*][B][COLOR=#0059b3]Type de champ :[/COLOR][/B] Simple ligne de texte [/LIST] Sauvegarder le champ [CENTER] [ATTACH=full]54738[/ATTACH] [B][COLOR=#0059b3][U]Deuxième partie :[/U][/COLOR][/B] Intégration du code dans la template member_view [/CENTER] Pour [B][COLOR=#0059b3]intégrer[/COLOR][/B] le code il faut vous rendre dans vos [B][COLOR=#0059b3]templates [/COLOR][/B]de style et sélectionner la[B][COLOR=#0059b3] template member_view[/COLOR][/B] Une fois que la [B][COLOR=#0059b3]template[/COLOR][/B] est ouverte vous allez [B][COLOR=#0059b3]chercher [/COLOR][/B]la ligne : [CODE]<div class="profilePage" itemscope="itemscope" itemtype="http://data-vocabulary.org/Person">[/CODE] Puis [B][COLOR=#0059b3]en dessous de celle-ci[/COLOR][/B] 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>[/CODE] Sauvegarder la template. Vous [B][COLOR=#0059b3]pouvez définir les dimensions[/COLOR][/B] des bannières en fonction de votre thème avec le [B][COLOR=#0059b3]css [/COLOR][/B](height, weight etc ...) [CENTER][ATTACH=full]54738[/ATTACH] [B][U][COLOR=#0059b3]Troisième partie :[/COLOR][/U][/B] Test du système. [/CENTER] 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. [CENTER][ATTACH=full]54738[/ATTACH] [/CENTER] Voilà ce tutoriel est fini, si vous avez des questions n'hésitez pas :) [RIGHT]Tutoriel proposé par : [I][B][COLOR=#ffa64d]Faragnight SEC[/COLOR][/B][/I][/RIGHT] [I][SIZE=2][COLOR=#000000](Cc [USER=241969]@Jeson[/USER] & [USER=152965]@Djamel SEC[/USER] )[/COLOR][/SIZE][/I] [CENTER][SIZE=2][COLOR=#bfbfbf]Je n'autorise pas la reproduction de ce tutoriel ![/COLOR][/SIZE][/CENTER] [/QUOTE]
Insérer les citations…
Vérification
Publier la réponse
Forums
Forums généraux
Informatique
Développement
Ajouter l'option bannière sur votre profil XenForo
Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies.
Acceptez
En savoir plus.…
Haut