Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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


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