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
    Kendall
    FémininAge : 25Messages : 117

    le Mar 1 Jan 2013 - 14:14

    Merci =D




    avatar
    Jigsaw.
    FémininAge : 26Messages : 19

    le Mar 1 Jan 2013 - 23:19

    merci pour le partage :)
    avatar
    Teseu
    MasculinAge : 22Messages : 54

    le Sam 5 Jan 2013 - 0:51

    Merci
    avatar
    Heine06
    FémininAge : 37Messages : 56

    le Sam 5 Jan 2013 - 3:58

    Merci pour le tutoriel !
    avatar
    Nero Brigh
    MasculinAge : 33Messages : 85

    le Dim 6 Jan 2013 - 14:09

    Merci merci!
    avatar
    Dydy
    FémininAge : 27Messages : 490

    le Jeu 10 Jan 2013 - 21:41

    merci du partage!



    avatar
    ladybr
    FémininAge : 27Messages : 45

    le Sam 12 Jan 2013 - 5:36

    merci
    avatar
    Kriisten25
    FémininAge : 24Messages : 190

    le Sam 12 Jan 2013 - 13:48

    Ah ça c'est super :) !

    Merci beaucoup !



    ∞ LONDON & TEAM ROBSTEN ♥.
    • 0n prend de mauvaises habitudes en parlant quotidiennement au gens, on s'attache vite sans s'apercevoir que l'on va tomber de haut & souffrir. Quand la personne vous laisse tomber, on se rend compte à quel point elle est importante & on regrette de s'être attaché. Au final; ce ne sont que regrets & souffrance que l'on récolte. 0n a beau dire ce que l'on veut, l'attachement est une absurdité, une incitation à la douleur. hellsangels.
    avatar
    tatous32
    FémininAge : 21Messages : 29

    le Sam 12 Jan 2013 - 22:15

    J'adore, franchement, et le smiley tongue
    avatar
    Ekko
    FémininAge : 20Messages : 5

    le Dim 13 Jan 2013 - 2:00

    Ha, le voilà le fameux effet sympa que je cherche depuis tout ce temps. x) Merci du partage !
    avatar
    Edward Speleers
    FémininAge : 29Messages : 452

    le Dim 13 Jan 2013 - 15:49

    Super intéressant, merci beaucoup :)



    avatar
    Rauperodinde
    MasculinAge : 24Messages : 18

    le Lun 14 Jan 2013 - 20:00

    MERCI



    avatar
    shala
    FémininAge : 25Messages : 213

    le Lun 14 Jan 2013 - 20:02

    merci



    avatar
    Zeloo
    FémininAge : 21Messages : 65

    le Ven 18 Jan 2013 - 15:36

    Merci beaucoup ^^



    avatar
    pomme-kiwi
    FémininAge : 30Messages : 99

    le Ven 18 Jan 2013 - 15:59

    Merci!




    ¤¤
    avatar
    Sayuri
    FémininAge : 24Messages : 18

    le Ven 18 Jan 2013 - 20:19

    merci pour le tuto; j'ai mes infos de profil actuellement en afficher/masquer sur mon fo' en clique et je je voulais justement que ces infos n'apparaissent pas brusquement mais en déroulant donc je vais essayer si ça marche avec toutes les infos et pas seulement avec les feuilles de personnage :)
    avatar
    TheDrakLord
    MasculinAge : 21Messages : 54

    le Sam 19 Jan 2013 - 16:25

    Merci



    avatar
    Arwena
    FémininAge : 26Messages : 4

    le Sam 19 Jan 2013 - 18:31

    Merci beaucoup =)
    avatar
    Cissy
    FémininAge : 25Messages : 63

    le Sam 19 Jan 2013 - 20:07

    Merci! Razz
    avatar
    Nessaleth
    FémininAge : 26Messages : 52

    le Sam 19 Jan 2013 - 20:48

    Génial, merci!
    avatar
    rapture
    FémininAge : 24Messages : 6

    le Mar 22 Jan 2013 - 4:21

    superbe merci beaucoup Very Happy
    avatar
    Harry.P
    MasculinAge : 20Messages : 9

    le Mar 22 Jan 2013 - 21:12

    qsdfghj
    avatar
    Arrogant Mischief
    MasculinAge : 22Messages : 70

    le Ven 25 Jan 2013 - 22:09

    Merci pour ce tuto !



    JulienAzazel's
    MasculinAge : 29Messages : 34

    le Sam 26 Jan 2013 - 20:37

    merci



    avatar
    Amber's
    FémininAge : 17Messages : 155

    le Mar 29 Jan 2013 - 18:06

    Merci
    Contenu sponsorisé


      La date/heure actuelle est Lun 20 Nov 2017 - 22:20