Système de réputation : ne permettre que les votes positifs

[Threax]

Système de réputation : ne permettre que les votes positifs

 Vous pourriez également être intéressé(e) par cette astuce plus complète permettant d'afficher les boutons de vote sous la forme d'un système de likes : améliorer le système de vote des messages Depuis l'apparition du système de réputation, permettant de voter les messages via le bouton "+" et le bouton "-", beaucoup d'entre vous se demandent s'il est possible de ne prendre en compte que les votes positifs. Ce tutoriel vous expliquera comment faire pour retirer le bouton "-" des messages de votre forum. Ce tutoriel fonctionne de la même manière pour toutes les versions de forum. Supprimer le bouton de vote négatif Panneau d'administration  Affichage  Couleurs - Feuille de style CSS Ajoutez ce code à votre CSS : Code: /*-- retrait du bouton de vote négatif dans les messages --*/ .vote .vote-button, .vote-no-bar {   display:none; } .vote .vote-button:first-child {     display:block; } Résultat : seul le bouton de vote positif demeure. Remplacer le "+" par une image Cette partie du tutoriel requière une modification de template, et nécessite donc d'être connecté sur le compte fondateur. Il est bien sûr possible de remplacer ce + par une image de votre choix. Dans notre exemple, nous allons prendre cette image (que vous pourrez aussi utiliser) : Panneau d'administration  Affichage  Templates - Général Éditez le template viewtopic_body et situez cet extrait : Code: <!-- BEGIN switch_vote -->                             <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>                             <!-- END switch_vote --> Remplacez-le par : Code: <!-- BEGIN switch_vote -->                             <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}"><img src="https://i.servimg.com/u/f22/09/02/12/09/001_1810.png" title="Avis positif" alt="Avis positif" /></a></div>                             <!-- END switch_vote --> , vérifiez et publiez . Puis, ajoutez à votre CSS : Code: .vote {     width: 24px; /*-- largeur de l'image choisie --*/ } Ici, l'image choisie plus haut avait une largeur de 24px, on met donc une valeur de 24px. Si votre image a une largeur de 35px, pensez à adapter ce code en modifiant 24px par 35px. Résultat :

Ce tutoriel a été rédigé par le Staff du Forum des Forums, Et en particulier par Threax. Aucune reproduction possible sans notre accord, conformément à l’article L122-1 du CPI.