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

[PHPBB3] Récupération avatar (automatiquement) d'un membre

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

avatar
Chipster
https://enfoires.forumactif.com/

MessageChipster Dim 26 Jan 2020 - 15:17

  • Version du forum :
    PHPBB3
  • Templates modifiés :
    oui
  • Navigateur :
    Chrome
bonjour à tous,

J'ai l'intention de faire une page avec l'équipe forum en y intégrant l'avatar des membres (avec les balises "img")
mais cette intégration d'image est figé au moment ou je ne fais.

Comment peut-on faire dans cette balise, pour intégrer la photo en cours.
Comme cela si le membre change son avatar, automatiquement le message de l'équipe du forum se met à jour et je n'ai pas à retoucher à mon message d'origine.

Cordialement


Dernière édition par Chipster le Lun 27 Jan 2020 - 18:42, édité 1 fois
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Dim 26 Jan 2020 - 15:23

Salut Ludovic,
est-ce une page html avec le haut de page d'activée ?
As tu déjà créé cette dernière et dans le cas d'une réponse positive merci de la fournir.
Quel profil est activé sur ton forum ?
Avancé ou non?
Utilisateurs et groupes/Profil/Options générales/Options générales du profil
Activer le profil avancé : Oui ou non ?
avatar
Chipster
https://enfoires.forumactif.com/

MessageChipster Dim 26 Jan 2020 - 19:55

Bonsoir,

le profil avancé est bien activé.
Pour cette page, il s'agira simplement d'un message en ouverture de sujet.
Le message n'est pas encore créé.

Cordialement
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Dim 26 Jan 2020 - 20:02

Pour cette page, il s'agira simplement d'un message en ouverture de sujet.

Hum, oui mais c'est assez vague, comment vas tu procéder car il me faut des infos et là franchement je ne sais quoi faire !!!
Tu mettras une iframe dans un message?
avatar
Chipster
https://enfoires.forumactif.com/

MessageChipster Dim 26 Jan 2020 - 20:16

Je vais construire un tableau pour "présenter" l"équipe.

1er ligne : ce sera le pseudo avec le lien du profil en URL
2ème ligne : ce sera la photo de l'avatar

Exemple :

ChipsterMilouze14
[PHPBB3] Récupération avatar (automatiquement) d'un membre Boss-111[PHPBB3] Récupération avatar (automatiquement) d'un membre 1-26
Dans la ligne du tableau (où il y a la photo avatar), il faudrait modifier le lien "figé" par un lien "dynamique"
En fait je cherche à récupérer l'image de l'avatar du membre u...
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Dim 26 Jan 2020 - 20:18

Ok merci,
je vois cela demain hinhin .
avatar
Chipster
https://enfoires.forumactif.com/

MessageChipster Dim 26 Jan 2020 - 20:27

merci bien bonne soirée
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Lun 27 Jan 2020 - 5:19

Hello Ludovic,

tu peux tester ceci:
Le code bbcode a placer dans les messages:

Code:

[table id="M14_member" border="1" cellpadding="12" cellspacing="0"]
[tr style=]
[td align="center" valign="bottom" width="50%"]
 Chipster[/td]
[td align="center" valign="bottom" width="50%"]
Eddy51[/td]
[/tr]

[tr style=]
[td][url=https://enfoires.forumactif.com/u1][/url][/td]
[td][url=https://enfoires.forumactif.com/u4][/url][/td]
[/tr]
[/table]

Il est impératif de ne pas mettre le lien sur les pseudos mais bien repérer
le lien le concernant et le placer juste en dessous comme le code bbcode fournit plus haut:
Le code fournit est prêt à l'emploi avec ton Pseudo et celui de Eddy51.

Et enfin le script qui s'occupera de récupérer l'avatar à la place des liens,
rassures toi les avatars seront cliquables afin d'arriver au profil du membre.


Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript

Mettre un titre explicite.

Cocher Sur les sujets

Déposer ceci:

Code:

$(function(){
$('table[id="M14_member"]').find('a[href*="u"]').each(function(){
var $this=$(this);
var M14_link=$(this).attr('href');
$.get(M14_link , function(data){
var avatar=$(data).find('#profile-advanced-right .module:eq(0) img:first').attr('src');

  $this.replaceWith('<a href="'+M14_link+'"><img src="'+avatar+'"style="width:60px;height:60px;"/></a>');
});

 
});
});

Penser a cliquer sur le bouton Valid

Il est impératif de laisser l'identifiant de la table (M14_member) afin que le script
fasse la relation.
Ensuite j'ai déposé le style pour les avatars directement dans le script:
Code:
<img src="'+avatar+'"style="width:60px;height:60px;"/>

Mais tu peux aussi déposer cela dans ta feuille de style:
Code:

#M14_member img{width:60px;height:60px;}





avatar
Chipster
https://enfoires.forumactif.com/

MessageChipster Lun 27 Jan 2020 - 18:42

bonjour

Merci Phil, cela fonctionne correctement même lors d'un changement d'avatar.

Bonne soirée
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Lun 27 Jan 2020 - 18:44

Chipster a écrit:bonjour

Merci Phil, cela fonctionne correctement même lors d'un changement d'avatar.

Bonne soirée

De rien Ludovic clin oeil .


Hello


Sujet résolu et déplacé dans le forum adéquate

A bientôt pour une prochaine demande clin oeil

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