[PHPBB2] Afficher l'avatar dans une citation nommée

[Milouze14Fondateur]

Hello les ami(e)s,

l'astuce consiste a afficher l'avatar lors d'une citation ou l'on mentionne un Pseudo :


Assurez vous d'avoir activé les tags:
Général/Messages et Emails/Configuration/Messages

Autoriser le tag des noms d'utilisateurs :Tous les membres




Sur ce forum, cela donnera avec mon Pseudo:

L'aperçu imagé:



Pour que l'astuce soit fonctionnelle , il faut activer le profil avancè :

Utilisateurs et groupes/Profil/Options générales/Options générales du profil
Activer le profil avancé : Oui


Modules/HTML JAVASCRIPT/Gestion des codes JavascriptCréer un nouveau javascript


Mettez un titre explicite.
Cochez sur les sujets.

Déposez ceci:

Code:


$(function() {
if (_userdata["user_id"] >= (0))
{
$('.codebox').each(function(){
// L AVATAR PAR DEFAUT
var M14_AvatarDefaut="https://2img.net/u/4111/79/89/03/avatars/gallery/avi11210.png";
var M14_Get_img=$(this).find('a[title^="Voir le profil"]:first').before('<img class="M14_Img_Citation"src="'+M14_AvatarDefaut+'"/>');
var M14_user=$(this).find('a[title^="Voir le profil"]:first').attr('href');
var M14_userTexte=$(this).find('a[title^="Voir le profil"]:first').text().substring(1);
 
$.get(M14_user,function(data){
      var M14_Img_Citation=$(data).find('td.row1.gensmall img:first').attr('src');
if(M14_user)
{
M14_Get_img.prev().attr('src',M14_Img_Citation).wrap('<a href="'+M14_user+'"title="Voir le profil de '+M14_userTexte+'"></a>');
}
});});
}
});


Dans le script:
cette ligne :

Code:


var M14_AvatarDefaut="https://2img.net/u/4111/79/89/03/avatars/gallery/avi11210.png";


Servira en cas ou un avatar par défaut n'a pas été renseigné dans le P.A,
vous pourrez changer le lien de l'avatar comme bon vous semble   .

Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Déposez ceci:

Code:


/*Avatar citation*/
img.M14_Img_Citation
{
height: 16px;/*hauteur de l avatar*/
width: 16px;/*largeur de l avatar*/
vertical-align: middle;/*on aligne l avatar*/
margin-right:8px;/*on decale de la moitie de la largeur de l avatar*/
border-radius: 16px;/*on arrondi l avatar*/
  /*LES TRANSITIONS AU SURVOL*/
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
/*au survol de l avatar des citation on augmente la taille*/
img.M14_Img_Citation:hover
{
height:48px;
width:48px;
}


Pensez à valider les modifications en cliquant sur le bouton Valider

La css aura un effet de transition au survol de l'avatar si vous ne désirez ce style , la c.s.s sera alors:

Code:


/*Avatar citation*/
img.M14_Img_Citation
{
height: 16px;/*hauteur de l avatar*/
width: 16px;/*largeur de l avatar*/
vertical-align: middle;/*on aligne l avatar*/
margin-right:8px;/*on decale de la moitie de la largeur de l avatar*/
border-radius: 16px;/*on arrondi l avatar*/
}



[Kaeyla]

Merci beaucoup !

[dragon594]

Merci beaucoup !

[ThunderTB]

Merci beaucoup !

[Psychotic Bitch]

Merci beaucoup !

[InvitéInvité]

Merci beaucoup !

[kristhyane]

Merci beaucoup !

[InvitéInvité]

Merci beaucoup !

[EslamLove]

Thank you very much !

[jayssame]

Merci beaucoup !

[1baptiste]

Merci beaucoup !

[Cloclo]

Merci beaucoup !

[Cloclo]

Bonjour Milouze, le code ne fonctionne pas chez moi.... :-(

Pas d'affichage d'avatar à côté du pseudo...

[Milouze14Fondateur]

Hello cloclo,

-Staff du Forum Milouze14- Ce forum n'a pas pour vocation d'apporter d'autre explication sur le tutoriel présent. Si ce dernier n'est pas assez explicite: Le forum d'entraide est prévu à cet effet. Pour toute information merci de contacter un Membre du Staff

[Cloclo]

Ok Merci Milouze, mes excuses.

Cordialement

[Milouze14Fondateur]

Hello les ami(e)s,
suite à une mise à jour de Forumactif,les avatars ne portant plus le alt avatar,
le script a été modifié.

Merci de faire des corrections sur vos forums