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


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.

Version PhpBB2 et PunBB
Les modifications sont les mêmes sur les deux versions.

Avant toute chose, vous devez :
- être fondateur du forum,
- être en version phpBB2 ou punBB,
- avoir un minimum de connaissances en HTML, & templates.

Panneau d'administration Affichage Templates Général edit viewtopic_body

Situez cet extrait :
Code:
<!-- BEGIN switch_no_bar -->
                            <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                            <!-- END switch_no_bar -->

                            <!-- BEGIN switch_vote -->
                            <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                            <!-- END switch_vote -->

Remplacez-le par :
Code:
<!-- BEGIN switch_no_bar -->
                            <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar" style="display: none;">----</div>
                            <!-- END switch_no_bar -->

                            <!-- BEGIN switch_vote -->
                            <div class="vote-button" style="display: none;"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}"></a></div>
                            <!-- END switch_vote -->

:enreg:, vérifiez, publiez ajout

Résultat :
PhpBB2PunBB

Version PhpBB3 et Invision
Les modifications sont les mêmes sur les deux versions.

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 :
PhpBB3Invision

    Remplacer le "+" par une image
    Versions phpBB2 et PunBB uniquement

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 edit viewtopic_body

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

Et 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, 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