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.


    Dévoiler la feuille de personnage cachée, avec un effet déroulant.

    Partagez
    Invité

    le Ven 23 Nov 2012 - 16:50

    Rappel du premier message :

    Bonjour, bonsoir !

    Alors je m'essaye à mon premier tuto ! Je vais vous proposer quelque chose qui, il me semble, n'a pas encore été soumis, à savoir cacher votre feuille de personnage pour ensuite la dévoiler avec un effet de déroulement fluide au passage de la souris sur une image.

    Cette astuce peut bien sûr être utilisée pour cacher également tout le profil sous l'avatar et bien d'autres choses ! Mais comme on trouve assez souvent des feuilles de personnage cachées grâce à un bouton et qui s'affiche d'un coup en cliquant dessus, j'ai voulu quelque chose de plus progressif.

    Exemple (l'image est animée, elle peut mettre un peu de temps à charger) : http://img30.imageshack.us/img30/7453/5v8.gif

    Si vous voulez apprendre à réaliser le même effet sur vos forums, postez à la suite pour lire le reste du tuto, merci =)



    Voilà, j'espère que cette astuce vous sera utile et vous plaira, si vous avez des questions ou des problèmes avec le code, n'hésitez pas !  :friends:
    N'oubliez pas de créditer Never-Utopia si vous utilisez ce codage, merci.


    Dernière édition par Sycophante le Lun 9 Fév 2015 - 22:17, édité 9 fois
    Evydence
    FémininAge : 20Messages : 60

    le Jeu 11 Avr 2013 - 21:34

    Merci beaucoup!
    Hope
    MasculinAge : 19Messages : 763

    le Ven 12 Avr 2013 - 0:52

    Merci du partage :p
    Grande
    FémininAge : 28Messages : 205

    le Ven 12 Avr 2013 - 2:42

    Merci



    Syra
    FémininAge : 24Messages : 69

    le Ven 12 Avr 2013 - 12:30

    Merci



    Aurore13
    FémininAge : 28Messages : 43

    le Ven 12 Avr 2013 - 14:37

    Myste-Animus a écrit:Aurore13 : Oui, c'est possible =) Il suffit de rajouter les variables correspondantes avec celle de la feuille
    Code:
    {postrow.displayed.POSTER_RPG}

    Et d'adapter le CSS évidement car il aura plus de choses à découvrir donc il devra être plus long et ça se contrôle avec la valeur "height" x)

    Merciiiiii beaucoup, ton code est super ♥
    Invité

    le Ven 12 Avr 2013 - 14:50

    No problemo x)
    Eoleum
    FémininAge : 24Messages : 15

    le Sam 13 Avr 2013 - 17:35

    Merci ! ^^
    Chione
    MasculinAge : 15Messages : 396

    le Sam 13 Avr 2013 - 18:18

    Super !




    FEZ!FEZ!
    Gouttou †
    FémininAge : 18Messages : 50

    le Mar 16 Avr 2013 - 20:09

    Merci du partage °^°



    Piinkyuu
    FémininAge : 21Messages : 27

    le Mer 17 Avr 2013 - 16:05

    Merci !
    Slown
    FémininAge : 21Messages : 61

    le Mer 17 Avr 2013 - 16:56

    merci (;
    Kreazen
    FémininAge : 20Messages : 45

    le Mer 17 Avr 2013 - 20:08

    merci



    Arrow
    L*
    FémininAge : 22Messages : 44

    le Mer 17 Avr 2013 - 22:09

    C'est exactement ce que je cherchais !
    Merci beaucoup !!!!
    AllianceShinobi
    MasculinAge : 23Messages : 71

    le Jeu 18 Avr 2013 - 22:43

    merci du partage
    Sunee
    FémininAge : 26Messages : 12

    le Ven 19 Avr 2013 - 14:22

    merci du partage
    November-PoWa
    FémininAge : 20Messages : 16

    le Ven 19 Avr 2013 - 16:46

    Merci je ne vois pas laperçu peut etre que ca nexiste pas ! =)
    Invité

    le Ven 19 Avr 2013 - 19:27

    Ah, effectivement, je n'arrive plus à retrouver mon forum test -_- J'ai supprimé une adresse mail aujourd'hui, elle devait être liée à ce forum et il a été supprimé, je ne vois que cette explication xD

    Milles excuses, je vais tâcher de vous fournir un nouvel exemple. =)

    EDIT : Ayé, le lien mène à nouveau sur un exemple pour le tutoriel. Wink
    Onigiri2a
    FémininAge : 26Messages : 46

    le Mar 23 Avr 2013 - 0:46

    Je veux bien de ce tuto ! Merci bien ! :innocent:



    Tony`s
    MasculinAge : 25Messages : 53

    le Mer 24 Avr 2013 - 0:46

    merci pour le tuto !!!
    Brin de Folie
    FémininAge : 19Messages : 48

    le Jeu 25 Avr 2013 - 13:43

    Merci pour l'info ;D
    Reeta
    FémininAge : 21Messages : 34

    le Ven 26 Avr 2013 - 15:31

    MERCI ô/
    Invité

    le Lun 29 Avr 2013 - 8:44

    Arigato ~ :3
    Texas-flood
    FémininAge : 27Messages : 6

    le Lun 6 Mai 2013 - 21:17

    Merci beaucoup pour ce tuto *-*
    People Are Strange
    FémininAge : 29Messages : 29

    le Lun 6 Mai 2013 - 22:25

    merci *-*
    FLOetGRI
    FémininAge : 15Messages : 34

    le Mer 8 Mai 2013 - 1:28

    Merci !
    Contenu sponsorisé

    Aujourd'hui à 21:10


      La date/heure actuelle est Mer 7 Déc 2016 - 21:10