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

+35
Andro
sophb
Caidonessy
didine432
quad daniel
Pinguino
KRISTOF.T
Bad_girls
azalee 33
Jerty
K@K
Arisana
Chezoit
demeter1
Chacha
snunez
Cyberchris28
didguitare
spip
MIKE 45
291
h.deuzot
Pepper Potts
âme
Jean Nicolas
Ange-Carmen
Nono38
subalex57
Bruno®
julworld
AenigmA
Djlc.Discomobile
Ea
elbandito
dede54foiredenancy
39 participants

Page 1 sur 3 1, 2, 3  Suivant

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

  • 0

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

Message par Pinguino Mar 11 Sep 2012 - 10:13

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 !

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

 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://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 :

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

Vous pouvez personnaliser ce code (couleurs, bordures...)
 





   BRAVO c'est fini !!  Yahoo


Pinguino

Pinguino
Adminactif
Adminactif

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

Pinguino a été remercié(e) par l'auteur de ce sujet.

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

Message par dede54foiredenancy Mar 11 Sep 2012 - 12:54

Bonjour, j'ai une question, j'aimerais bien appliquer les avatar au sous forums, mais il y a un petit problème, c'est que le texte dépasse du cadre.
Comment faire si c'est possible ?

Merci (Ps : vos tutoriel sont très explicatifs, donc facile a appliquer)
dede54foiredenancy

dede54foiredenancy
Nouveau membre

Masculin
Messages : 14
Inscrit(e) le : 11/09/2012

dede54foiredenancy a été remercié(e) par l'auteur de ce sujet.

L'auteur de ce message est actuellement banni du forum - Voir le message

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

Message par Invité Mar 11 Sep 2012 - 13:40

Bonjour,

Oui super, par contre chez moi ça fonctionne très bien sous Firefox,
mais sous IE non :no

Je suis le seul dans ce cas là ?

Cordialement Jérôme
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

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

Message par Jean Nicolas Mar 11 Sep 2012 - 13:43

Bonjour

Chez moi ça marche sur IE9.
Merci Pinguino, c'est balaise.

Yes
Jean Nicolas

Jean Nicolas
****

Masculin
Messages : 221
Inscrit(e) le : 28/03/2010

http://biere.bbfr.net/
Jean Nicolas a été remercié(e) par l'auteur de ce sujet.

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

Message par elbandito Mar 11 Sep 2012 - 13:44

Oups, je n'ai rien dit, ca marche nickel !
Merci Smile


Dernière édition par elbandito le Mar 11 Sep 2012 - 13:47, édité 1 fois
avatar

elbandito
**

Masculin
Messages : 56
Inscrit(e) le : 14/01/2008

http://www.mt09.net/
elbandito a été remercié(e) par l'auteur de ce sujet.

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

Message par Ea Mar 11 Sep 2012 - 13:45

Bonjour,


Pour des problèmes vous pouvez créer un sujet dans la section Problème avec un script, un code )
Ea

Ea
Aidactif
Aidactif

Messages : 23583
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

L'auteur de ce message est actuellement banni du forum - Voir le message

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

Message par AenigmA Mar 11 Sep 2012 - 15:39

Hello,
Joli travail de Célina que j'avais déjà installé. Je vois qu'il a été retravaillé et est plus simple à installer. Bravo
Merci Pinguino de l'avoir mis ici.
AenigmA

AenigmA
Membre actif

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.
  • 0

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

Message par julworld Mar 11 Sep 2012 - 16:37

Ah, enfin des preuves de présence et de nouveautés. Nous avions pensé que vous aviez disparu. En tout cas, astuce assez sympa, vivemment les prochaines ( car, celle-ci, ne m'est pas vraiment nécéssaire ).
julworld

julworld
*****

Masculin
Messages : 695
Inscrit(e) le : 03/05/2009

http://prizeefrance.com
julworld a été remercié(e) par l'auteur de ce sujet.
  • 0

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

Message par Bruno® Mar 11 Sep 2012 - 18:20

merci , ça fait classe sur les forum

super
avatar

Bruno®
Nouveau membre

Messages : 4
Inscrit(e) le : 04/11/2011

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

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

Message par subalex57 Mar 11 Sep 2012 - 18:35

super
avatar

subalex57
Nouveau membre

Messages : 1
Inscrit(e) le : 11/09/2012

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

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

Message par Invité Mar 11 Sep 2012 - 19:09

Super ! Merci ^^ sa rends super bien en plus !!! Bravo
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.
  • 0

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

Message par âme Mar 11 Sep 2012 - 19:14

Bonsoir Pinguino,

Merci pour cette astuce !
Je vais l'appliquer sur mon fo' de tests et le mettrais ensuite en place sur Color'.
Bonne soirée Wink
âme

âme
Membre habitué

Féminin
Messages : 1744
Inscrit(e) le : 15/04/2005

http://color-avenue.forumactif.com
âme a été remercié(e) par l'auteur de ce sujet.
  • 0

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

Message par Nono38 Mar 11 Sep 2012 - 19:26

Salut Pinguino,

Cela ne marche pas sur mon fofo Sad

Je suis en phpBB2, j'ai Google chrome.

Merci d'avance,

Norbert

http://graph-actif.lebonforum.com/



Edit modération : le support n'est pas assuré dans les annonces, merci de poster dans l'Entraide pour tout problème avec cette astuce.
Nono38

Nono38
****

Masculin
Messages : 326
Inscrit(e) le : 03/04/2012

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

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

Message par FANCH 56 Mar 11 Sep 2012 - 20:28

Merci Pinguino

Je vais faire le casse pied : Dit monsieur Pinguino................on peut l'avoir aussi sur les derniers sujets (Widget). :thanks:
FANCH 56

FANCH 56
Membre actif

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

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

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

Message par Invité Mar 11 Sep 2012 - 20:37

Merci

c'est sympa comme astuces Smile
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.
  • 0

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

Message par Ange-Carmen Mar 11 Sep 2012 - 21:43

Hello, merci pour l'astuce c'est sympa, un peu répétitif quand c'est les même qui postent, mais en mettant l'arrondi à 20 j'ai des jolis petits ronds de 30x30 .. ça fais joli (mais pas sur l'index, juste dans les listesz de sujets)

A mardi prochain alors ? lol Astuce du mardi : Avatar du membre ayant posté en dernier sur l'index du forum 3351341383
Ange-Carmen

Ange-Carmen
Nouveau membre

Messages : 24
Inscrit(e) le : 06/07/2011

Ange-Carmen a été remercié(e) par l'auteur de ce sujet.

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

Message par Jean Nicolas Mer 12 Sep 2012 - 13:26

Pinguino a écrit:
Emplacement : Sur l'index

Bonjour
J'ai coché également les sous forums et cela "rend" très bien.
Merci encore.
Jean Nicolas

Jean Nicolas
****

Masculin
Messages : 221
Inscrit(e) le : 28/03/2010

http://biere.bbfr.net/
Jean Nicolas a été remercié(e) par l'auteur de ce sujet.

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

Message par Invité Mer 12 Sep 2012 - 13:27

    Merci du partage. (:
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

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

Message par âme Mer 12 Sep 2012 - 16:29

Bonjour,
Ça ne fonctionne pas sur mon fo', est-ce à cause du codage des catégories ?
Spoiler:
âme

âme
Membre habitué

Féminin
Messages : 1744
Inscrit(e) le : 15/04/2005

http://color-avenue.forumactif.com
âme a été remercié(e) par l'auteur de ce sujet.

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

Message par âme Mer 12 Sep 2012 - 16:41

Ea a écrit:Bonjour,


Pour des problèmes vous pouvez créer un sujet dans la section Problème avec un script, un code )

Pardon.
Je m'y rend de suite.
Merci Wink
âme

âme
Membre habitué

Féminin
Messages : 1744
Inscrit(e) le : 15/04/2005

http://color-avenue.forumactif.com
âme a été remercié(e) par l'auteur de ce sujet.

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

Message par sophb Mer 12 Sep 2012 - 18:19

Merci beaucoup, fonctionne bien sous chrome.
sophb

sophb
***

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

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

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

Message par Pepper Potts Jeu 13 Sep 2012 - 16:49

Merci beaucoup pour cette astuce, l'effet est vraiment sympa.
Fonctionne impec' sous Chrome.
Pepper Potts

Pepper Potts
Nouveau membre

Féminin
Messages : 16
Inscrit(e) le : 24/01/2010

http://www.otacute.net/
Pepper Potts a été remercié(e) par l'auteur de ce sujet.

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

Message par h.deuzot Ven 14 Sep 2012 - 6:53

Bonjour,

Cela fonctionne parfaitement sous IE 8.
Ce n'est sans doute pas d'une grande utilité mais il se pourrait que cela puisse motiver davantage les membres pour utiliser un avatar.
Grand merci.

Amicalement,
H. Deuzot.
h.deuzot

h.deuzot
*

Masculin
Messages : 43
Inscrit(e) le : 22/01/2008

http://aquabases.niceboard.com
h.deuzot a été remercié(e) par l'auteur de ce sujet.
  • 0

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

Message par demeter1 Sam 15 Sep 2012 - 3:00

L'astuce est très sympa mais ne fonctionne malheureusement pas en cas d'index box modifié.
demeter1

demeter1
Membre actif

Masculin
Messages : 8993
Inscrit(e) le : 23/01/2009

https://altitudetropicale.forums-actifs.com/
demeter1 a été remercié(e) par l'auteur de ce sujet.

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

Message par 291 Sam 15 Sep 2012 - 18:08

nickel !!! est il possible de le faire sur tout les pages du forum ? si oui comment


merci en tout cas c'est super !
avatar

291
Nouveau membre

Messages : 3
Inscrit(e) le : 22/03/2012

http://www.brothers-in-arms-mmc.com/
291 a été remercié(e) par l'auteur de ce sujet.
  • 0

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

Message par MIKE 45 Dim 16 Sep 2012 - 10:13

Vous pouvez personnaliser ce code (couleurs, bordures...)

border-radius: 10px; je pense que c'est cela la largeur de la bordure,
mais je vois pas la couleur ?
avatar

MIKE 45
Nouveau membre

Masculin
Messages : 6
Inscrit(e) le : 27/02/2012

http://www.1340bking.com
MIKE 45 a été remercié(e) par l'auteur de ce sujet.

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

Message par spip Lun 17 Sep 2012 - 15:47

MIKE 45 a écrit:
border-radius: 10px; je pense que c'est cela la largeur de la bordure,
mais je vois pas la couleur ?
Bonjour,

border-radius concerne les coins arrondis.
pour la couleur (ainsi que le style et la largeur des contours), rajouter soit :

Code:
 border-width:1px;
 border-style:solid;
 border-color:black;

soit

Code:
border:1px solid black;
Et personnalisez le tout.


Pour ma part, j'aime beaucoup cette astuce, mais beaucoup moins le zoom quand on survole l'avatar.
Mon niveau en javascript étant proche du néant tongue comment faire le pour l'enlever ?

Merci.
spip

spip
*

Masculin
Messages : 39
Inscrit(e) le : 05/12/2006

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

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

Message par didguitare Lun 17 Sep 2012 - 20:03

Bonjour à tous, très bonne idée l'affichage des Avatars MAIS, petit problème, j'avais mis au début de mon forum la taille des avatars de 100 x 100.

Du coup, cela fait vraiment trop gros en affichant les avatars sur l'index.....

Je suis bien sur allé dans mon PA, changé la taille de 60 x 60 mais les avatars déja crée, + de 11700 membres! ne sont pas redimmensionné automatiquement.

Y aurait t-il une solution?

En vous remerciant,
Didier.
avatar

didguitare
****

Masculin
Messages : 211
Inscrit(e) le : 28/04/2008

http://maoableton.forumactif.org/forum.htm
didguitare a été remercié(e) par l'auteur de ce sujet.

Page 1 sur 3 1, 2, 3  Suivant

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

- Sujets similaires

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