Moduler l'avatar par défaut

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

En cours Moduler l'avatar par défaut

Message par Prince de Talmont le Mer 10 Jan 2018 - 21:04

Détails techniques


Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Internet Explorer
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://royalisme.forumactif.org/

Description du problème

Bonjour,

je voudrais moduler l'avatar par défaut sur mon forum en fonction du sexe.

Pour un homme que cet avatar soit un homme et pour une femme celui d'une femme.

Est-ce possible ?

merci
avatar

Prince de Talmont
Nouveau membre

Messages : 15
Inscrit(e) le : 11/12/2017

http://royalisme.forumactif.org/
Prince de Talmont a été remercié(e) par l'auteur de ce sujet.

En cours Re: Moduler l'avatar par défaut

Message par Miettes le Ven 12 Jan 2018 - 10:33

Coucou Smile

Mais Embarassed ça veut dire que tu vas imposer un avatar à tes membres ? Embarassed (j'ai du mal à comprendre ta demande )
avatar

Miettes
****

Féminin
Messages : 496
Inscrit(e) le : 01/09/2008

http://www.school-of-progress.fr/
Miettes a été remercié(e) par l'auteur de ce sujet.

En cours Re: Moduler l'avatar par défaut

Message par Prince de Talmont le Ven 12 Jan 2018 - 19:24

non il s'agit juste de l'avatar par défaut, celui qui se met automatiquement quand la personne n'en a pas encore choisi.
A l'inscription sur le forum il faudrait obligatoirement donner son sexe, et ensuite, l'avatar par défaut serait soit celui d'un homme soit celui d'une femme.
avatar

Prince de Talmont
Nouveau membre

Messages : 15
Inscrit(e) le : 11/12/2017

http://royalisme.forumactif.org/
Prince de Talmont a été remercié(e) par l'auteur de ce sujet.

En cours Re: Moduler l'avatar par défaut

Message par Miettes le Sam 13 Jan 2018 - 11:50

hello Smile

Ok ok je vois. Est-ce que le champs "sexe" sera affiché dans les messages ou pas ?
avatar

Miettes
****

Féminin
Messages : 496
Inscrit(e) le : 01/09/2008

http://www.school-of-progress.fr/
Miettes a été remercié(e) par l'auteur de ce sujet.

En cours Re: Moduler l'avatar par défaut

Message par Prince de Talmont le Sam 13 Jan 2018 - 14:20

oui
avatar

Prince de Talmont
Nouveau membre

Messages : 15
Inscrit(e) le : 11/12/2017

http://royalisme.forumactif.org/
Prince de Talmont a été remercié(e) par l'auteur de ce sujet.

En cours Re: Moduler l'avatar par défaut

Message par Miettes le Mar 16 Jan 2018 - 14:44

Coucou Smile

Alors, on y va ^^

Dans un premier temps, on va modifier le template "viewtopic_body".

1) On va entourer l'avatar du membre par une balise pour le cibler facilement. Pour cela, on va remplacer ça :
Code:
<dt>
                  {postrow.displayed.POSTER_AVATAR}
                  <br /><strong style="font-size:1.2em">{postrow.displayed.POSTER_NAME}</strong>
               </dt>
par ça :
Code:
<dt>
                  <figure class="posteur-avatar">{postrow.displayed.POSTER_AVATAR}</figure>
                  <br /><strong style="font-size:1.2em">{postrow.displayed.POSTER_NAME}</strong>
               </dt>

2) Ensuite, on va entourer toutes les infos concernant le membre par une balise avec un nom pour la retrouver facilement en js. Pour ça, on va remplacer ça :
Code:
<dd>
                  <!-- BEGIN profile_field -->
                  {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                  <!-- END profile_field -->
                  {postrow.displayed.POSTER_RPG}
               </dd>
par ça :
Code:
<dd class="infos-posteur">
                  <!-- BEGIN profile_field -->
                  {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                  <!-- END profile_field -->
                  {postrow.displayed.POSTER_RPG}
               </dd>

-----

Ensuite, on va créer un javascript qu'on va afficher sur toutes les pages du forum. Le voici (j'ai mis les commentaires directement dedans).
Code:
; (function(){

  // On définit les différents images à vérifier et par quoi on remplace les avatars par défaut
  var imgAvatarDefaut = "https://imgfast.net/users/2913/10/00/00/avatars/70475-95.png";

  // On remplace les images
  function remplacerImg( imgGenre ){
    var nouvAvatar;

      // On regarde l'image du genre du membre, et on présélectionne l'avatar à afficher
      switch (imgGenre) {
        // Image "sexe féminin" dans les infos du profil
        case 'https://illiweb.com/fa/subsilver/icon_minigender_female.gif':
          // L'avatar qu'on veut attribuer par défaut aux membres féminin
          nouvAvatar = 'http://img11.hostingpics.net/pics/668439MiettesAvatarcopie.png';
          break;

        // Image "sexe masculin" dans les infos du profil
        case 'https://illiweb.com/fa/subsilver/icon_minigender_male.gif':
        // L'avatar qu'on veut attribuer par défaut aux membres masculin
          nouvAvatar = 'https://forum.forumactif.com/users/2913/10/00/00/avatars/gallery/avatar10.png';
          break;

        // Le sexe n'est pas renseigné
        default:
          nouvAvatar = false;
          break;
      }

      return nouvAvatar ;
  }


  // Au chargement de la page
  $(window).ready( function(){

    // Si on est dans un sujet
    if( $('.postprofile').length ){
      // On parcourt chaque profil de posteur
      $('.postprofile').each( function(){
          var $profilMembre = $(this),
              // On récupere le lien de l'avatar du membre
              $avatarMembre = $profilMembre.find('.posteur-avatar img').attr('src');

          // Si l'avatar est celui par défaut
          if($avatarMembre == imgAvatarDefaut){
            // On récupére l'image "sexe" de la personne
            var genreMembre = $profilMembre.find('.infos-posteur > img').attr('src'),
                // Grâce à l'url de l'image "sexe", on va définir une nouvelle adresse
                nouvAvatar = remplacerImg( genreMembre );

                // On ne change l'image que dans le cas où le membre a bien indiqué son sexe
                if(nouvAvatar){
                  $profilMembre.find('.posteur-avatar img').attr('src', nouvAvatar );
                }
          }

      });

    }

    // Si on est dans un profil
    if( $('#profile-advanced-details').length ){
      // On récupere l'avatar
      $avatarMembre = $('#profile-advanced-right .module .inner > div').find('img').attr('src');

      // Si l'avatar est celui par défaut
      if($avatarMembre == imgAvatarDefaut){
        // On récupére l'image "sexe" de la personne 
        var genreMembre = $('#profile-advanced-details #cp-main .middleline #field_id-7').find('img').attr('src'),
        // Grâce à l'url de l'image "sexe", on va définir une nouvelle adresse
        nouvAvatar = remplacerImg( genreMembre );

        // On ne change l'image que dans le cas où le membre a bien indiqué son sexe
        if(nouvAvatar){
          $('#profile-advanced-right .module .inner > div > img').attr('src', nouvAvatar );
        }
      }
    }

  });
 
})();

Idea le #field_id-7 correspond à l'id de la balise "dl" qui contient mon image "sexe". Pour connaitre le tien, dans un profil, tu fais un "clic droit > inspecter" sur le mot "sexe" et tu repères l'id de la balise "dl" parente :



Je te laisse y jeter un oeil et me poser des questions si besoin Smile
avatar

Miettes
****

Féminin
Messages : 496
Inscrit(e) le : 01/09/2008

http://www.school-of-progress.fr/
Miettes a été remercié(e) par l'auteur de ce sujet.

En cours Re: Moduler l'avatar par défaut

Message par Chacha le Dim 21 Jan 2018 - 9:56

Bonjour,

Attention, cela fait 8 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message.

Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »
avatar

Chacha
Modéractif
Modéractif

Masculin
Messages : 55611
Inscrit(e) le : 21/08/2010

http://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

En cours Re: Moduler l'avatar par défaut

Message par Prince de Talmont le Dim 21 Jan 2018 - 11:18

désolé j'étais très pris ces derniers temps,
je vais tester ce que Miettes a proposé, merci beaucoup à elle et merci de laisser le fil encore ouvert Wink
avatar

Prince de Talmont
Nouveau membre

Messages : 15
Inscrit(e) le : 11/12/2017

http://royalisme.forumactif.org/
Prince de Talmont a été remercié(e) par l'auteur de ce sujet.

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