[Invision] Membres - 'cartes de visite'

[Croa-Croa]

Lorsqu'on clique sur 'Membres',  ils sont listés et apparaissent sous la forme de cartes de visite avec leur nom d'utilisateur (menu déroulant sur moyens de les contacter), leur mini-avatar et quatre  lignes d'information :

• Dernière visite
  
• Pays
  
• Date d'inscription
  
• Messages
  

Je pense que ce choix situe dans le Template memberlist_body encore que je ne suis pas sûr.

Code:

<p>
 <span class="label">{L_VISITED}</span>: {memberrow.LASTVISIT}
 <br />
 <!-- BEGIN switch_th_group -->
 <span class="label">{L_GROUPS}</span>:
 <!-- END switch_th_group -->
 <!-- BEGIN switch_td_group -->
 {memberrow.GROUPS}<br />
 <!-- END switch_td_group -->
 <span class="label">{L_INTERESTS}</span>: {memberrow.INTERESTS}
 <br />
 <span class="label">{L_JOINED}</span>: {memberrow.JOINED}
 <br />
 <span class="label">{L_POSTS}</span>: {memberrow.POSTS}
 <br />
 </p>

Je souhaiterais faire apparaître le champ CP-Ville à la place du Pays (95% sont de France donc çà n'intéresse pas vraiment grand monde !), et le Prénom à la place du nombre de messages postés. Est-ce possible ?
  d'avance

Croa-Croa

[Milouze14Fondateur]

Hello Pascal,
hum, tu risques de ne pas avoir d'affichage sur le CP-Ville pour certain membre comme:
https://saintongenealogie.forumactif.com/u2

Il n'a rien renseigné!!
On doit mettre un champ par défaut ?

Pour le prénom, cela ne pose pas de soucis car c'est un champ obligatoire.

[Croa-Croa]

"Pays" non plus n'est pas obligatoire donc çà change pas grand chose; "CP-ville" reste plus intéressant (sans valeur par défaut).

[Milouze14Fondateur]

Il vaut mieux mettre un texte par défaut comme:
"Non renseigné".
Car point de vue esthétique ce sera plus sympa à l'œil.
Je verrais tout ça en fin de journée.

[Croa-Croa]

Merci Phil, ok pour un texte par défaut.

[Milouze14Fondateur]

Alors cela va paraitre contradictoire mais il vaut mieux éviter de mettre un contenu par défaut car après deux trois tests, ce n'est pas concluant.

Alors la partie html suivante doit être remplacée par:

Code:

<p>
 <span class="label">{L_VISITED}</span>: {memberrow.LASTVISIT}
 <br />
 <!-- BEGIN switch_th_group -->
 <span class="label">{L_GROUPS}</span>:
 <!-- END switch_th_group -->
 <!-- BEGIN switch_td_group -->
 {memberrow.GROUPS}<br />
 <!-- END switch_td_group -->
                          <span id="M14_CP_Ville"class="label">CP-Ville:</span><i class="M14_classI"></i>
 <br />
 <span class="label">{L_JOINED}</span>: {memberrow.JOINED}
 <br />
                          <span id="M14_Prenom"class="label">Prénom:</span><i class="M14_classI"></i>
 <br />
 </p>

Ensuite, le script qui va rechercher les informations sur le profil du membre:


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

Mettre un titre explicite.

Cocher sur toutes les pages.


Déposer ceci:

Code:


$(function(){
$('.member').each(function(){
var link=$(this).find('div[id^="pm"] ul li:first a[href^="/u"]').attr('href');
var a=$(this).find('p').find('#M14_CP_Ville');
var b=$(this).find('p').find('#M14_Prenom');
$.get(link, function(data){
$(data).find('#profile-advanced-details').each(function(){
var CP=$(this).find('dl').find('span:contains(CP - Ville)').closest('dt').next().find('.field_uneditable').text();
var PRENOM=$(this).find('dl').find('span:contains(Prénom)').closest('dt').next().find('.field_uneditable').text();
a.next().text(CP);
b.next().text(PRENOM);
});});});});


Penser a cliquer sur le bouton

Puis le style car j'ai déposé une balise i qui donne un style italic ,
mais elle a l'avantage de pas être utilisée sur cette version .

Mais pourquoi cette balise ?
Les balise spans, div sont déjà utilisées et déforment la structure.
Voilà la raison   .




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

Ajouter ceci:

Code:


i.M14_classI
{
font-style:normal!important;
margin-left:2px;
}



Penser a cliquer sur le bouton

[Croa-Croa]

Impeccable Phil - as usual. 

[Milouze14Fondateur]

Hello


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

A bientôt pour une prochaine demande