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
    avatar
    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
    avatar
    Koyangi
    FémininAge : 19Messages : 15

    le Lun 21 Juil 2014 - 23:50

    Merci beaucoup, c'est ce que j'avais besoin ! Very Happy
    avatar
    Mephitis.
    FémininAge : 19Messages : 46

    le Mar 22 Juil 2014 - 16:19

    Merci je vais m'en servir. 8D
    avatar
    Mitsu'ki
    FémininAge : 27Messages : 31

    le Ven 25 Juil 2014 - 22:55

    merciiii



    avatar
    Fayzl4D
    MasculinAge : 21Messages : 84

    le Jeu 31 Juil 2014 - 8:01

    merci
    avatar
    crushed love
    FémininAge : 25Messages : 27

    le Dim 10 Aoû 2014 - 13:55

    merci (:
    avatar
    Mello
    FémininAge : 20Messages : 52

    le Sam 23 Aoû 2014 - 3:18

    Mercii
    avatar
    CN.June
    FémininAge : 54Messages : 314

    le Lun 25 Aoû 2014 - 0:44

    Merciii **
    avatar
    missphan
    FémininAge : 34Messages : 154

    le Ven 29 Aoû 2014 - 20:07

    merci
    avatar
    Mr Yo
    MasculinAge : 42Messages : 37

    le Dim 31 Aoû 2014 - 20:08

    Trop bien cheers
    Ca va servir Very Happy
    avatar
    Likilou
    MasculinAge : 23Messages : 297

    le Lun 1 Sep 2014 - 13:29

    merci



    avatar
    Shaolan
    MasculinAge : 25Messages : 103

    le Sam 4 Oct 2014 - 14:29

    Merci !
    avatar
    Sachikou
    FémininAge : 17Messages : 48

    le Mar 28 Oct 2014 - 10:31

    Justement ce que j'avais besoin... Merci !



    avatar
    Chocolakato
    FémininAge : 27Messages : 781

    le Mer 29 Oct 2014 - 12:27

    Hey, merci!



    avatar
    Kimouko
    FémininAge : 21Messages : 19

    le Jeu 30 Oct 2014 - 21:24

    Merci du partage, ça me sera très utile! ^-^
    avatar
    Castielle
    FémininAge : 21Messages : 33

    le Mer 5 Nov 2014 - 3:30

    Merci beaucoup :friends:
    avatar
    Crépuscule de Lune
    FémininAge : 28Messages : 44

    le Jeu 6 Nov 2014 - 17:33

    Merci du partage ^^




    avatar
    louha
    FémininAge : 29Messages : 213

    le Jeu 6 Nov 2014 - 22:19

    merci <3
    avatar
    sica3
    MasculinAge : 43Messages : 135

    le Mar 2 Déc 2014 - 6:54

    thank's
    avatar
    Avallon
    FémininAge : 24Messages : 48

    le Jeu 4 Déc 2014 - 17:37

    Merci :)
    avatar
    Daydream
    FémininAge : 19Messages : 44

    le Dim 7 Déc 2014 - 19:16

    Merci !
    avatar
    KimmyKinder
    FémininAge : 15Messages : 179

    le Lun 8 Déc 2014 - 20:37

    Merciiii
    avatar
    Callisto
    FémininAge : 20Messages : 43

    le Sam 13 Déc 2014 - 17:46

    Merci pour ce tutoriel !
    avatar
    Scare Leonheart
    MasculinAge : 23Messages : 202

    le Lun 15 Déc 2014 - 0:45

    Merci



    avatar
    Abby Reever
    FémininAge : 25Messages : 115

    le Mar 16 Déc 2014 - 22:54

    merci!
    avatar
    Kaamee
    FémininAge : 21Messages : 110

    le Lun 29 Déc 2014 - 21:11

    Merci o/



    Contenu sponsorisé


      La date/heure actuelle est Jeu 27 Juil 2017 - 22:45