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 centrage du texte sur les profils 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: 5241269" data-attributes="member: 210410"><p>Salut à tous <span style="font-size: 15px"><span style="color: #808080">[FA]users[/FA]</span></span>,</p><p></p><p>Aujourd'hui on se retrouve pour un nouveau court tutoriel sur <strong><span style="color: #0080ff">XenForo</span></strong>.</p><p>Je vais vous apprendre a <strong><span style="color: #0080ff">ajouter une option</span></strong> pour centrer les <u>pseudo, statut, bannière de rang</u> <strong><span style="color: #0080ff">XenForo </span></strong>de vos membres.</p><p>Vous aurez pour rendu ceci => <a href="http://prntscr.com/6yvs0t" target="_blank">http://prntscr.com/6yvs0t</a></p><p></p><p style="text-align: center">[ATTACH=full]55106[/ATTACH]</p> <p style="text-align: center">Sommaire :</p> <ul> <li data-xf-list-type="ul">Création du <strong><span style="color: #0080ff">champ personnalisé</span></strong>.<br /> </li> <li data-xf-list-type="ul"><strong><span style="color: #0080ff">Modification</span></strong> de la template <strong><span style="color: #0080ff">member_view</span></strong></li> <li data-xf-list-type="ul">Test du système.</li> </ul> <p style="text-align: center">[ATTACH=full]55106[/ATTACH] </p> <p style="text-align: center"><u><strong><span style="color: #0080ff">Première partie :</span></strong></u> Création du champ personnalisé.</p> <p style="text-align: center"></p><p>Pour créer un <strong><span style="color: rgb(0, 128, 255)">champ personnalisé</span></strong> il faut aller dans votre <strong><span style="color: rgb(0, 128, 255)">AdminCP</span></strong>, puis allez dans l'onglet utilisateur et dans la sidebar gauche cliquée sur <strong><span style="color: rgb(0, 128, 255)">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: rgb(0, 128, 255)">Créer un nouveau champ</span></strong>.</p><p></p><p>Vous allez être redirigés vers la page de<strong><span style="color: rgb(0, 128, 255)"> 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: rgb(0, 128, 255)">ID du champs :</span></strong> info_center</li> <li data-xf-list-type="ul"><strong><span style="color: rgb(0, 128, 255)">Titre :</span></strong> Permet de positionner vos informations sur votre profil.</li> <li data-xf-list-type="ul"><strong><span style="color: rgb(0, 128, 255)">Description :</span></strong></li> <li data-xf-list-type="ul"><strong><span style="color: rgb(0, 128, 255)">Emplacement de l'affichage :</span></strong> Préférence</li> <li data-xf-list-type="ul"><strong><span style="color: rgb(0, 128, 255)">Ordre d'affichage :</span></strong> 1</li> <li data-xf-list-type="ul"><strong><span style="color: rgb(0, 128, 255)">Type de champ :</span></strong> Menu déroulant de sélection</li> </ul><p></p><p>Maintenant nous allons configurer les choix possibles donc pour ce faire allez dans l'onglet <strong><span style="color: rgb(0, 128, 255)">Options pour le choix du champ</span></strong></p><p></p><p>Pour le première vous mettez :</p><ul> <li data-xf-list-type="ul"><strong><span style="color: rgb(0, 128, 255)">Valeur de (A à Z ...) :</span></strong> left</li> <li data-xf-list-type="ul"><strong><span style="color: rgb(0, 128, 255)">Texte :</span></strong> Gauche</li> </ul><p>Pour le deuxième vous mettez :</p><ul> <li data-xf-list-type="ul"><strong><span style="color: rgb(0, 128, 255)">Valeur de (A à Z ...) :</span></strong> center</li> <li data-xf-list-type="ul"><strong><span style="color: rgb(0, 128, 255)">Texte :</span></strong> Centré</li> </ul><p></p><p>Sauvegardez le champ.</p><p></p><p style="text-align: center">[ATTACH=full]55106[/ATTACH] </p> <p style="text-align: center"><strong><u><span style="color: #0080ff">Deuxième partie :</span></u></strong> Modification de la template member_view</p> <p style="text-align: center"></p><p>Pour ce faire il faudra vous rendre dans vos <strong><span style="color: rgb(0, 128, 255)">templates </span></strong>de style et sélectionner la template <strong><span style="color: rgb(0, 128, 255)">member_view.</span></strong></p><p>Une fois la <strong><span style="color: rgb(0, 128, 255)">template </span></strong>ouverte chercher ceci :</p><p>[HTML]<h1 itemprop="name" class="username">{xen:helper richUserName, $user}</h1></p><p></p><p> <p class="userBlurb"></p><p> {xen:helper userBlurb, $user}</p><p> </p></p><p> <xen:if hascontent="true"></p><p> <div class="userBanners"></p><p> <xen:contentcheck>{xen:helper userBanner, $user}</xen:contentcheck></p><p> </div></p><p> </xen:if>[/HTML]</p><p>Remplacer ce code par celui-ci :</p><p>[HTML]<xen:if is="{$user.customFields.info_center} == 'center'"></p><p> <center></p><p> <br /></p><p> <br /></p><p> <h1 itemprop="name" class="username">{xen:helper richUserName, $user}</h1></p><p></p><p> <p class="userBlurb"></p><p> {xen:helper userBlurb, $user}</p><p> </p></p><p> <xen:if hascontent="true"></p><p> <div class="userBanners"></p><p> <xen:contentcheck>{xen:helper userBanner, $user}</xen:contentcheck></p><p> </div></p><p> </xen:if></p><p> </center></p><p> <xen:elseif is="{$user.customFields.info_center} == 'left'" /></p><p> <h1 itemprop="name" class="username">{xen:helper richUserName, $user}</h1></p><p></p><p> <p class="userBlurb"></p><p> {xen:helper userBlurb, $user}</p><p> </p></p><p> <xen:if hascontent="true"></p><p> <div class="userBanners"></p><p> <xen:contentcheck>{xen:helper userBanner, $user}</xen:contentcheck></p><p> </div></p><p> </xen:if></p><p> <xen:else /></p><p> <h1 itemprop="name" class="username">{xen:helper richUserName, $user}</h1></p><p></p><p> <p class="userBlurb"></p><p> {xen:helper userBlurb, $user}</p><p> </p></p><p> <xen:if hascontent="true"></p><p> <div class="userBanners"></p><p> <xen:contentcheck>{xen:helper userBanner, $user}</xen:contentcheck></p><p> </div></p><p> </xen:if></p><p> </xen:if>[/HTML]</p><p>Sauvegardez la template.</p><p></p><p style="text-align: center">[ATTACH=full]55106[/ATTACH] </p> <p style="text-align: center"><strong><u><span style="color: #0080ff">Troisième partie :</span></u></strong> Test du système.</p> <p style="text-align: center"></p><p>Allez dans les préférences et amusez vous avec cette nouvelle option <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite355" alt=":)" title=":) :)" loading="lazy" data-shortname=":)" /></p><p></p><p style="text-align: center">[ATTACH=full]55106[/ATTACH]</p><p>Si vous avez des questions n'hésiter pas <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite351" alt=";)" title="Clin d'oeil ;)" loading="lazy" data-shortname=";)" /></p><p style="text-align: right">Tutoriel proposé par :</p> <p style="text-align: right"><strong><em><span style="color: rgb(255, 166, 77)">[FA]user[/FA] Faragnight SEC</span></em></strong></p> <p style="text-align: center"><strong><em><span style="font-size: 10px"><span style="color: rgb(191, 191, 191)">Je n'autorise pas la reproduction de ce tutoriel sur d'autre forum/site</span></span></em></strong></p></blockquote><p></p>
[QUOTE="Kévin 🚀, post: 5241269, member: 210410"] Salut à tous [SIZE=4][COLOR=#808080][FA]users[/FA][/COLOR][/SIZE], Aujourd'hui on se retrouve pour un nouveau court tutoriel sur [B][COLOR=#0080ff]XenForo[/COLOR][/B]. Je vais vous apprendre a [B][COLOR=#0080ff]ajouter une option[/COLOR][/B] pour centrer les [U]pseudo, statut, bannière de rang[/U] [B][COLOR=#0080ff]XenForo [/COLOR][/B]de vos membres. Vous aurez pour rendu ceci => [URL]http://prntscr.com/6yvs0t[/URL] [CENTER][ATTACH=full]55106[/ATTACH] Sommaire :[/CENTER] [LIST] [*]Création du [B][COLOR=#0080ff]champ personnalisé[/COLOR][/B]. [*][B][COLOR=#0080ff]Modification[/COLOR][/B] de la template [B][COLOR=#0080ff]member_view[/COLOR][/B] [*]Test du système. [/LIST] [CENTER][ATTACH=full]55106[/ATTACH] [U][B][COLOR=#0080ff]Première partie :[/COLOR][/B][/U] Création du champ personnalisé. [/CENTER] Pour créer un [B][COLOR=rgb(0, 128, 255)]champ personnalisé[/COLOR][/B] il faut aller dans votre [B][COLOR=rgb(0, 128, 255)]AdminCP[/COLOR][/B], puis allez dans l'onglet utilisateur et dans la sidebar gauche cliquée sur [B][COLOR=rgb(0, 128, 255)]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=rgb(0, 128, 255)]Créer un nouveau champ[/COLOR][/B]. Vous allez être redirigés vers la page de[B][COLOR=rgb(0, 128, 255)] création du champ personnalisé[/COLOR][/B] et cette page va vous demander plusieurs informations Mettez les paramètres suivants : [LIST] [*][B][COLOR=rgb(0, 128, 255)]ID du champs :[/COLOR][/B] info_center [*][B][COLOR=rgb(0, 128, 255)]Titre :[/COLOR][/B] Permet de positionner vos informations sur votre profil. [*][B][COLOR=rgb(0, 128, 255)]Description :[/COLOR][/B] [*][B][COLOR=rgb(0, 128, 255)]Emplacement de l'affichage :[/COLOR][/B] Préférence [*][B][COLOR=rgb(0, 128, 255)]Ordre d'affichage :[/COLOR][/B] 1 [*][B][COLOR=rgb(0, 128, 255)]Type de champ :[/COLOR][/B] Menu déroulant de sélection [/LIST] Maintenant nous allons configurer les choix possibles donc pour ce faire allez dans l'onglet [B][COLOR=rgb(0, 128, 255)]Options pour le choix du champ[/COLOR][/B] Pour le première vous mettez : [LIST] [*][B][COLOR=rgb(0, 128, 255)]Valeur de (A à Z ...) :[/COLOR][/B] left [*][B][COLOR=rgb(0, 128, 255)]Texte :[/COLOR][/B] Gauche [/LIST] Pour le deuxième vous mettez : [LIST] [*][B][COLOR=rgb(0, 128, 255)]Valeur de (A à Z ...) :[/COLOR][/B] center [*][B][COLOR=rgb(0, 128, 255)]Texte :[/COLOR][/B] Centré [/LIST] Sauvegardez le champ. [CENTER][ATTACH=full]55106[/ATTACH] [B][U][COLOR=#0080ff]Deuxième partie :[/COLOR][/U][/B] Modification de la template member_view [/CENTER] Pour ce faire il faudra vous rendre dans vos [B][COLOR=rgb(0, 128, 255)]templates [/COLOR][/B]de style et sélectionner la template [B][COLOR=rgb(0, 128, 255)]member_view.[/COLOR][/B] Une fois la [B][COLOR=rgb(0, 128, 255)]template [/COLOR][/B]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] Remplacer ce code par celui-ci : [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>[/HTML] Sauvegardez la template. [CENTER][ATTACH=full]55106[/ATTACH] [B][U][COLOR=#0080ff]Troisième partie :[/COLOR][/U][/B] Test du système. [/CENTER] Allez dans les préférences et amusez vous avec cette nouvelle option :) [CENTER][ATTACH=full]55106[/ATTACH][/CENTER] Si vous avez des questions n'hésiter pas ;) [RIGHT]Tutoriel proposé par : [B][I][COLOR=rgb(255, 166, 77)][FA]user[/FA] Faragnight SEC[/COLOR][/I][/B][/RIGHT] [CENTER][B][I][SIZE=2][COLOR=rgb(191, 191, 191)]Je n'autorise pas la reproduction de ce tutoriel sur d'autre forum/site[/COLOR][/SIZE][/I][/B][/CENTER] [/QUOTE]
Insérer les citations…
Vérification
Publier la réponse
Forums
Forums généraux
Informatique
Développement
Ajouter l'option centrage du texte sur les profils XenForo.
Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies.
Acceptez
En savoir plus.…
Haut