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

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

Message par Threax 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. Cette astuce vous expliquera comment faire pour retirer le bouton "-" des messages de votre 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;
}

N'oubliez pas de cliquer sur le bouton Valider afin de sauvegarder les modifications. Faisant suite à cette modification, seul le bouton de vote positif demeure.

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

Remplacer le "+" par une image

La modification des templates n'est pas une opération à prendre à la légère. Elle requiert, au minimum, de bonnes connaissances du langage HTML. En outre, seul le fondateur du forum est habilité à en modifier les templates.

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

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

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

Enregistrez puis n'oubliez pas de publier le template.

Panneau d'administration  Affichage  Couleurs - Feuille de style CSS

Ajoutez à votre CSS :

Code:
.vote {
    width: 24px; /*-- largeur de l'image choisie --*/
}

N'oubliez pas de cliquer sur le bouton Valider afin de sauvegarder les modifications. 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.

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

Sujets liés



Threax

Threax
Membre actif

Masculin
Messages : 17276
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

- Sujets similaires

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