AccueilFAQRechercherMembresGroupesS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.


    Système + et - de la réputation revisité : Compteur de "J'aime"

    Partagez
    Invité

    le Dim 11 Aoû 2013 - 5:55

    Rappel du premier message :

    Bonjour ou bonsoir, bonne nuit, peut-être ? ^^

    Pour mon troisième tuto, je vous propose un système de réputation complétement revisité !


    Introduction



    Vous vous souvenez du + et du - sur le côté des messages comme ici, sur Never-Utopia, et cette jolie barre verte pour les votes positifs et rouges pour les négatifs ? C'est pas très esthétique, pas très personnalisable, n'est-ce pas ? Oh et combien de fois on a oublié de voter après avoir lu un post trop long car il fallait remonter le sujet afin de retrouver nos petits + et nos petits - ?

    Pas très pratique tout ça. :hum: La logique voudrait qu'on puisse voter une fois le post lu et comme ils ne sont pas tous de la même longueur...

    Alors pour les feignants comme moi qui ont la flemme de remonter les sujets, je vais vous montrer comment positionner le système de réputation en bas du message juste au-dessus de la signature (pour celles et ceux qui ne l'ont pas déplacée dans les templates bien sûr). Mais ce n'est pas tout ! Nous allons supprimer ce + et ce - ainsi que cette barre impossible à personnaliser et les remplacer par un système de "J'aime" qui indiquera le nombre de votes positifs reçus.

    Notez que les votes négatifs ne seront plus pris en compte. Pour celles et ceux que cela pourrait gêner, il suffit de se dire que si tu n'aimes pas, tu votes pas. xD Vous vous exprimer en ne vous exprimant pas... (Désolé, je fatigue ! ^^) . C'est beaucoup moins "triste" que de savoir que des personnes n'aiment clairement pas ce qu'on a fait ou dit. Et oui, cela me fait de la peine de recevoir des appréciations négatives, que voulez-vous, je suis un grand sensible. *sort*

    Passons aux choses sérieuses. Voici, en images, ce à quoi vous pouvez vous attendre en suivant ce tutoriel :

    Exemple :

    Dans le premier message, l'icône en forme de pouce relevé correspond au résultat lorsque personne n'a voté.
    Dans le deuxième message, l'icône indique que vous venez de voter. Petit plus, vous n'êtes pas redirigé vers la page de confirmation des votes. Lorsque vous votez vous pouvez continuer de lire les messages suivants tranquillement !



    Dans cette seconde image, le premier message vous montre ce que vous obtenez quand une personne a déjà voté mais pas vous.
    Et enfin, dans le deuxième message, il s'agit du résultat obtenu sur un message où vous avez déjà voté.

    Notez que le nombre de votes disparaît au moment où vous cliquez sur l'icône "J'aime" pour enregistrer votre vote. Le total des "J'aime" réapparaît une fois la page revisitée !

    Attention, il n'y a aucune garantie que ce tutoriel fonctionne si vous avez trop modifié le template viewtopic_body. Vous devez aussi avoir un compte fondateur sur un forum phpBB 2 pour pouvoir modifier le template qui nous intéresse et, bien sûr, avoir activé le système de réputation dans les modules.

    Je vous ai mis l'eau à la bouche ? Pour la suite, il va falloir poster un petit remerciement à la suite. Razz
    *part se cacher*


    Le Tutoriel





    Merci d'avoir lu ce tutoriel jusqu'au bout ! Si vous rencontrez des problèmes, n'hésitez pas à me les rapporter en répondant à ce sujet (Je surveille les réponses exprès ! Razz) et j'essayerai de vous aider à les résoudre dans la mesure du possible et de mes disponibilités.

    Enfin un crédit pour Never-Utopia serait grandement apprécié si vous utilisez ce système de votes pour l'aide que ce tutoriel vous a - peut-être - apporté et pour le temps que j'ai passé à rédiger ce sujet et à me prendre la tête avec ce JS qui ne fonctionnait pas au départ ! :wall: 

    A vous les studios ! Very Happy

    P.S. : Vous pouvez observer à peu près le même système que je propose dans ce tutoriel sur ce forum officiel de FINAL FANTASY XIV. C'est tout en bas. Si vous avez un compte et êtes connecté, un bouton "Jaime" s'affiche à droite et le vote s'ajoute presque instantanément aux chiffres entre parenthèses à côté du pouce relevé. ;)Je fais de la pub en passant pour le jeu. xD


    Dernière édition par Jadelina le Mar 13 Mai 2014 - 18:45, édité 5 fois (Raison : Petite amélioration)
    Kinjiro
    MasculinAge : 17Messages : 80

    le Jeu 17 Juil 2014 - 14:41

    Merci Very Happy



    Invité

    le Mer 30 Juil 2014 - 0:35

    Thanks!
    Trych
    FémininAge : 21Messages : 79

    le Ven 22 Aoû 2014 - 3:22

    merci pour l'astuce



    Glow
    FémininAge : 17Messages : 93

    le Dim 7 Sep 2014 - 15:27

    Merci, c'est super que des gens pensent à ces petits détails ! Ça peut paraître insignifiant mais en fait, ça contribue à rendre un forum plus.. fluide ? Bref, merci, c'est génial OuO
    LHOOQ
    MasculinAge : 24Messages : 20

    le Mer 24 Sep 2014 - 0:17

    Merci!
    Gerrard
    MasculinAge : 26Messages : 12

    le Mer 1 Oct 2014 - 17:40

    Merci
    Shatters
    FémininAge : 23Messages : 56

    le Mar 7 Oct 2014 - 13:51

    Merci !



    J'ai appelé les bourreaux pour, en périssant, mordre la crosse de leurs fusils. J'ai appelé les fléaux, pour m'étouffer avec le sable, avec le sang. Le malheur a été mon dieu. Je me suis allongé dans la boue. Je me suis séché à l'air du crime. Et j'ai joué de bons tours à la folie. (Rimbaud)
    reshiram44
    MasculinAge : 18Messages : 304

    le Mar 21 Oct 2014 - 23:55

    merci



    Lihuén
    FémininAge : 27Messages : 544

    le Mer 5 Nov 2014 - 1:05

    C'est justement ce que je cherchais, merci beaucoup ! (:



    Eros
    MasculinAge : 21Messages : 19

    le Mar 18 Nov 2014 - 16:54

    merci
    Ouat
    FémininAge : 32Messages : 74

    le Mer 3 Déc 2014 - 8:07

    Merci :love:
    karadoc
    MasculinAge : 46Messages : 28

    le Jeu 18 Déc 2014 - 16:46

    Merci
    Mais ça ne marche pas pour les 'forum' mis en 'blog'
    Dommage, mais très bon tuto et très bien expliqué. Bravo
    Xenala
    FémininAge : 33Messages : 28

    le Sam 27 Déc 2014 - 12:11

    Merci, sympa tout ça ^^
    Ananké
    FémininAge : 30Messages : 45

    le Dim 15 Fév 2015 - 18:00

    Merci beaucoup pour cette astuce et le temps passé dessus Wink
    Ryuu
    FémininAge : 22Messages : 58

    le Mar 12 Mai 2015 - 12:31

    Merci !



    Izaya Orihara
    FémininAge : 15Messages : 105

    le Dim 31 Mai 2015 - 13:23

    Merci du partage!
    Saya Shirayuki
    FémininAge : 24Messages : 149

    le Mer 10 Juin 2015 - 12:08

    Génial ! Merci !
    Abate.7
    MasculinAge : 21Messages : 58

    le Lun 3 Aoû 2015 - 0:45

    merci
    SpaceSapien
    MasculinAge : 25Messages : 14

    le Sam 5 Sep 2015 - 14:50

    Tout à fait ce que je recherchais, merci :)
    Kelalin
    FémininAge : 24Messages : 1405

    le Sam 5 Sep 2015 - 15:58

    Merci (*´・v・)
    Jeremie
    MasculinAge : 21Messages : 4

    le Dim 20 Sep 2015 - 21:14

    Merci bien
    Laety
    FémininAge : 21Messages : 13

    le Mer 21 Oct 2015 - 19:50

    Bonjour ! Je crois que ce tuto est tout à fait ce que je cherche ! Après les nombreuses supplications de mon équipe, je vais pouvoir leur montrer que j'écoute ce qu'ils suggèrent et demandent XD !
    Merci de le proposer !

    Mais dommage qu'il soit en hide ^^ ! Je vais voir si j'arrive à l'utiliser ! sinon je reviendrai râler ! Merci encore de partager !
    Laety
    FémininAge : 21Messages : 13

    le Mer 21 Oct 2015 - 20:08

    excusez moi du dp mais je vois pas de bouton d'édition oO

    Alors je viens d'essayer, et ça n'apparait même pas :/ Je ne sais pas ce que j'ai mal fait, mais si quelqu'un pouvait m'aider ce serait cool ! Pourtant le tuto est hyper bien fait et hyper bien expliqué, mais j'ai du merdouiller un code :/
    Rozenbrez
    FémininAge : 25Messages : 1177

    le Lun 28 Déc 2015 - 18:40

    Merci pour le tuto, il va bien me servir. :)



    Fantôma
    MasculinAge : 14Messages : 67

    le Jeu 7 Avr 2016 - 14:09

    merci !



    Contenu sponsorisé

    Aujourd'hui à 21:25


      La date/heure actuelle est Sam 10 Déc 2016 - 21:25