Permettre aux utilisateurs de personnaliser leurs postbit

[Jules]

Permettre aux utilisateurs de personnaliser leurs postbit
Dans ce tutoriel, je vais vous donner une astuce pour donner le droit aux utilisateurs de personnaliser leurs postbit très simplement : avec un champ de profil personnalisé.

Comme d'habitude, voilà le rendu :
   

Que j'ai réalisé à partir de cette image :
   

Donc le but du tutoriel est comme je le disais de personnaliser le postbit des utilisateurs en utilisant un champ de profil personnalisé, le principe est simple : l'utilisateur entre l'url d'une image dans le champ de profil personnaliser, ensuite nous le récupérons dans le template "postbit" et nous le mettons comme fond.

Premièrement, nous allons faire ce nouveau champ, rendez-vous dans votre administration, puis configuration et cliquez sur "Champs de profil personnalisés" dans le menu de gauche.

Ajouter un nouveau champ de profil, entrez le nom et la description comme vous le souhaitez, sachez juste qu'ils seront utilisés dans la configuration des utilisateurs pour présenter le champ, voir la pièce jointe ci-dessous :
   

Dans "Type de champ", vous avez le choix entre "Boîte texte" ou "Zone texte", la seule différence est qu'une "Zone texte" est un large champ sur plusieurs lignes, voir ci-dessous :
   

Pour le reste des options, je vous conseillerais de mettre les mêmes que moi (mais ce n'est absolument pas obligatoire) :
   

Le champ se modifie dans l'onglet "modifier le profil" du panel de configuration des membres.

---

Deuxième partie, l'intégration dans les templates, beaucoup plus rapide :
Une fois votre champ enregistré, passez la souris dessus ou cliquez sur "éditer le champ" et regardez bien l'url de la page :
http://xxx/index.php?module=config-profile_fields&action=edit&fid=4

Retenez bien la valeur de "fid" (ici, 4).
Maintenant, ouvrez votre template "postbit" et cherchez la partie suivante :

Code :

<div class="post_author">
    {$post['useravatar']}
    <div class="author_information">
            <strong><span class="largetext">{$post['profilelink']}</span></strong> {$post['onlinestatus']}<br />
            <span class="smalltext">
                {$post['usertitle']}<br />
                {$post['userstars']}
                {$post['groupimage']}
            </span>
    </div>
    <div class="author_statistics">
        {$post['user_details']}
    </div>
</div>

Nous allons nous intéresser à cette ligne :

Code :

<div class="post_author">

Remplacez la par :

Code :

<div class="post_author" style="background: url({$post['fid4']})">

Le "4" est à remplacer par le numéro du champ de profil.

Pour les utilisateurs de postbit à gauche (classique) : vous devez vous rendre dans le template "postbit_classic" et cherchez cette ligne :

Code :

<div class="post_author scaleimages">

Remplacez la par :

Code :

<div class="post_author scaleimages"  style="background: url({$post['fid4']})">

[buzzer]

Bonsoir, toujours pour personnaliser le postbit des membres, j'aimerais ajouter des symboles devant par exemple :
- Emplacement : paris
Devient symbole maison (fa-home) : paris
avec ce type de symboles http://fortawesome.github.io/Font-Awesome/icons/
Merci

[Jules]

Je ne sais pas si cette demande entre vraiment dans l'esprit du tutoriel, cependant, avez-vous essayer d'ajouter <i class="fa fa-home"></i> dans le nom du champ ?

[buzzer]

Désolé ne fonctionne pas
j'ai bien identifié la fonction mais à dire vrai je n'arrive pas à trouver le template correspondant

[buzzer]

Après quelques essais, solution trouvée :
Editer le template "postbit_author_user"
ajouter :

Code :

<i style="font-size: 14px;" class="fa fa-bicycle fa-fw"></i> {$mybb->user['fid4']}<br />
<i style="font-size: 14px;" class="fa fa-flag fa-fw"></i> {$mybb->user['fid1']}<br />
<i style="font-size: 14px;" class="fa fa-child fa-fw"></i> {$mybb->user['fid3']}

A savoir que le numéro du ['fidx'] correspond au numéro de votre champ personnalisé
Il suffit ensuite de ne pas les afficher dans le postbit (puisqu'on les appelle avec les ['fidx'], on évite ainsi les doublons

En ce qui concerne les "merci", ils appartiennent au plugin thanks, il faut que j'y travaille

[bruno36100]

Désoler de déterrer se sujet, je cherche aussi a ajouter une image a coté des Champs de profil personnalisés.

[Jules]

Bruno36100, vous aviez la réponse juste au dessus par buzzer...

(06-02-2015, 18:18)buzzer a écrit :  Après quelques essais, solution trouvée :
Editer le template "postbit_author_user"
ajouter :

Code :

<i style="font-size: 14px;" class="fa fa-bicycle fa-fw"></i> {$mybb->user['fid4']}<br />
<i style="font-size: 14px;" class="fa fa-flag fa-fw"></i> {$mybb->user['fid1']}<br />
<i style="font-size: 14px;" class="fa fa-child fa-fw"></i> {$mybb->user['fid3']}

A savoir que le numéro du ['fidx'] correspond au numéro de votre champ personnalisé
Il suffit ensuite de ne pas les afficher dans le postbit (puisqu'on les appelle avec les ['fidx'], on évite ainsi les doublons

En ce qui concerne les "merci", ils appartiennent au plugin thanks, il faut que j'y travaille

Autrement :
Allez dans votre administration, puis ouvrez vos templates associé au thème utilisé par votre forum.
Dans le template postbit_author_user ajoutez vos images devant les champs !

Comme ceci :

Code :

<i style="font-size: 14px;" class="fa fa-bicycle fa-fw"></i> {$mybb->user['fid4']}<br />
<i style="font-size: 14px;" class="fa fa-flag fa-fw"></i> {$mybb->user['fid1']}<br />
<i style="font-size: 14px;" class="fa fa-child fa-fw"></i> {$mybb->user['fid3']}

Mais les images peuvent aussi se trouver de cette forme :

Code :

<img src="http://... le lien vers mon image" /> {$mybb->user['fidx']}<br />...

En sachant que le "x" de "fidx" est à remplacé par le numéro du champ de profil personnalisé, comme par exemple : "fid1", "fid2" ou encore "fid3"...
Pour connaître le numéro de votre champ, référez-vous directement au tutoriel (la partie ci-dessous) :

(07-10-2014, 17:57)Jules a écrit :  Deuxième partie, l'intégration dans les templates, beaucoup plus rapide :
Une fois votre champ enregistré, passez la souris dessus ou cliquez sur "éditer le champ" et regardez bien l'url de la page :
http://xxx/index.php?module=config-profile_fields&action=edit&fid=4

[bruno36100]

Je l'avais vue.. et fait la modification.
Le problème, quand je fait comme indiquer, tous les membres se retrouve avec les mêmes Champs de profil personnalisés que moi..

http://www.scooter-chinois-4t.com/forum/Thread-Nouveau?pid=134557#pid134557

[Jules]

Si vous souhaitez afficher une image sous le profil de certains membres qui respectent des conditions précises (nom, groupe, ...), regardez plutôt ce tutoriel de Saphir :
http://mybb.support/thread-5197.html

Bonne journée !

[bruno36100]

Je veut afficher une image a coté de tous champs personnalisé, et pour tous les membres qui remplissent les champs personnalisés dans leurs profils, jusque la tous vas bien, les images sont bien afficher.

Le problème citer plus haut est que tous les membres se retrouve avec les mêmes champ personnalisé que j'ai indiquer dans mon profil j'ai choisis

Véhicule: Scooter
Marque: Qingqui
Model: QM50QT-6A
Cylindrée 90cc

Tous les membres ont le même scooter model et marque que moi..

[exdiogene]

Le problème est bien évident car "$mybb->user['fid4']" affichera l'information de l'utilisateur visionnant le message, tandis que "$post['fid4']" affichera celle de celui qui a posté le message.