Notre faceclaim
Trouver un scénario
Trouver un forum
Notre discord
Top Sites
Top-site Bazzart
Loukoum
Top 50 RPG
Cherry23
Fermeture du forum
Le forum ferme ses portes, rendez vous ici pour plus d'information : Fermeture

Avatar du dernier inscrit sur l'index - Facile - Lyxiae Empty

Avatar du dernier inscrit sur l'index - Facile - Lyxiae

Mar 22 Oct 2019 - 15:47
Lyxiae
Lyxiae
MdM Forum
Date d'inscription : 07/10/2019
Messages : 77
Crédit : Lyxiae
Tutoriel
Avatar du dernier inscrit sur l'index
Facile - Lyxiae

A quoi ça sert ?


Bonjour !

Aujourd'hui, on va parler templates et JavaScript ! (un peu). Pour une petite astuce permettant d'avoir l'avatar du dernier inscrit ou vous voulez sur votre index. Ce n'est l'affaire que de quelques balises à placer, quelques lignes de JS dans le module de votre forum, et tout devrait se faire sans problème. Je précise que l'astuce a ete postee sur le forum d'entraide de ForumActif il y a quelques années mais, dans le cas où vous auriez du mal a la retrouver, la voilà !

Les prérequis sont les suivants :
- Avoir des bases en HTML
- Avoir accès aux templates de votre forum
- Avoir accès à la Gestion des codes Javascript de votre forum.

Tutoriel


Tout d'abord il vous faut vous rendre dans le template index_body ou overall_footer_begin (selon votre version, dans le cas de modernBB par exemple, c'est dans ce dernier qu'il faut aller) et trouver la variable :

Code:
{NEWEST USER}

Il s'agit de la balise permettant d'afficher le pseudo du dernier compte inscrit sur votre forum. Ensuite, entourez la des balises suivantes :

Code:
<span id="dernier_membre">{NEWEST_USER}</span>

Vous pouvez tout à fait changer la variable (avec les balises) de place pour un autre template, je pense en particulier au cas de modernBB, si vous voulez mettre votre QEEL dans index_body ou inversement pour toute autre version. L'important étant de garder les balises.

Puis, rendez vous dans le template profile_view_body (le template d'affichage du profil) et trouvez la variable :

Code:
{AVATAR_IMG}

Et entourez la des balises suivantes :

Code:
<span id="avatar_membre">{AVATAR_IMG}</span>

Ainsi, on identifie le dernier utilisateur inscrit et la zone ou aller chercher l'avatar du membre.

Ensuite, placez les balises suivantes a l'endroit ou vous voulez que l'avatar s'affiche ( index_body ou overall_footer_begin par exemple) :

Code:
<span id="avatar_dernier_membre"></span>

L'image de l'avatar sera insérée entre ces balises automatiquement par le code JavaScript. Il ne reste plus qu'à l'installer. Pour le le faire, rendez vous dans les Modules > Gestion des codes JavaScript, créez une nouveau code JavaScript que vous appliquez sur l'index.

Mettez y le code suivant :

Code:
$(function(){
    $.get($("#dernier_membre a[href^='/u']")[0].href,function(d){
    (a=$("#avatar_membre img",$(d))).length&&$("#avatar_dernier_membre").html(a);})
    });

Enregistrez. Vérifiez bien que le JavaScript est activé sur votre forum et que les templates sont tous bien publiés, et voilà ! L'avatar du dernier membre inscrit devrait apparaître la ou vous avez placé votre balise. Vous pouvez évidemment styliser librement via la balise ou simplement le mettre dans un bloc pour l'intégrer à votre design.

Si vous avez des questions, n'hésitez pas !

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum