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
    Garunzo
    MasculinAge : 18Messages : 36

    le Jeu 1 Jan 2015 - 17:43

    Merci
    avatar
    louchielulue
    FémininAge : 26Messages : 32

    le Lun 19 Jan 2015 - 11:32

    merci
    avatar
    LadyAither
    FémininAge : 22Messages : 44

    le Lun 19 Jan 2015 - 14:50

    Merci pour ce partage :3
    avatar
    Lessyen
    FémininAge : 18Messages : 53

    le Mer 21 Jan 2015 - 15:30

    Merci ^^
    avatar
    Noruenu
    FémininAge : 24Messages : 119

    le Mar 27 Jan 2015 - 0:55

      Merci ! :B
    avatar
    Shadaan
    FémininAge : 24Messages : 78

    le Ven 27 Fév 2015 - 21:25

    Merci <3



    avatar
    Isiiis
    FémininAge : 23Messages : 39

    le Sam 14 Mar 2015 - 12:49

    Très bonne idée de code, merci beaucoup <3
    avatar
    Akiro
    FémininAge : 24Messages : 54

    le Dim 22 Mar 2015 - 23:22

    Très pratique, merci!
    avatar
    M.T
    FémininAge : 27Messages : 53

    le Dim 29 Mar 2015 - 21:12

    Merci =)
    avatar
    Phoenix Elen
    FémininAge : 22Messages : 92

    le Dim 5 Avr 2015 - 11:05

    Oh c'est super ça !
    Cela permet de rendre le profil plus esthétique dans les RP !
    Merci beaucoup !



    avatar
    TUC
    FémininAge : 29Messages : 103

    le Lun 6 Avr 2015 - 18:12

    merci :)



    avatar
    Akiyuki
    MasculinAge : 18Messages : 89

    le Mar 7 Avr 2015 - 19:44

    Merci beaucoup !
    avatar
    Requiem
    MasculinAge : 24Messages : 20

    le Sam 18 Avr 2015 - 15:13

    Merci
    avatar
    Mecat
    FémininAge : 28Messages : 55

    le Lun 18 Mai 2015 - 10:33

    merci bien Very Happy



    avatar
    Kimirsu Anko
    MasculinAge : 16Messages : 87

    le Mar 2 Juin 2015 - 12:43

    merci !
    avatar
    ATHENA.
    FémininAge : 20Messages : 31

    le Dim 12 Juil 2015 - 17:59

    Hey ! Merci beaucoup !
    avatar
    Khouro13
    FémininAge : 18Messages : 208

    le Dim 9 Aoû 2015 - 8:32

    Merci !



    avatar
    Kelalin
    FémininAge : 24Messages : 1461

    le Dim 9 Aoû 2015 - 11:32

    Merci ⊂((・▽・))⊃
    avatar
    NanoiHime
    FémininAge : 18Messages : 515

    le Sam 29 Aoû 2015 - 21:18

    merci





    avatar
    Soupy
    FémininAge : 21Messages : 23

    le Lun 14 Sep 2015 - 17:14

    Super, merci pour le partage !
    avatar
    Zoé
    FémininAge : 17Messages : 175

    le Mar 22 Sep 2015 - 9:26

    merci :)



    avatar
    Ombinou
    FémininAge : 22Messages : 104

    le Mar 22 Sep 2015 - 17:33

    Merci beaucoup.
    avatar
    pawnee
    FémininAge : 27Messages : 21

    le Jeu 15 Oct 2015 - 21:24

    c'est exactement ce que je cherchais à reproduire pour mes profils! merci beaucoup!
    avatar
    Melaly
    FémininAge : 22Messages : 88

    le Sam 26 Déc 2015 - 14:41

    Le lien ne marche pas, mais du coup, je suis curieuse de voir le résultat
    Merci pour le partage !
    avatar
    Laluna
    FémininAge : 22Messages : 70

    le Mar 29 Déc 2015 - 22:43

    Mercii ! :)
    Contenu sponsorisé


      La date/heure actuelle est Jeu 30 Mar 2017 - 18:28