Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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 !

Astuce du mardi : Avatar du membre ayant posté en dernier sur l'index du forum - Page 3 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://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 :

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

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





   BRAVO c'est fini !!  Yahoo


Pinguino

Pinguino
Adminactif
Adminactif

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

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

quad daniel
****

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

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 !
avatar

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

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

bugsbuny
Membre habitué(e)

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

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

FANCH 56
Membre actif

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

bugsbuny
Membre habitué(e)

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

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

bugsbuny
Membre habitué(e)

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

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

Threax
Membre actif

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