Astuce du mardi : Avatar du membre ayant posté en dernier sur l'index du forum

[Pinguino]

Rappel du premier message :

Avatar du membre ayant posté en dernier sur l'index du forum

1.Définition: Bonjour à tous Voici un tutoriel pour afficher, sur l'index de votre forum, l'avatar du membre ayant posté en dernier !    ATTENTION   Ne fonctionnera pas pour les membres avec un navigateur trop ancien 2.Le code Javascript PA > modules > HTML & javascripts > Gestion des codes javascripts > créer un nouveau code    : Mettre le titre que vous souhaitez Emplacement : Sur l'index Coller le code suivant et enregistrer : Code: $(function(){      if(!window.localStorage) return;      // Avatar par défaut     var default_avatar= 'http://2img.net/i/fa/invision/pp-blank-thumb.png';      // Temps de cache, ici 24 h * 60 m * 60 s * 1000 ms donc un jour     var caching_time= 24*60*60*1000;      // Temps de cache d'une erreur, ici 60 s * 1000 ms donc une minute     var caching_error= 60*1000;      var set_avatar= function(id) {         $('.mini_ava.member'+id).html('<img src="'+get_avatar(id)+'" />');     };      var get_avatar= function(id) {         if(localStorage.getItem('t_ava'+id) < +new Date - caching_time || (localStorage.getItem('d_ava'+id)==default_avatar && localStorage.getItem('t_ava'+id) < +new Date - caching_error))         {             localStorage.setItem('d_ava'+id, default_avatar);             $.get('/u'+id, function (d){                 localStorage.setItem('t_ava'+id,+new Date);                 localStorage.setItem('d_ava'+id, $('#profile-advanced-right .module:first div img:first,.forumline td.row1.gensmall:first > img, .frm-set.profile-view.left dd img,dl.left-box.details:first dd img, .row1 b .gen:first img, .real_avatar img',d).first().attr('src')||default_avatar);                 set_avatar(id);             });         }         return localStorage.getItem('d_ava'+id);     };      var to_replace= {};      $('dd.lastpost strong a.gensmall, .ipbtable tr td:last-child span strong a.gensmall, .table td.tcr strong a.gensmall, .forumline .row3.over strong a.gensmall').each(function(){         to_replace[$(this).attr('href').substr(2)]= 1;         $(this).closest('td,dd').prepend('<div class="mini_ava member'+$(this).attr('href').substr(2)+'"></div>');     });      for(i in to_replace)     {         set_avatar(i);     };   }); 3.Le code CSS : PA > affichage > images & couleurs > feuille de style CSS : Code: .mini_ava {   float: left; } .mini_ava img {   width: 40px;   height: 40px;   margin: 0 5px;   border-radius: 10px;   transition: all 2s;   -moz-transition: all 2s;   -webkit-transition: all 2s;   -o-transition: all 2s; } .mini_ava img:hover {   width: 80px;  height: 80px; } Exemple : Vous pouvez personnaliser ce code (couleurs, bordures...)      BRAVO c'est fini !!

Ce tutoriel a été réalisé sur la base d'un tutoriel du staff du Forum des forums espagnols (Celina), Il a été traduit pour le Forum des Forums français par Pinguino, et optimisé par Ea. Aucune reproduction possible sans notre accord, conformément à l’article L122-1 du CPI.

[quad daniel]

Bonjour


Pour le css il suffit de rajouter le code fournit dans le tutoriel à la suite de votre code actuel dans PA > affichage > images et couleurs > couleurs > feuille de style CSS


Cordialement,

bonjour merci infiniment pour votre réponse, sa fonctionne (très bien)
encore bravo pour votre dévouement et aide (Forum très sympa)
bonne continuation pour la suite
très cordialement
:thanks:

[didine432]

Extra
merci beaucoup

[Caidonessy]

Merci pour cette super astuce qui égaye un peu plus la page d'accueil !

J'aime beaucoup !

Bonne journée à tous !

[sophb]

Bonsoir à tous,
A quand la prochaine petite astuce du mardi ? Celle-ci était trop bien.... On prend vite goût aux bonnes choses !
A bientot

[bugsbuny]

Bonsoir, y a rien qui fonctionne sur mon forum, que faire, est ce qu'il faut modifier quelque chose ?
J'ai installé : 2.Le code Javascript

PA > modules > HTML & javascripts > Gestion des codes javascripts > créer un nouveau code :

Merci pour vos réponses et bonne soirée.

[Andro]

marche pas pour le moment... IE8

Code:

http://mcdrole.forumsactifs.com/

andro

[FANCH 56]

marche pas pour le moment... IE8

Code:

http://mcdrole.forumsactifs.com/

andro

Ben passe à IE9

[bugsbuny]

Bonjour, je passe par google chrome et il est à jour et rien même en passant par firefox et internet explorer, nada, rien, y a un truc qui cloche.

[guigui358]

Je vous propose l'idée suivante en rapport avec les avatars.

A la place du dernier posteur mettre l'avatar du modérateur.

[bugsbuny]

Bonjour, y a t il quelqu'un pour m'aiguiller ?
Merci

[guigui358]

T'es sur que tu n'as pas de bug dans les codes si j'étais toi je supprimerais les deux codes et les remettrais.

[Threax]

Aucune entraide n'est fournie dans les annonces.