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 2012 - 18: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 2012 - 19:44, édité 3 fois



    avatar
    Skyleen
    FémininAge : 25Messages : 476

    le Jeu 24 Mai 2012 - 16:20

    Merci



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

    le Dim 3 Juin 2012 - 4:28

    L'effet est mortel ! Merci !



    :friends:
    avatar
    vic_le_faucheur
    MasculinAge : 23Messages : 764

    le Dim 3 Juin 2012 - 12: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 : 31Messages : 139

    le Mer 6 Juin 2012 - 3:12

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

    le Sam 9 Juin 2012 - 16:17

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



    avatar
    Shirabi
    MasculinAge : 21Messages : 47

    le Sam 9 Juin 2012 - 16:28

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

    le Lun 11 Juin 2012 - 10:40

    Merci :)



    avatar
    Mzelle Machin
    FémininMessages : 118

    le Lun 11 Juin 2012 - 21:02

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

    le Mar 12 Juin 2012 - 14:11

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

    le Jeu 14 Juin 2012 - 10:24

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

    le Sam 16 Juin 2012 - 20:31

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

    le Ven 22 Juin 2012 - 21:25

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

    le Dim 24 Juin 2012 - 12:31

    Merci beaucouuup *O*



    avatar
    Celska
    FémininAge : 22Messages : 37

    le Dim 24 Juin 2012 - 14:11

    Sunkyou !!



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

    le Lun 25 Juin 2012 - 15:18

    mERCI !
    avatar
    Vorn
    MasculinAge : 21Messages : 2342

    le Lun 25 Juin 2012 - 15:32

    De rien ^^



    avatar
    Milkshake
    FémininAge : 18Messages : 29

    le Mar 26 Juin 2012 - 20:35

    Merci
    avatar
    Killike
    FémininAge : 23Messages : 33

    le Mar 26 Juin 2012 - 23:05

    oh merci pour ce tuto! =)



    avatar
    Imperatif
    MasculinAge : 23Messages : 38

    le Mer 27 Juin 2012 - 21:36

    Merci :)
    avatar
    servity
    MasculinAge : 46Messages : 82

    le Jeu 28 Juin 2012 - 10:57

    merci beaucoup



    avatar
    L*
    FémininAge : 23Messages : 44

    le Jeu 28 Juin 2012 - 15:06

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

    le Jeu 28 Juin 2012 - 20:19

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

    le Jeu 28 Juin 2012 - 20:26

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

    le Lun 2 Juil 2012 - 12: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 2012 - 13:09

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


      La date/heure actuelle est Lun 26 Fév 2018 - 4:22