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.


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

    Partagez
    MasculinAge : 19Message(s) : 2342

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Vorn
    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


    FémininAge : 24Message(s) : 476

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Skyleen
    le Jeu 24 Mai 2012 - 16:20
    Merci


    2013 ▬
    Commandes en cours : 0    ▬ Commandes finis : 2
    FémininAge : 24Message(s) : 24
    Mymz
    le Dim 3 Juin 2012 - 4:28
    L'effet est mortel ! Merci !


    :friends:
    MasculinAge : 22Message(s) : 764
    vic_le_faucheur
    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à ^^
    FémininAge : 29Message(s) : 138
    Miss Volchok
    le Mer 6 Juin 2012 - 3:12
    Voyons voir, merci.
    MasculinAge : 19Message(s) : 2342

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Vorn
    le Sam 9 Juin 2012 - 16:17
    Vic < Très bonne idée ! =)


    MasculinAge : 20Message(s) : 47
    Shirabi
    le Sam 9 Juin 2012 - 16:28
    Merci encore à vous =D
    MasculinAge : 23Message(s) : 30
    Sheelal
    le Lun 11 Juin 2012 - 10:40
    Merci :)


    FémininMessage(s) : 118

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Mzelle Machin
    le Lun 11 Juin 2012 - 21:02
    Merci =)
    FémininAge : 23Message(s) : 17
    Metamorphe
    le Mar 12 Juin 2012 - 14:11
    Merci ! Very Happy
    FémininAge : 22Message(s) : 37
    Hiroshina
    le Jeu 14 Juin 2012 - 10:24
    Merci (:
    FémininAge : 17Message(s) : 427
    K'Aya
    le Sam 16 Juin 2012 - 20:31
    Merci d'avance pour cette astuce :)
    FémininAge : 71Message(s) : 12
    bubble82
    le Ven 22 Juin 2012 - 21:25
    Super tuto (: merci ♥
    FémininAge : 23Message(s) : 80
    Ju' de fruits
    le Dim 24 Juin 2012 - 12:31
    Merci beaucouuup *O*


    FémininAge : 21Message(s) : 37

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Celska
    le Dim 24 Juin 2012 - 14:11
    Sunkyou !!


    NORTH WITCH ♒
    image de l'avatar par Fernanda Suarez (c)
    FémininAge : 17Message(s) : 90
    Aureeliie
    le Lun 25 Juin 2012 - 15:18
    mERCI !
    MasculinAge : 19Message(s) : 2342

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Vorn
    le Lun 25 Juin 2012 - 15:32
    De rien ^^


    FémininAge : 17Message(s) : 29
    Milkshake
    le Mar 26 Juin 2012 - 20:35
    Merci
    FémininAge : 22Message(s) : 33
    Killike
    le Mar 26 Juin 2012 - 23:05
    oh merci pour ce tuto! =)


    MasculinAge : 22Message(s) : 38
    Imperatif
    le Mer 27 Juin 2012 - 21:36
    Merci :)
    MasculinAge : 44Message(s) : 80
    servity
    le Jeu 28 Juin 2012 - 10:57
    merci beaucoup


    FémininAge : 22Message(s) : 44
    L*
    le Jeu 28 Juin 2012 - 15:06
    Merci beaucoup pour le partage :)
    FémininAge : 21Message(s) : 28
    3uphemia
    le Jeu 28 Juin 2012 - 20:19
    Merci Captain :)
    FémininAge : 21Message(s) : 28
    3uphemia
    le Jeu 28 Juin 2012 - 20:26
    Merciii Wink
    FémininAge : 16Message(s) : 14
    Moony
    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.  »
    FémininAge : 16Message(s) : 14
    Minow
    le Lun 2 Juil 2012 - 13:09
    Merci Wink I want to see that now x)
    Contenu sponsorisé
    Aujourd'hui à 7:00

      La date/heure actuelle est Jeu 29 Sep 2016 - 7:00