Personnaliser les mentions "j'aime" / "j'aime pas"

[Lalittle]

Détails techniques

Version du forum : ModernBB
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour à tous !

J'ai déjà modifié la mention j'aime par un Kamoji, et supprimé la mention "j'aime pas" qui n'est pas dans l'esprit du forum...

J'ai bien vu l'article publié sur le sujet, mais je ne suis quand même pas trop sûre de mon coup... ^^

En fait, je voudrais pouvoir supprimer le pouce associé dans le cadre, qui semble vouloir demeurer, en dépit des modifications apportées :



Ainsi, ça me permettrait de modifier le "j'aime pas" pour l'utiliser en temps que "a lu ta réponse" pour les membres souhaitant juste signaler la lecture sans pour autant avoir besoin de réagir en postant.

Est-ce possible facilement ?

Merci par avance

[creange]

Bonjour Lalittle
essaies de mettre ce script  dans les modules
en titre ;   système de votes
sur toutes les pages

Code:

$(function() {
 // General Configuration of the plugin
 var config = {
   position_left : true, // true for left || false for right
   mobile_position_left: false, // true for left || false for right
   negative_vote : false, // true for negative votes || false for positive only
   vote_bar : false, // display a small bar under the vote buttons

   // button config
   icon_plus : '<img src="adresse de l'image j'aime" alt="+"/>',
   icon_minus : '<img src="adresse de l'image j'aime pas " alt="-"/>',

   // language config
   title_plus : 'J\'aime',
   title_minus : 'Je n\'aime pas',
   error_limit : 'Vous ne pouvez plus voter aujourd\'hui',

   title_like_singular : '%{VOTES}  membre aime le message de %{USERNAME}',
   title_like_plural : '%{VOTES}  membres aiment le message de %{USERNAME}',

   title_dislike_singular : '%{VOTES}  membre n\'aime pas le message de %{USERNAME}',
   title_dislike_plural : '%{VOTES}  membres n\'aiment pas le message de %{USERNAME}',

   title_vote_bar : '%{VOTES} membres(s) aime(nt) le message de %{USERNAME} %{PERCENT}'
 },

 // function bound to the onclick handler of the vote buttons
 submit_vote = function() {
   var next = this.nextSibling, // the counter next to the vote button that was clicked
       box = this.parentNode,
       bar = box.getElementsByTagName('DIV'),
       vote = box.getElementsByTagName('A'),
       mode = /eval=plus/.test(this.href) ? 1 : 0,
       i = 0, j = vote.length, pos, neg, percent;

   // submit the vote asynchronously
   $.get(this.href, function(res) {
     if( res.search("Vous ne pouvez plus") == -1 ) {
       next.innerHTML = +next.innerHTML + 1; // add to the vote count
       next.title = next.title.replace(/(\d+)/, function(M, $1) { return +$1 + 1 });

       pos = +vote[0].nextSibling.innerHTML;
       neg = vote[1] ? +vote[1].nextSibling.innerHTML : 0;
       percent = pos == 0 ? '0%' : pos == neg ? '50%' : Math.round(pos / (pos + neg) * 100) + '%';

       if (bar[0]) {
         bar[0].style.display = '';
         bar[0].firstChild.style.width = percent;
         box.title = box.title.replace(/\d+\/\d+/, pos + '/' + ( pos + neg )).replace(/\(\d+%\)/, '(' + percent + ')');
       }
     } else {
       alert( config.error_limit );
     }
   });

   // revoke voting capabilities on the post once the vote is cast
   for (; i < j; i++) {
     vote[i].href = '#';
     vote[i].className = vote[i].className.replace(/fa_vote/, 'fa_voted');
     vote[i].onclick = function() { return false };
   }

   return false;
 },

 vote = $('.vote'), i = 0, j = vote.length,
 version = $('.bodylinewidth')[0] ? 0 :
   document.getElementById('phpbb') ? 1 :
   $('.pun')[0] ? 2 :
   document.getElementById('ipbwrapper') ? 3 :
   document.getElementById('modernbb') ? 4 :
   document.getElementById('mpage-body-modern') ? 5 :
   'badapple', // version check

 // version data so we don't have to redefine these arrays during the loop
 vdata = {
   tag : ['SPAN', 'LI', 'SPAN', 'LI', 'LI', 'LI'][version],
   name : ['.name', '.postprofile dt > strong', '.username', '.popmenubutton', '.postprofile-name', '.poster_name'][version],
   actions : ['.post-options', '.profile-icons', '.post-options', '.posting-icons', '.profile-icons', '.post-buttons'][version]
 },

 post, plus, minus, n_pos, n_neg, title_pos, title_neg, li, ul, bar, button, total, percent, span, pseudo, vote_bar; // startup variables for later use in the loop

 // prevent execution if the version cannot be determined
 if (version == 'badapple') {
   if (window.console) console.warn('This plugin is not optimized for your forum version. Please contact the support for further assistance.');
   return;
 }

 for (; i < j; i++) {
   post = $(vote[i]).closest('[class*="post--"]')[0];
   bar = $('.vote-bar', vote[i])[0]; // vote bar
   button = $('a[href*="p_vote"]', vote[i]); // plus and minus buttons
   console.log(vdata.name);
       console.log($(vdata.name, post).text());
   pseudo = $(vdata.name, post).text() || $('.author > a', post).text() || 'Partage'; // username of the poster
   ul = $(vdata.actions, post)[0]; // post actions
   li = document.createElement(vdata.tag); // vote system container
   li.className = 'fa_reputation';

   if (li.tagName == 'SPAN') li.style.display = 'inline-block';

   // calculate votes
   if (bar) {
     total = +bar.title.replace(/.*?\((\d+).*/, '$1');
     percent = +bar.title.replace(/.*?(\d+)%.*/, '$1');

     n_pos = Math.round(total * (percent / 100));
     n_neg = total - n_pos;
   } else {
     n_pos = 0;
     n_neg = 0;
   }

   // set up negative and positive titles with the correct grammar, votes, and usernames
   title_pos = (n_pos <= 1 ? config.title_like_singular : config.title_like_plural).replace(/%\{USERNAME\}/g, pseudo).replace(/%\{VOTES\}/g, n_pos);
   title_neg = (n_neg <= 1 ? config.title_dislike_singular : config.title_dislike_plural).replace(/%\{USERNAME\}/g, pseudo).replace(/%\{VOTES\}/g, n_neg);

   // define the vote counts
   li.innerHTML = '<span class="fa_count fa_positive" title="' + title_pos + '">' + n_pos + '</span>' + (config.negative_vote ? '&nbsp;<span class="fa_count fa_negative" title="' + title_neg + '">' + n_neg + '</span>' : '');
   span = li.getElementsByTagName('SPAN'); // get the vote count containers for use as insertion points

   // create positive vote button
   plus = document.createElement('A');
   plus.href = button[0] ? button[0].href : '#';
   plus.onclick = button[0] ? submit_vote : function() { return false };
   plus.className = 'fa_vote' + (button[0] ? '' : 'd') + ' fa_plus';
   plus.innerHTML = config.icon_plus;
   plus.title = (button[0] ? config.title_plus : title_pos).replace(/%\{USERNAME\}/g, pseudo);

   span[0] && li.insertBefore(plus, span[0]);

   // create negative vote button
   if (config.negative_vote) {
     minus = document.createElement('A');
     minus.href = button[1] ? button[1].href : '#';
     minus.onclick = button[1] ? submit_vote : function() { return false };
     minus.className = 'fa_vote' + (button[1] ? '' : 'd') + ' fa_minus';
     minus.innerHTML = config.icon_minus;
     minus.title = (button[1] ? config.title_minus : title_neg).replace(/%\{USERNAME\}/g, pseudo);

     span[1] && li.insertBefore(minus, span[1]);
   }

   // create vote bar
   if (config.vote_bar) {
     vote_bar = document.createElement('DIV');
     vote_bar.className = 'fa_votebar';
     vote_bar.innerHTML = '<div class="fa_votebar_inner" style="width:' + percent + '%;"></div>';
     vote_bar.style.display = bar ? '' : 'none';
     li.title = config.title_vote_bar.replace(/%\{USERNAME\}/, pseudo).replace(/%\{VOTES\}/, n_pos + '/' + (n_pos + n_neg)).replace(/%\{PERCENT\}/, '(' + percent + '%)');
     li.appendChild(vote_bar);
   }

   // finally insert the vote system and remove the default one
   if(version != 4)
     config.position_left ? ul.insertBefore(li, ul.firstChild) : ul.appendChild(li);
   else
     config.mobile_position_left ? ul.insertBefore(li, ul.firstChild) : ul.appendChild(li);

   vote[i].parentNode.removeChild(vote[i]);

[Lalittle]

Merci pour cette réponse !!

En revanche j'avoue ne pas comprendre à quel endroit précisément il me faut copier ce script dans la section "modules" ?

[creange]

Merci pour cette réponse !!

En revanche j'avoue ne pas comprendre à quel endroit précisément il me faut copier ce script dans la section "modules" ?  

il faut aller dans les  Modules et tout en bas de la page Gestions des codes Java Script puis ensuite
créer un nouveau java script et mettre en titre Système de votes et cocher l'index et le portail  puis coller le code
et surtout ne pas oublier de valider

étant en version PHPBB3 j'avoue ne pas connaitre la version ModernBB si ça ne fonctionne pas il faudra demander à un autre membre
ayant la même versionn que toi
bonne journée

[Lalittle]

Merci infiniment... je vais tester ça et vous dirai...
Joyeux dimanche à vous !!!  

[Lalittle]

Bonjour à vous !

Me voici après test :
Le code ne fonctionne pas sur le forum (le cadre a toujours le même aspect), mais également le fait de valider ce script sur toutes les pages désactive celui que j'ai installé pour avoir des flèches haut/bas !

Merci tout de même d'avoir tenté...

Belle journée !!!

[Lalittle]

Un petit up matinal (bonjouuuuur la lune   !) pour le cas où quelqu'un aurait une autre piste...

Bonne journée à tous !

[creange]

bonjour Lalittle j'ai oublié de vous dire qu'il fallait également mettre un code dans le CSS

Par contre je ne suis pas sure que mon code fonctionnera sur la version ModernBB

vous pouvez toujours essayer on ne sait jamais ;-)  

Code:


.fa_vote, .fa_voted, .fa_count {
  font-size:12px;
  font-family:Verdana, Arial, Helvetica, Sans-serif;
  display:inline-block !important;
  width:auto !important;
  float:none !important;
  transition:300ms;
}
 
.fa_voted, .fa_vote:hover { opacity:0.4 }
.fa_voted { cursor:default }
 
.fa_count {
  font-weight:bold;
  margin:0 3px;
  cursor:default;
}
 
.fa_positive { color:#4A0 }
.fa_negative { color:#A44 }
 
.fa_votebar, .fa_votebar_inner {
  background:#C44;
  height:3px;
}
 
.fa_votebar_inner {
  background:#4A0;
  transition:300ms;
}

 par contre il faudra faire quelques changements pour les couleurs et les polices d'écriture

bonne soirée

[Lalittle]

Merci !!! (je découvre cette réponse ce matin seulement... en ce moment c'est un peu rock'n'roll mon emploi du temps   )

Je vais tenter et reviendrai vous dire...

Edit : je viens d'appliquer les modifications et je confirme que ça ne fonctionne pas... merci quand même d'avoir tenté...

[Lalittle]

Un petit "up", pour le cas où..!

[Toryudo]

Bonjour !

J'ai déjà modifié la mention j'aime par un Kamoji, et supprimé la mention "j'aime pas" qui n'est pas dans l'esprit du forum...

J'ai bien vu l'article publié sur le sujet, mais je ne suis quand même pas trop sûre de mon coup... ^^

En fait, je voudrais pouvoir supprimer le pouce associé dans le cadre, qui semble vouloir demeurer, en dépit des modifications apportées :



Ainsi, ça me permettrait de modifier le "j'aime pas" pour l'utiliser en temps que "a lu ta réponse" pour les membres souhaitant juste signaler la lecture sans pour autant avoir besoin de réagir en postant.

Comment est-ce que vous avez modifié la mention j'aime par un Kamoji ?
Est-ce que vous pourriez décrire ce que vous avez mis en place pour le moment, ainsi que la configuration actuelle de votre forum et la configuration souhaitée ? Comme votre forum n'est pas du tout accessible, je veux essayer de me mettre dans les mêmes dispositions sur un forum test pour essayer de voir ce qu'il est possible de faire, ce qu'il va falloir modifier, etc.

[Lalittle]

Merci encore une fois pour cette réponse...
Je ne comprends pas ce que j'ai fichu ; vous n'avez plus de compte chez nous ?!?  
Sur la demande des membres (forum avec beaucoup de "confidences") je fais du "ménage" régulièrement dans avec la fonction "traiter les utilisateur" au regard des nombreuses personnes qui s'inscrivent sans jamais poster... et je ne vérifie pas toujours pseudo par pseudo )
Si d'aventure ça vient de moi, excusez-moi. Et si vous voulez faire la démarche d'accéder au forum pour plus de visibilité vous êtes évidemment le bienvenu !!


Je pense que j'avais bricolé quelque chose dans le css

Si je vous mets la copie ce peut être utile ?
Je ne sais pas trop comment faire, je tente...

Code:

Littleham

    VOIR LE FORUM

logoin-morues-we-trust.forumactif.com Package Gratuit

    AccueilGénéralAffichageUtilisateurs & GroupesModulesApp MobileDivers

 Affichage
   Thèmes

Choisir un thème
Gestion des thèmes
Thèmes temporaires


   Page d'accueil

Généralités
Structure et hiérarchie
En-tête & Navigation


   Images et Couleurs

Gestion des images
Couleurs & CSS


   Avatars & Smileys

Gestion des avatars
Smileys


   Templates

Général
Portail
Galerie
Calendrier
Groupes
Poster & Messages privés
Modération
Profil
Version mobile


Simple

Avancé
Images et Couleurs

    Couleurs

    Dans cette partie, vous pouvez enregistrer du code CSS pour gérer à vos souhaits les éléments de design de votre forum.

    Couleurs
    Feuille de style CSS

Sauvegarder le CSS
CSS

Rechercher dans le CSS :

      display: none;

 26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

89

90

91

92

93

94

95

96

97

98

99

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

  display: inline-block;

  padding: 1em 2em;

  font-weight: 400;

  text-align: center;

  color: #3dade9!important;

  background: transparent;

  border-left: 3px solid #3dade9;

  border-right: 3px solid #bf2fcb;

  background-image: -webkit-linear-gradient(left, #3dade9, #bf2fcb), -webkit-linear-gradient(left, #3dade9, #bf2fcb);

  background-size: 100% 2px;

  background-position: 0 100%, 0 0;

  background-repeat: no-repeat;

  background-clip: border-box;

  box-shadow: none!important;

}

.button1:hover, .button2:hover, .button:hover, input[type="submit"]:hover {

  display: inline-block;

  padding: 1em 2em;

  font-weight: 400;

  text-align: center;

  color: #bf2fcb!important;

  background: transparent;

  border-left: 3px solid #3dade9;

  border-right: 3px solid #bf2fcb;

  background-image: -webkit-linear-gradient(left, #3dade9, #bf2fcb), -webkit-linear-gradient(left, #3dade9, #bf2fcb);

  background-size: 100% 2px;

  background-position: 0 100%, 0 0;

  background-repeat: no-repeat;

  background-clip: border-box;

  box-shadow: none!important;

}

.postbody .content img { vertical-align: middle;

}

 

 

#site-title h1 {

font-size: 34px;

text-align: center;

}

 

#site-title {

letter-spacing: 0.06em;

font-size: 26px;

}

    .postbody .content a {

         color: #38761D;

         border-bottom: 1px dotted;

    }

    

    .postbody .content a:hover {

         color: #595A5E;

         border-bottom: 1px dotted;

}

 div#site-desc{left: 17%;}

    #site-desc {max-width: 100%; width: 65%}

    #site-desc #site-title {text-align: center}

    #site-desc p {text-align: center}

    /* COULEURS LIENS TAGS */

        .mentiontag {

        background-color: #E2DCF5;

         color: white;

        }

          .rep-button, .rep-button:active, .rep-button:focus {

        

            background: #BFBCF5; /* Couleur de fond */

            border: 1px solid #005c8b; /* Couleur de la bordure du bouton */

            border-radius: 4px; /* Bordure arrondis du bouton */

            box-shadow: 0 -1px 0 #b9b9b9 inset; /* Ombre de la bordure du bouton */

            font-family: Trebuchet MS; /* Police d'écriture du bouton */

            font-size: 14px; /* Taille de la police d'écriture du bouton */

            font-weight: 700; /* Taille de la police grasse du bouton */

            height: 29px; /* Hauteur des boutons */

            text-transform: initial; /* Pour mettre une majuscule aux noms des boutons */

        }

    a.mainmenu{color:#C6B6D1;}

    a.mainmenu{font-size:14px;}

    a.mainmenu[href="/search"] {

    display: none !important; }

a[href="/groups"] {display:none;} /*retrait du lien "Groupes" */

    .edited-message {

      display: none;

    }

    .boutonhautbas {

        bottom: 40px;

        right: 20px; /* remplacez right par left pour afficher les boutons à gauche */

        position: fixed;

        z-index: 100;

    }

 

.bouhautbas

{

bottom: 220px;

position: fixed;

right: 0px;

z-index: 100;

width: 100px;

}

 

Options du CSS

 Forcer le CSS de base du forum:
Voir le CSS de base de votre forum
    Oui Non

 Désactiver le CSS de base
    Oui Non

 Optimiser votre CSS
    Oui Non



[Toryudo]

Pardon, en regardant un peu, je viens de comprendre ce que vous avez fait et ce que vous souhaitez faire.
Il vous suffit d'ajouter ces 3 lignes dans votre CSS personnalisé :

Code:

.post .ion-thumbsup, .post .ion-thumbsdown {
  display: none;
}

Et hop, plus de pouce vers le haut ni vers le bas, ne reste plus que le texte que vous aurez choisi.
Par ici pour le tuto feuille de style si besoin, pour savoir où ajouter ces 3 lignes : https://forum.forumactif.com/t404669-la-feuille-de-style-css

[Lalittle]

Merci BEAUCOUP !!!!!!!