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#582991l'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é:
![[EDGE] Ajouter des boutons en relation avec le profil des messages 142](https://i.servimg.com/u/f58/11/26/21/37/142.jpg)
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 profilActiver 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 javascriptMettez un titre explicite.Cochez sur les sujetsDé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 ValiderDans le template viewtopic_body:
Affichage/
Templates/
Général/
viewtopic_bodyTout à 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