Astuces Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Membres connectés récemment
Voir tous les membres

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

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

Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Sam 2 Déc 2017 - 7:20

Hello les ami(e)s,

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


Sur ce forum, cela donnera avec mon Pseudo:






L'aperçu imagé:

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

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))
    {
    $('blockquote').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('#profile-advanced-right  img[alt="avatar"] ').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  clin oeil .

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 Ven 3 Déc 2021 - 18:54, édité 5 fois
HardRock
HardRock
http://indecentpossession.forumactif.com/

MessageHardRock Mar 27 Mar 2018 - 16:04

Merci beaucoup !
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mar 27 Mar 2018 - 16:07

Hou Alex, tu es dans la version ModernBB et non Phpbb2 impeccable
HardRock
HardRock
http://indecentpossession.forumactif.com/

MessageHardRock Mar 27 Mar 2018 - 16:08

première bourde...*sort*
Merci de l'info ^^'
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mar 27 Mar 2018 - 16:10

Ah , ben cela arrive mais sois attentive car cela peut vite mettre
le bazar sur ton fofo clin oeil
avatar
masterforumbr
https://beta.masterforum.biz

Messagemasterforumbr Ven 6 Avr 2018 - 0:17

Merci beaucoup !
avatar
TimmySAMP
http://adventure-dm.forumactif.com/

MessageTimmySAMP Mar 24 Avr 2018 - 7:11

Merci beaucoup !
oneandone
oneandone
https://www.portaildusat.com

Messageoneandone Lun 4 Juin 2018 - 2:48

Merci beaucoup !
foxies
foxies
http://test-monkey.forumactif.com/admin/

Messagefoxies Ven 19 Oct 2018 - 20:40

Merci beaucoup !
avatar
dams161
http://allsimracingteam.forumactif.com

Messagedams161 Dim 20 Jan 2019 - 23:14

Merci beaucoup !
Anonymous
Invité
Invité

MessageInvité Mer 27 Fév 2019 - 13:08

Merci beaucoup !
Anonymous
Invité
Invité

MessageInvité Mer 27 Fév 2019 - 13:08

Merci beaucoup !

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

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

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