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

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


+9
hamesashek
ThunderTB
chegau2
Gae
clost
msfeettoes
Tawny
petit coq
Milouze14
13 participants

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

Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Dim 11 Juin 2017 - 8:10

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é:
[EDGE] Ajouter des boutons en relation avec le profil des messages 142


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  mdr .


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  Ajout

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 clin oeil




Dernière édition par Milouze14 le Mar 30 Nov 2021 - 4:11, édité 6 fois
petit coq

Messagepetit coq Dim 11 Juin 2017 - 10:18

Merci beaucoup !
Tawny
Tawny
http://forumtestcata.forumactif.fr/

MessageTawny Lun 12 Juin 2017 - 3:34

Merci beaucoup !
msfeettoes
msfeettoes
https://feetloverfeets.forumactif.com/

Messagemsfeettoes Lun 12 Juin 2017 - 15:32

Merci beaucoup !
clost
clost
https://www.dyane-collection-passion.net

Messageclost Lun 12 Juin 2017 - 16:08

Merci beaucoup !  hinhin impeccable
Gae
Gae
http://www.famille-r3d-dw4rf.com/

MessageGae Mer 2 Aoû 2017 - 21:25

Merci beaucoup !
chegau2
http://michegau.free.fr/

Messagechegau2 Ven 4 Aoû 2017 - 8:02

Merci beaucoup !
ThunderTB
ThunderTB
http://hockeyfederation.forumgratuit.org/forum

MessageThunderTB Mer 20 Sep 2017 - 22:16

Merci beaucoup !
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Jeu 30 Nov 2017 - 6:26

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
hamesashek
hamesashek
http://3arb-way.a7larab.net/

Messagehamesashek Mar 12 Déc 2017 - 14:08

La version INVISION ne fonctionne pas
chrisnvidia
chrisnvidia
https://sos-pc.forumactif.org/

Messagechrisnvidia Dim 11 Fév 2018 - 16:25

Merci beaucoup !
TimmySAMP
http://adventure-dm.forumactif.com/

MessageTimmySAMP Mar 24 Avr 2018 - 7:50

Merci beaucoup !
TimmySAMP
http://adventure-dm.forumactif.com/

MessageTimmySAMP Mar 24 Avr 2018 - 7:55

J'ai un problème.. 

[EDGE] Ajouter des boutons en relation avec le profil des messages 1524549334-gf
alla13
alla13
http://alla-omar.yoo7.com

Messagealla13 Lun 7 Mai 2018 - 18:45

c'est intrusion
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Lun 7 Mai 2018 - 18:57

Hello,

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

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

De plus merci de renseigner le lien de ton Forum  clin oeil .



Un soucis?
Direction l'entraide clin oeil
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
alla13
alla13
http://alla-omar.yoo7.com

Messagealla13 Lun 7 Mai 2018 - 19:06

I don't speak french
I Tried To Say
This is interesting
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Lun 7 Mai 2018 - 19:07

I don't speak English, but thanks anyway clin oeil

Please fill in the link of your forum in your profile
Splash
Splash
https://lesforums.caforum.fr

MessageSplash Mer 26 Sep 2018 - 18:00

Merci beaucoup !

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