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

Page 3 sur 3 Précédent  1, 2, 3

Voir le sujet précédent Voir le sujet suivant Aller en bas

  • 0

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

Message par Pinguino le Mar 11 Sep 2012 - 10:13

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 !


 Exclamation  ATTENTION  Exclamation


  • 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  ajout  :

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://illiweb.com/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 !!  Yahoo



Pinguino
Adminactif
Adminactif

Masculin
Messages : 10233
Inscrit(e) le : 02/05/2004

http://www.forumactif.com
Pinguino a été remercié(e) par l'auteur de ce sujet.

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

Message par quad daniel le Jeu 4 Oct 2012 - 14:13

@Pinguino a écrit: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,
Smile

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

quad daniel
***

Masculin
Messages : 187
Inscrit(e) le : 03/02/2011

http://quadsalvetain.com
quad daniel a été remercié(e) par l'auteur de ce sujet.

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

Message par didine432 le Jeu 4 Oct 2012 - 20:00

Extra
merci beaucoup

didine432
**

Féminin
Messages : 52
Inscrit(e) le : 24/03/2008

http://pele-mele-des-sister.forumactif.com/forum.htm
didine432 a été remercié(e) par l'auteur de ce sujet.

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

Message par Caidonessy le Jeu 11 Oct 2012 - 9:16

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

J'aime beaucoup ! I love you

Bonne journée à tous !

Caidonessy
Nouveau membre

Féminin
Messages : 27
Inscrit(e) le : 04/10/2012

http://mon-chien-mon-amour.lebonforum.com
Caidonessy a été remercié(e) par l'auteur de ce sujet.

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

Message par sophb le Ven 12 Oct 2012 - 20:58

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

sophb
***

Messages : 158
Inscrit(e) le : 05/03/2012

http://ateliersdenebty.forumgratuit.org/
sophb a été remercié(e) par l'auteur de ce sujet.

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

Message par bugsbuny le Ven 12 Oct 2012 - 22:32

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.

bugsbuny
# Tropactif #

Masculin
Messages : 1185
Inscrit(e) le : 01/03/2007

http://grpw.exprimetoi.com
bugsbuny a été remercié(e) par l'auteur de ce sujet.

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

Message par Andro le Sam 13 Oct 2012 - 1:27

marche pas pour le moment... IE8

Code:
http://mcdrole.forumsactifs.com/

andro

Andro
****

Masculin
Messages : 418
Inscrit(e) le : 22/09/2009

http://mcdrole.forumsactifs.com/
Andro a été remercié(e) par l'auteur de ce sujet.

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

Message par FANCH 56 le Sam 13 Oct 2012 - 8:14

@Andro a écrit:marche pas pour le moment... IE8

Code:
http://mcdrole.forumsactifs.com/

andro

Ben passe à IE9 Very Happy

FANCH 56
+ Hyperactif +

Masculin
Messages : 13260
Inscrit(e) le : 25/07/2005

http://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

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

Message par bugsbuny le Sam 13 Oct 2012 - 9:32

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.

bugsbuny
# Tropactif #

Masculin
Messages : 1185
Inscrit(e) le : 01/03/2007

http://grpw.exprimetoi.com
bugsbuny a été remercié(e) par l'auteur de ce sujet.

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

Message par guigui358 le Sam 13 Oct 2012 - 18:50

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

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

guigui358
Nouveau membre

Messages : 3
Inscrit(e) le : 17/06/2012

http://rattrapage.lebonforum.com
guigui358 a été remercié(e) par l'auteur de ce sujet.

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

Message par bugsbuny le Sam 13 Oct 2012 - 19:30

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

bugsbuny
# Tropactif #

Masculin
Messages : 1185
Inscrit(e) le : 01/03/2007

http://grpw.exprimetoi.com
bugsbuny a été remercié(e) par l'auteur de ce sujet.

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

Message par guigui358 le Dim 14 Oct 2012 - 15:56

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.

guigui358
Nouveau membre

Messages : 3
Inscrit(e) le : 17/06/2012

http://rattrapage.lebonforum.com
guigui358 a été remercié(e) par l'auteur de ce sujet.

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

Message par Threax le Dim 14 Oct 2012 - 16:09

Aucune entraide n'est fournie dans les annonces. Wink

Threax
+ Hyperactif +

Masculin
Messages : 17277
Inscrit(e) le : 27/08/2005

http://lesforumsde.forumactif.com
Threax a été remercié(e) par l'auteur de ce sujet.

Page 3 sur 3 Précédent  1, 2, 3

Voir le sujet précédent Voir le sujet suivant Revenir en haut


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