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

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

  • 0

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

Message par Threax le Dim 26 Sep 2010 - 18:00

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="http://i22.servimg.com/u/f22/09/02/12/09/001_1810.png" title="Avis positif" alt="Avis positif" /></a></div>
                            <!-- END switch_vote -->
:enreg:, 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. Wink

Résultat :


avatar

Threax
Membre actif

Masculin
Messages : 17277
Inscrit(e) le : 27/08/2005

http://lesforumsde.forumactif.com
Threax a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum