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
    Lexa
    FémininAge : 20Messages : 43

    le Mar 5 Mar 2013 - 1:53

    Oh oui je veux bien, merci beaucoup de te donner tant de mal !
    Effectivement, vu qu'il est en construction il est... très blanc ! :)
    Et bien envois moi un MP que je te passe administrateur le temps que tu règle mon problème ! :) (Merciiii)
    avatar
    Invité

    le Mar 5 Mar 2013 - 2:26

    Problème résolu Wink Bonne continuation à toi ♥

    (Ne pas oublier de rendre les champs de votre feuille de personnage visibles sur vos forums en cochant la case adéquate Razz)
    avatar
    Sakura Sumeragi
    FémininAge : 26Messages : 62

    le Jeu 7 Mar 2013 - 14:24

    Merci du partage =)
    avatar
    Toupimero
    FémininAge : 56Messages : 56

    le Sam 9 Mar 2013 - 17:55

    Hanw, merci de nous partager ton grand savoir :3
    avatar
    Invité

    le Sam 9 Mar 2013 - 19:36

    lol De rien, c'est vraiment pas compliqué =P
    avatar
    Lena
    FémininAge : 26Messages : 100

    le Lun 11 Mar 2013 - 9:52

    Pile poil ce que je cherchais e.e Merci du partage =D





    Merci a Kazuya pour son kit =)
    avatar
    Tchi
    FémininAge : 24Messages : 40

    le Dim 17 Mar 2013 - 13:08

    Merci pour ce tuto ♥
    avatar
    Asphodèle
    FémininAge : 28Messages : 11

    le Dim 17 Mar 2013 - 16:31

    Merci beaucoup =)
    avatar
    Ryuu
    FémininAge : 23Messages : 61

    le Lun 18 Mar 2013 - 10:48

    Merci :3



    avatar
    Euterpe
    FémininAge : 30Messages : 265

    le Jeu 21 Mar 2013 - 19:29

    merci
    avatar
    lala zhang
    FémininAge : 26Messages : 326

    le Ven 22 Mar 2013 - 23:25

    Merci pour ce tuto, il est génial.
    avatar
    Depp
    FémininAge : 25Messages : 297

    le Dim 24 Mar 2013 - 16:50

    Merci bien :)



    avatar
    Rainbow Dash
    FémininAge : 18Messages : 52

    le Dim 24 Mar 2013 - 19:51

    Merci :3
    avatar
    Newteen
    FémininAge : 27Messages : 27

    le Mer 27 Mar 2013 - 0:56

    Merci !
    avatar
    Asaliah
    FémininAge : 31Messages : 120

    le Ven 29 Mar 2013 - 9:19

    Merci du partage :)



    avatar
    Koalz
    FémininAge : 22Messages : 101

    le Ven 29 Mar 2013 - 19:22

    Super merci !



    avatar
    Souky Mitsu
    FémininAge : 26Messages : 99

    le Mar 2 Avr 2013 - 1:23

    Merci ! ^_^ Je recherchais ce code haha ! Very Happy
    avatar
    didoum
    MasculinAge : 31Messages : 92

    le Ven 5 Avr 2013 - 21:35

    Merci pour ce partage. ^^



    avatar
    Invité

    le Ven 5 Avr 2013 - 21:38

    No problemo Wink
    avatar
    Tyra'
    MasculinAge : 21Messages : 87

    le Ven 5 Avr 2013 - 21:50

    interessant !



    avatar
    nairon
    FémininAge : 27Messages : 37

    le Dim 7 Avr 2013 - 16:07

    Merci :)
    avatar
    Aurore13
    FémininAge : 28Messages : 43

    le Lun 8 Avr 2013 - 13:33

    Cela promet de se révéler intéressant <3

    J'avais une simple question, peut-on également mettre les infos sur le membre comme le nombre de messages à l'intérieur du déroulant?
    avatar
    July05
    FémininAge : 24Messages : 31

    le Mer 10 Avr 2013 - 14:05

    Merci
    avatar
    Invité

    le Mer 10 Avr 2013 - 15:22

    Aurore13 : Oui, c'est possible =) Il suffit de rajouter les variables correspondantes avec celle de la feuille
    Code:
    {postrow.displayed.POSTER_RPG}

    Et d'adapter le CSS évidement car il aura plus de choses à découvrir donc il devra être plus long et ça se contrôle avec la valeur "height" x)
    avatar
    Arthuragon
    MasculinAge : 19Messages : 61

    le Jeu 11 Avr 2013 - 8:01

    Post
    Contenu sponsorisé


      La date/heure actuelle est Mer 29 Mar 2017 - 7:21