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.


    [CSS] Hover (défilement bref) sur les noms catégories et forums

    Partagez
    avatar
    Vorn
    MasculinAge : 21Messages : 2342

    le Lun 26 Mar - 16:40

    Rappel du premier message :

    Bonjour ^^ Grâce à un petit bidouillage, et à la finition de notre codeur préféré Taktiik, je peux vous dévoiler cette astuce ^^ qui donnera:

    Ici l'éxemple

    Si vous ne l'avez pas encore compris, il s'agit du titre de forum ( ou catégorie ) qui glisse quand la souris passe dessus.

    Donc déjà, ce qu'il faut savoir, c'est que c'est le «:hover » qui va permettre cette astuce, accompagné d'une modification du .forumlink. On commence par prendre la partie

    Postez un message si vous voulez voir l'astuce ^^


    Voilà voilà :) Merci à Taktiik pour l'aide aussi ^^


    Dernière édition par Winst le Mer 25 Avr - 17:44, édité 3 fois



    avatar
    Skyleen
    FémininAge : 25Messages : 476

    le Jeu 24 Mai - 14:20

    Merci



    2013 ▬
    Commandes en cours : 0    ▬ Commandes finis : 2
    avatar
    Mymz
    FémininAge : 25Messages : 24

    le Dim 3 Juin - 2:28

    L'effet est mortel ! Merci !



    :friends:
    avatar
    vic_le_faucheur
    MasculinAge : 23Messages : 764

    le Dim 3 Juin - 10:25

    Salut,

    Bonne idée ce tuto.

    Par contre je vais émettre une petite remarque =).
    Les effets au survol, il faut les utiliser avec soin car ça peux vite devenir pénible (c'est pas le cas ici), ou alors ça peux faire des truc assez énervant (c'est le cas ici ^^).
    En l’occurrence, si on place la souris vers le début du titre, le titre se déplace, puis dépasse le curseur, il revient alors en arrière et retourne sur le curseur, ce qui donne des allez-retours sans fin très désagréables.
    Il faudrait mettre le titre dans une division ("div"), qui prenne toute la place et lorsque celle ci est survolée, on décale le titre. Ca permettrais de résoudre ce problème.

    Voilà voilà ^^

    avatar
    Miss Volchok
    FémininAge : 30Messages : 139

    le Mer 6 Juin - 1:12

    Voyons voir, merci.
    avatar
    Vorn
    MasculinAge : 21Messages : 2342

    le Sam 9 Juin - 14:17

    Vic < Très bonne idée ! =)



    avatar
    Shirabi
    MasculinAge : 21Messages : 47

    le Sam 9 Juin - 14:28

    Merci encore à vous =D
    avatar
    Sheelal
    MasculinAge : 25Messages : 30

    le Lun 11 Juin - 8:40

    Merci :)



    avatar
    Mzelle Machin
    FémininMessages : 118

    le Lun 11 Juin - 19:02

    Merci =)
    avatar
    Metamorphe
    FémininAge : 24Messages : 17

    le Mar 12 Juin - 12:11

    Merci ! Very Happy
    avatar
    Hiroshina
    FémininAge : 23Messages : 37

    le Jeu 14 Juin - 8:24

    Merci (:
    avatar
    K'Aya
    FémininAge : 18Messages : 427

    le Sam 16 Juin - 18:31

    Merci d'avance pour cette astuce :)
    avatar
    bubble82
    FémininAge : 72Messages : 12

    le Ven 22 Juin - 19:25

    Super tuto (: merci ♥
    avatar
    Ju' de fruits
    FémininAge : 24Messages : 82

    le Dim 24 Juin - 10:31

    Merci beaucouuup *O*



    avatar
    Celska
    FémininAge : 22Messages : 37

    le Dim 24 Juin - 12:11

    Sunkyou !!



    NORTH WITCH ♒
    image de l'avatar par Fernanda Suarez (c)
    avatar
    Aureeliie
    FémininAge : 18Messages : 90

    le Lun 25 Juin - 13:18

    mERCI !
    avatar
    Vorn
    MasculinAge : 21Messages : 2342

    le Lun 25 Juin - 13:32

    De rien ^^



    avatar
    Milkshake
    FémininAge : 18Messages : 29

    le Mar 26 Juin - 18:35

    Merci
    avatar
    Killike
    FémininAge : 23Messages : 33

    le Mar 26 Juin - 21:05

    oh merci pour ce tuto! =)



    avatar
    Imperatif
    MasculinAge : 23Messages : 38

    le Mer 27 Juin - 19:36

    Merci :)
    avatar
    servity
    MasculinAge : 45Messages : 82

    le Jeu 28 Juin - 8:57

    merci beaucoup



    avatar
    L*
    FémininAge : 23Messages : 44

    le Jeu 28 Juin - 13:06

    Merci beaucoup pour le partage :)
    avatar
    3uphemia
    FémininAge : 22Messages : 28

    le Jeu 28 Juin - 18:19

    Merci Captain :)
    avatar
    3uphemia
    FémininAge : 22Messages : 28

    le Jeu 28 Juin - 18:26

    Merciii Wink
    avatar
    Moony
    FémininAge : 17Messages : 14

    le Lun 2 Juil - 10:11

    Merci beaucoup pour l'astuce, ça rend bien !



    « La vie est un mystère qu'il faut vivre, et non un problème à résoudre.  »
    avatar
    Minow
    FémininAge : 17Messages : 14

    le Lun 2 Juil - 11:09

    Merci Wink I want to see that now x)
    Contenu sponsorisé


      La date/heure actuelle est Mer 22 Nov - 12:43