[EDGE] Ajouter des boutons en relation avec le profil des messages

Hello les ami(e)s,
en complément pour masquer le profil , voir cette astuce:

https://www.milouze14.com/t30576-edge-afficher-masquer-le-profil-dans-les-messages#582991

l'astuce suivante consiste a mettre des petits boutons nommé "favoris" en relation avec le profil du membre un peu comme sur ce forum.


L'aperçu imagé:



La c.s.s sera déposé dans le template concerné afin de ne pas surcharger la feuille de style.

---

Important !!
Il faut avoir un minimum de connaissance pour ajouter d'autres favoris les ami(e)s alors avant de vouloir en ajouter,
passez par l'entraide en donnant un maximum d'informations.

Dans votre panneau d'administration au niveau des champs du profil,

l'idéal et de ne jamais avoir de champ par défaut lors de l'ajout de nouveaux boutons "Favoris".
Pour les retours à la ligne, choisir aucun.

Tous les boutons seront affichés avec la librairie c.s.s étant donné que celle ci est déjà importée dans la version EDGE :
Pour modifier les boutons, il faudra remplacer dans le style déposé dans le template.

http://seehowsupport.com/font-awesome/

---

Pour cette astuce, je me suis basé sur les champs les plus utilisés :
Sexe
Messages
Point
Réputation
Date de naissance
Date d'inscription
Age.

Il faut pour cela activer le système de réputation :
Modules/Points et réputation/Options générales/Activer le système de réputation :
Cocher : Oui

Pensez à cliquer sur le bouton ENREGISTRER

Utilisateurs et groupes/Profil/Options générales/Options générales du profil
Activer le profil avancé : Oui

Pensez à cliquer sur le bouton ENREGISTRER


Allez c'est parti mon kiki   .


Modules/HTML JAVASCRIPT/Gestion des codes JavascriptCréer un nouveau javascript


Mettez un titre explicite.
Cochez sur les sujets

Déposez ceci:

Code:

$(function(){
$('.postprofile').each(function(){
var member=$(this).find(' strong.username').text();
var message=$(this).find('.profile-field.field_messages .value').text();
var point=$(this).find('span[class$="point"] .value').text();
var reput=$(this).find('span[class$="putation"] .value').text();
var sexe=$(this).find('span[class$="sexe"] .value img').attr('alt');
var inscription=$(this).find('span[class$="inscription"] .value').text();
var naissance=$(this).find('span[class$="naissance"] .value').text();
var enligne=$(this).closest('div[id^="p"].online').length;
var register=$(this).find('.username a[href^="/u"]').length;
  
if((member)||(message)||(point)||(reput)||(sexe)||(inscription)||(naissance)||(enligne)||(register))
{
$(this).find('.contact-info').before('<dd class="M14_contFavoris"><a class="M14_contFavorisbtnleft"title="Voir les autres favoris"></a><a class="M14_contFavorisbtnright"title="Retour"></a>
<div class="M14_favoris"></div></dd>');
}
//SI PLUS DE 20 MESSAGES ON AFFICHE                                    
if(message>20)
{
$(this).find('.M14_contFavoris div').append('<span class="M14_FavorisMessages title"title="'+member+' a '+message+' messages"></span>');
}
//SI PLUS DE 20 POINTS ON AFFICHE  
if(point>20)
{
$(this).find('.M14_contFavoris div').append('<span class="M14_FavorisPoints title"title="'+member+' a obtenu '+point+' points"></span>');
}
//SI PLUS DE 20 POINTS DE REPUTATION ON AFFICHE  
if(reput>20)
{
$(this).find('.M14_contFavoris div').append('<span class="M14_FavorisReputation title"title="'+member+' a obtenu '+reput+' points de réputation"></span>');
}  
//SI SEXE RENSEIGNE ON AFFICHE  
if(sexe)
{
$(this).find('.M14_contFavoris div').append('<span class="M14_FavorisSexe title"title="'+member+' est de sexe '+sexe+'"></span>');  
}
if(enligne)
{
$(this).find('.M14_contFavoris div').append('<span class="M14_FavorisEnligne title"title="'+member+' est connecté"></span>');
}
if(register)
{
$(this).find('.M14_contFavoris div').append('<span class="M14_FavorisRegister title"title="'+member+' est un membre de la communauté"></span>');
}
//INSCRIPTION  
if(inscription)
{
$(this).find('.M14_contFavoris div').append('<span class="M14_FavorisInscription title"title="'+member+' s\'est inscrit le '+inscription+'"></span>');
}  
//NAISSANCZE
  if(naissance)
{
$(this).find('.M14_contFavoris div').append('<span class="M14_FavorisNaissance title"title="'+member+' est né(e) le  '+naissance+'"></span>');
}
 var comptespan=$(this).find('span[class^="M14_Favoris"]').length;
 //ON AFFICHE LE BOUTON DE GAUCHE SI PLUS DE 7 FAVORIS
if(comptespan >7)
{
$(this).find('.M14_contFavoris').find('a:first').delay(800).fadeIn();
$('a.M14_contFavorisbtnleft').click(function(){
$(this).hide();
$(this).next().fadeIn();
$(this).closest('dd').find('span[class^="M14_Favoris"]:nth-child(-n+4) ').fadeOut();
});
$('a.M14_contFavorisbtnright').click(function(){
$(this).prev().show();
$(this).fadeOut();
$(this).closest('dd').find('span[class^="M14_Favoris"]:nth-child(-n+4) ').fadeIn();
});
  
}
});



});

Pensez a cliquer sur le bouton Valider


Dans le template viewtopic_body:
Affichage/Templates/Général/viewtopic_body

Tout à la fin du template déposez ceci:

Code:


<style>
  .M14_contFavoris{overflow-x:auto;width:234px;line-height:40px;z-index:999;}
.M14_favoris{width:234px;overflow: hidden;margin:auto;}
.M14_contFavorisbtnleft,.M14_contFavorisbtnright{display:none;position: absolute;width: 16px;margin-top:14px !important;height: 16px !important;cursor:pointer;}
.M14_contFavorisbtnleft{left: -16px;}
.M14_contFavorisbtnright{right: -12px;}
.M14_FavorisMessages,.M14_FavorisPoints,.M14_FavorisReputation,.M14_FavorisSexe,.M14_FavorisEnligne,.M14_FavorisRegister,.M14_FavorisInscription,.M14_FavorisNaissance
{
cursor:pointer;
width:20px;
padding: 5px 8px;
    height:20px;
    -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
  }
.M14_contFavorisbtnleft:after,.M14_contFavorisbtnright:after{font-family: FontAwesome;}
.M14_FavorisMessages:after,.M14_FavorisPoints:after,.M14_FavorisReputation:after,.M14_FavorisSexe:after,.M14_FavorisEnligne:after,
.M14_FavorisRegister:after,.M14_FavorisInscription:after,.M14_FavorisNaissance:after
{font-family: FontAwesome;color:#fff;}
  /*le bouton des messages*/
.M14_FavorisMessages:after{content:"\f091";}
  /*le bouton des points*/
.M14_FavorisPoints:after{content:"\f217";}
  /*le bouton des points de reputation*/
.M14_FavorisReputation:after{content:"\f087";}
  /*le bouton sexe*/
.M14_FavorisSexe:after{content:"\f1ae";}
  /*le bouton den ligne*/
.M14_FavorisEnligne:after{content:"\f21d";}
  /*le bouton deu membre*/
.M14_FavorisRegister:after{content:"\f00c";}
  /*le bouton dinscription*/
.M14_FavorisInscription:after{content:"\f013";}
   /*le bouton naissance*/
.M14_FavorisNaissance:after{content:"\f015";}

.M14_contFavorisbtnleft:after{content:"\f053";margin-top: -14px;font-size:20px; position: absolute;margin-left: -10px;}
.M14_contFavorisbtnright:after{content:"\f054";margin-top: -14px;font-size:20px; position: absolute;margin-right: -10px;}
.M14_contFavoris span{margin: 0px 2px 0px 2px !important;}
</style>




Pensez à enregistrer puis à valider en cliquant respectivement sur Enregistrer  puis  

Vous pourrez changer les boutons en vous aidant du lien donné en haut de page.

Pour le script, il est */* Censuré par le robot de l'administration*/*çu pour afficher les boutons "messages , points et réputation lorsque le membre atteint 20 messages

Code:


//SI PLUS DE 20 MESSAGES ON AFFICHE                                    
if(message>20)

Code:

//SI PLUS DE 20 POINTS ON AFFICHE  
if(point>20)

Code:

//SI PLUS DE 20 POINTS DE REPUTATION ON AFFICHE  
if(reput>20)


Si admettons vous désirez modifier a 2000 le "Favoris" point, le a partie sera alors:

Code:

//SI PLUS DE 20 POINTS ON AFFICHE  
if(point>20)

Si vous souhaitez afficher définitivement ce "Favoris":

Code:

//SI PRESENT ON AFFICHE  
if(point)


Cette partie affichera l'image à gauche afin d'afficher les éventuels autres "Favoris".

Code:


 //ON AFFICHE LE BOUTON DE GAUCHE SI PLUS DE 7 FAVORIS
if(comptespan >7)


Modifiez la valeur 7 que si seulement cela est nécessaire

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup ! 

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Hello les ami(e)s,
je viens d'apporter une information à l'astuce car il faut activer le profil avancé pour que cela fonctionne:
Utilisateurs et groupes/Profil/Options générales/Options générales du profil
Activer le profil avancé : Oui

Pensez à cliquer sur le bouton ENREGISTRER

La version INVISION ne fonctionne pas

Merci beaucoup !

Merci beaucoup !

J'ai un problème.. 

c'est intrusion

Hello,

TimmySAMP a écrit:
J'ai un problème.. 



De plus merci de renseigner le lien de ton Forum   .

Un soucis?
Direction l'entraide 
https://www.milouze14.com/f108-entraide-tous-supports

alla13 a écrit:
c'est intrusion

Pardon ??

De plus merci de renseigner le lien de ton Forum

I don't speak English, but thanks anyway

Please fill in the link of your forum in your profile

Merci beaucoup !