Bienvenue
sur
Never-Utopia

Tu es déconnecté.

Never-Utopia

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
    FémininAge : 17Message(s) : 160
    Neya
    le Dim 31 Jan 2016 - 12:02
    Merci
    FémininAge : 27Message(s) : 15
    abitbol
    le Lun 1 Fév 2016 - 22:35
    merci !! :cow:
    MasculinAge : 24Message(s) : 41
    Magico
    le Mer 3 Fév 2016 - 16:15
    Merci beaucoup
    FémininAge : 26Message(s) : 143
    Patdrue
    le Sam 13 Fév 2016 - 23:50
    Un merci pour voir, le lien d'exemple étant mort TT
    FémininAge : 22Message(s) : 68
    megb59
    le Mer 17 Fév 2016 - 15:54
    Come je suis une curieuse j'aimerai bien voir le code pour voir ce que ça donne! Merci à toi d'avoir pris le tmps de le faire :)
    FémininAge : 33Message(s) : 40
    miss69
    le Dim 6 Mar 2016 - 2:49
    L'image n'est plus visible mais le tuto m'interesse :p

    Merciiii
    FémininAge : 29Message(s) : 52

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Zelena
    le Dim 13 Mar 2016 - 15:18
    Merci!
    FémininAge : 21Message(s) : 45
    Raela
    le Dim 13 Mar 2016 - 18:34
    Merci beaucoup pour le partage ! :hug:
    FémininAge : 33Message(s) : 82
    Kitket
    le Sam 19 Mar 2016 - 9:33
    MErci
    FémininAge : 19Message(s) : 23
    Ykhar
    le Mer 6 Avr 2016 - 0:34
    Merci ♥
    MasculinAge : 48Message(s) : 147
    Coco-Lapin02
    le Dim 10 Avr 2016 - 10:41
    Merci
    FémininAge : 16Message(s) : 58
    Madness of Wonderland
    le Dim 10 Avr 2016 - 13:56
    merci
    MasculinAge : 18Message(s) : 24
    Manwin
    le Ven 29 Avr 2016 - 15:44
    Merci beaucoup !
    FémininAge : 19Message(s) : 31
    Hopefox
    le Ven 29 Avr 2016 - 16:49
    merci bien pour le partage ! Juste, l'image montrant l'exemple ne marche pas/ plus ^^'
    FémininAge : 16Message(s) : 15
    Iyokan
    le Ven 29 Avr 2016 - 18:55
    Merci!^^
    FémininAge : 21Message(s) : 47
    Rebekaah
    le Ven 29 Avr 2016 - 19:16
    Merchiii
    FémininAge : 16Message(s) : 98
    Heartfilia
    le Sam 7 Mai 2016 - 17:16
    merci


    YOU HELLA SAVED MY LIFE
    - chloe price
    MasculinAge : 14Message(s) : 51
    Nyroc
    le Dim 22 Mai 2016 - 10:21
    merci ^^


    FémininAge : 19Message(s) : 125
    Tria
    le Jeu 2 Juin 2016 - 17:51
    Merci !


    "Tomber est permis, se relever est ordonné."
    FémininAge : 20Message(s) : 121

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Isalia
    le Mer 15 Juin 2016 - 13:22
    Merci ♥
    FémininAge : 22Message(s) : 50
    witm
    le Mer 15 Juin 2016 - 22:52
    merci :)
    FémininAge : 18Message(s) : 39
    Précyounette
    le Dim 19 Juin 2016 - 3:06
    Thanks
    MasculinAge : 17Message(s) : 72
    Pelezinho
    le Mer 22 Juin 2016 - 2:41
    merciiii !!


    [MERCI D'INTRODUIRE SIGNATURE ORIGINALE ICI]
    MasculinAge : 21Message(s) : 66
    Serom
    le Mer 13 Juil 2016 - 21:44
    Merci pour ce code c:
    MasculinAge : 21Message(s) : 66
    Serom
    le Mer 13 Juil 2016 - 21:44
    Merci pour ce code c:
    Contenu sponsorisé
    Aujourd'hui à 7:06

      La date/heure actuelle est Dim 4 Déc 2016 - 7:06