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
![[PHPBB2] Afficher l'avatar dans une citation nommée 120](https://i.servimg.com/u/f62/11/26/21/37/120.png)
Sur ce forum, cela donnera avec mon Pseudo:
L'aperçu imagé:
![[PHPBB2] Afficher l'avatar dans une citation nommée 0110](https://i.servimg.com/u/f62/11/26/21/37/0110.jpg)
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:
Dans le script:
cette ligne :
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:
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:
Dernière édition par Milouze14 le Dim 22 Mai 2022 - 7:56, édité 14 fois
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
![[PHPBB2] Afficher l'avatar dans une citation nommée 120](https://servimg.com/r/6211262137/120.png)
Sur ce forum, cela donnera avec mon Pseudo:
L'aperçu imagé:
![[PHPBB2] Afficher l'avatar dans une citation nommée 0110](https://servimg.com/r/6211262137/0110.jpg)
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*/
}
Dernière édition par Milouze14 le Dim 22 Mai 2022 - 7:56, édité 14 fois
![[PHPBB2] Afficher l'avatar dans une citation nommée Citati10](https://i.servimg.com/u/f62/19/75/80/63/citati10.jpg)
