07-10-2014, 17:57
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 :
[attachment=1450]
Que j'ai réalisé à partir de cette image :
[attachment=1451]
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 :
[attachment=1452]
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 :
[attachment=1453]
Pour le reste des options, je vous conseillerais de mettre les mêmes que moi (mais ce n'est absolument pas obligatoire) :
[attachment=1454]
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 :
Nous allons nous intéresser à cette ligne :
Remplacez la par :
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 :
Remplacez la par :
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 :
[attachment=1450]
Que j'ai réalisé à partir de cette image :
[attachment=1451]
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 :
[attachment=1452]
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 :
[attachment=1453]
Pour le reste des options, je vous conseillerais de mettre les mêmes que moi (mais ce n'est absolument pas obligatoire) :
[attachment=1454]
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']})">