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

    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)
    Nami'
    FémininAge : 18Messages : 11

    le Sam 24 Aoû 2013 - 11:46

    Merci! Very Happy x)
    Offrande
    FémininAge : 25Messages : 183

    le Ven 18 Oct 2013 - 3:29

    Bonjour, 

    Vraiment génial ce tutoriel, extra sa vas faire du changement sur mon forum et puis je trouve cela vraiment très orignal comme idée surtout pour les personnes qui compte leurs réputations comme des Pts ou autre sur leurs forum tout comme moi ! 

    En tout cas, merci énormément du partage! :ange:
    Invité

    le Ven 18 Oct 2013 - 14:09

    Je vous en prie ! :)
    Okhmhaka
    FémininAge : 31Messages : 31714

    le Sam 19 Oct 2013 - 13:18

    Oh c'est génial ça ! Bon je connaissais car Threax (ex staff FDF et fondateur de l'annuaire) l'avait mis en place sur le FDF justement, et je trouvais ça vraiment bien, donc c'est super que tu aies pu en faire un tutoriel, merci beaucoup ! D'ailleurs il est probable que je l'utilise pour N-U ^^



    Invité

    le Sam 19 Oct 2013 - 21:42

    Je serai ravi si ce tuto est utilisé pour une prochaine version de N-U ! Very Happy
    damon w salvatore
    FémininAge : 28Messages : 108

    le Ven 8 Nov 2013 - 13:23

    Merci
    .SaKou.
    FémininAge : 20Messages : 57

    le Mer 13 Nov 2013 - 14:44

    merci =)



    Grande
    FémininAge : 28Messages : 205

    le Dim 17 Nov 2013 - 2:41

    Merci



    Deadpoolio
    MasculinAge : 26Messages : 277

    le Lun 25 Nov 2013 - 10:49

    Mot magique: Merci.
    hurudy
    MasculinAge : 36Messages : 40

    le Mar 3 Déc 2013 - 10:04

    Oh merci pour cette astuce , je vais tester :)
    FeliceFelicis
    FémininAge : 26Messages : 86

    le Mar 10 Déc 2013 - 18:12

    Merlin!  Je crois que ça fait 1010989 ans que je cherche ça1! WOOOOOW :DJ'espère que ça va fonctionner UUHHH!

    MERCI MERCI MERCI

    EDIT
    *Évidemment j'ai pas switch_signature_blabla dans mes templates *pleure**
    Patou972
    FémininAge : 38Messages : 164

    le Lun 23 Déc 2013 - 1:32

    wow bonne idée, merci beaucoup
    Lakxi
    FémininAge : 23Messages : 40

    le Ven 27 Déc 2013 - 17:16

    merci beaucoup pour ce code Very Happy
    Grande
    FémininAge : 28Messages : 205

    le Dim 12 Jan 2014 - 2:16

    Merci



    Enidech
    MasculinAge : 25Messages : 39

    le Sam 18 Jan 2014 - 15:07

    Bonjour !

    C'est génial ! Le rendu sur ton exemple est superbe, j'adore.

    Cordialement, Dech.
    Dragma
    MasculinAge : 21Messages : 65

    le Sam 1 Fév 2014 - 21:08

    Merci beaucoup pour ce tuto, c'est vraiment original :)

    Jacoon
    FémininAge : 20Messages : 147

    le Dim 23 Mar 2014 - 21:39

    Merci.
    Ellen Lesley
    FémininAge : 102Messages : 76

    le Dim 25 Mai 2014 - 0:03

    Merci !
    Doupi
    FémininAge : 28Messages : 52

    le Mer 28 Mai 2014 - 13:48

    Voilà qui me sera utile
    Doupi
    FémininAge : 28Messages : 52

    le Mar 3 Juin 2014 - 18:17

    Je vais essayer de l'adapter chez moi, merci  cheers 
    Lupa
    FémininAge : 20Messages : 166

    le Lun 9 Juin 2014 - 16:00

    Oh, depuis le temps que je cherchais ce système ! Merci beaucoup *-*



    To die would be an awfully big adventure... ~ Peter Pan, James M. Berrie.
    skaera22
    MasculinAge : 21Messages : 72

    le Dim 29 Juin 2014 - 19:56

    merci
    Raymanou
    MasculinAge : 24Messages : 49

    le Dim 29 Juin 2014 - 23:53

    Je te remercie c'est vraiment gentil Very Happy
    Snapforum
    MasculinAge : 29Messages : 23

    le Mar 15 Juil 2014 - 10:49

    Merci :)
    Contenu sponsorisé

    Aujourd'hui à 22:47


      La date/heure actuelle est Mar 6 Déc 2016 - 22:47