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 : 24Message(s) : 117
    Kendall
    le Mar 1 Jan 2013 - 14:14
    Merci =D



    FémininAge : 25Message(s) : 17
    Jigsaw.
    le Mar 1 Jan 2013 - 23:19
    merci pour le partage :)
    MasculinAge : 21Message(s) : 54
    Teseu
    le Sam 5 Jan 2013 - 0:51
    Merci
    FémininAge : 36Message(s) : 44
    Heine06
    le Sam 5 Jan 2013 - 3:58
    Merci pour le tutoriel !
    MasculinAge : 32Message(s) : 85
    Nero Brigh
    le Dim 6 Jan 2013 - 14:09
    Merci merci!
    FémininAge : 26Message(s) : 472

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Dydy
    le Jeu 10 Jan 2013 - 21:41
    merci du partage!


    FémininAge : 26Message(s) : 45
    ladybr
    le Sam 12 Jan 2013 - 5:36
    merci
    FémininAge : 23Message(s) : 190
    Kriisten25
    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.
    FémininAge : 20Message(s) : 29
    tatous32
    le Sam 12 Jan 2013 - 22:15
    J'adore, franchement, et le smiley tongue
    FémininAge : 19Message(s) : 5
    Ekko
    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 !
    FémininAge : 28Message(s) : 332
    Edward Speleers
    le Dim 13 Jan 2013 - 15:49
    Super intéressant, merci beaucoup :)


    MasculinAge : 23Message(s) : 18
    Rauperodinde
    le Lun 14 Jan 2013 - 20:00
    MERCI


    FémininAge : 24Message(s) : 213
    shala
    le Lun 14 Jan 2013 - 20:02
    merci


    FémininAge : 20Message(s) : 64
    Zeloo
    le Ven 18 Jan 2013 - 15:36
    Merci beaucoup ^^


    FémininAge : 29Message(s) : 99
    pomme-kiwi
    le Ven 18 Jan 2013 - 15:59
    Merci!



    ¤¤
    FémininAge : 24Message(s) : 18
    Sayuri
    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 :)
    MasculinAge : 20Message(s) : 54
    TheDrakLord
    le Sam 19 Jan 2013 - 16:25
    Merci


    FémininAge : 25Message(s) : 4
    Arwena
    le Sam 19 Jan 2013 - 18:31
    Merci beaucoup =)
    FémininAge : 24Message(s) : 63
    Cissy
    le Sam 19 Jan 2013 - 20:07
    Merci! Razz
    FémininAge : 25Message(s) : 52
    Nessaleth
    le Sam 19 Jan 2013 - 20:48
    Génial, merci!
    FémininAge : 23Message(s) : 6
    rapture
    le Mar 22 Jan 2013 - 4:21
    superbe merci beaucoup Very Happy
    MasculinAge : 19Message(s) : 9
    Harry.P
    le Mar 22 Jan 2013 - 21:12
    qsdfghj
    MasculinAge : 21Message(s) : 70
    Arrogant Mischief
    le Ven 25 Jan 2013 - 22:09
    Merci pour ce tuto !


    MasculinAge : 28Message(s) : 34
    JulienAzazel's
    le Sam 26 Jan 2013 - 20:37
    merci


    FémininAge : 16Message(s) : 151
    Amber's
    le Mar 29 Jan 2013 - 18:06
    Merci
    Contenu sponsorisé
    Aujourd'hui à 7:06

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