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

Page 1 sur 3 1, 2, 3  Suivant

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

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 : 10213
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 dede54foiredenancy le 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
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

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

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

Bonjour,

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

Je suis le seul dans ce cas là ?

Cordialement Jérôme

Invité
Invité


Invité 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 Jean Nicolas le Mar 11 Sep 2012 - 13:43

Bonjour

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

Yes

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.

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

Message par elbandito le 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

elbandito
**

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

http://www.mt09.net/
elbandito 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 Ea le 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
Aidactif
Aidactif

Messages : 23428
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

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

Message par AenigmA le 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
+ Hyperactif +

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

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

Message par julworld le 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
*****

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

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

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

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

merci , ça fait classe sur les forum

super

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.

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

Message par subalex57 le Mar 11 Sep 2012 - 18:35

super

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.

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

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

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

Invité
Invité


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

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

Message par âme le 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
# Tropactif #

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

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

Message par Nono38 le 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
****

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

http://tfeuropeens.forumactif.fr/
Nono38 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 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
+ 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 Invité le Mar 11 Sep 2012 - 20:37

Merci

c'est sympa comme astuces Smile

Invité
Invité


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

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

Message par Ange-Carmen le 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

Ange-Carmen
Nouveau membre

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

Ange-Carmen 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 Jean Nicolas le 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
****

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.

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

Message par Kinotto le Mer 12 Sep 2012 - 13:27

    Merci du partage. (:

Kinotto
+ Hyperactif +

Masculin
Messages : 2177
Inscrit(e) le : 12/09/2012

http://test-nightmare.superforum.fr/
Kinotto 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 âme le Mer 12 Sep 2012 - 16:29

Bonjour,
Ça ne fonctionne pas sur mon fo', est-ce à cause du codage des catégories ?
Spoiler:
http://color-avenue.forumactif.com/

âme
# Tropactif #

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.

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

Message par âme le 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
# Tropactif #

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.

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

Message par sophb le Mer 12 Sep 2012 - 18:19

Merci beaucoup, fonctionne bien sous chrome.

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 Pepper Potts le Jeu 13 Sep 2012 - 16:49

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

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.

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

Message par h.deuzot le 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
*

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

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

Message par demeter1 le Sam 15 Sep 2012 - 3:00

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

demeter1
+ Hyperactif +

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

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 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 291 le 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 !

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

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

Message par MIKE 45 le 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 ?

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.

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

Message par spip le 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
*

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

http://www.saintseiyamythdreams.com/
spip 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 didguitare le 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.

didguitare
****

Masculin
Messages : 209
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


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