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 Mer 8 Mai 2013 - 14:45

    Merci beaucoup!
    TNK
    FémininAge : 20Messages : 59

    le Mer 8 Mai 2013 - 16:32

    Merci beaucoup :3
    Hestia
    FémininAge : 25Messages : 54

    le Jeu 9 Mai 2013 - 12:51

    Merci !
    Mika-chan
    FémininAge : 24Messages : 76

    le Sam 11 Mai 2013 - 21:28

    merci :)
    Zirconium
    FémininAge : 25Messages : 11

    le Lun 13 Mai 2013 - 21:05

    Merci
    Amariem
    FémininAge : 17Messages : 98

    le Lun 13 Mai 2013 - 21:28

    Merci !
    En espérant que ce soit ce que je recherche ....



    Laura2045
    FémininAge : 18Messages : 25

    le Sam 18 Mai 2013 - 20:47

    Merci !
    Nîniel
    FémininAge : 21Messages : 70

    le Dim 19 Mai 2013 - 19:30

    Merci



    swagg
    FémininAge : 24Messages : 173

    le Dim 19 Mai 2013 - 23:59

    j'adore
    Vector.
    FémininAge : 17Messages : 39

    le Lun 20 Mai 2013 - 14:35

    Merci
    Schnappi
    FémininAge : 25Messages : 100

    le Mar 21 Mai 2013 - 16:48

    pour voir ce que ça donne Wink
    lapinette
    FémininAge : 28Messages : 28

    le Mar 21 Mai 2013 - 19:24

    miciii
    CathyCréation
    FémininAge : 37Messages : 206

    le Mer 22 Mai 2013 - 13:25

    Merci beaucoup
    Liaminah
    FémininAge : 24Messages : 28

    le Jeu 23 Mai 2013 - 20:31

    Merci
    Jona'
    MasculinAge : 17Messages : 65

    le Sam 25 Mai 2013 - 18:54

    Merci :)



    Bridgess
    FémininAge : 18Messages : 51

    le Sam 25 Mai 2013 - 21:55

    Très sympa comme code ^^ Merci !
    Bunny Lune
    FémininAge : 27Messages : 134

    le Lun 27 Mai 2013 - 22:56

    Merci pour le partage.
    Elewy
    FémininAge : 17Messages : 23

    le Mar 28 Mai 2013 - 18:03

    Merci Very Happy



    Aile
    FémininAge : 28Messages : 123

    le Mer 29 Mai 2013 - 13:01

    Cela m'intrigue, j'ai envie de voir le résultat donc je vais tester. Merci beaucoup pour ce partage.



    Misaya
    FémininAge : 26Messages : 5

    le Lun 3 Juin 2013 - 18:44

    Merci ^^
    dodo_la
    FémininAge : 28Messages : 11

    le Lun 3 Juin 2013 - 20:10

    Juste parce que je suis assez curieuse du résultat =)
    AlyssYui
    FémininAge : 20Messages : 25

    le Lun 3 Juin 2013 - 22:18

    Merci du partage o/
    Lady Doll
    FémininAge : 27Messages : 101

    le Mer 5 Juin 2013 - 21:41

    merci :)
    SNMitsuki
    FémininAge : 19Messages : 63

    le Jeu 6 Juin 2013 - 0:06

    Mercii



    Uther
    MasculinAge : 19Messages : 93

    le Dim 9 Juin 2013 - 2:09

    Merci
    Contenu sponsorisé

    Aujourd'hui à 7:55


      La date/heure actuelle est Sam 10 Déc 2016 - 7:55