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 : 22Messages : 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'exemple

    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


    Code:
    .forumlink
    {
    Vos personnalisations
    }
    .

    On y ajoute les propriétés suivantes:

    Code:
    display: block;
      color: red; /* Couleur de départ */
    text-align: left;
    transition: all 1s; /* Durée de la transition, mettez les mêmes valeurs partout, ça sera plus facile */
    -moz-transition: all 1s;
    -webkit-transition: all 1s;


    Maintenant, on passe au a.forumlink:hover, à rajouter dans la feuille CSS.

    Code:
    a.forumlink:hover
    {
      color: green; /* Couleur d'arrivée */
      margin-left: 15px; /* Décalement ( nombre de px à décaler pour l'arrivée)*/
    transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    }
    Voilà voilà :) Merci à Taktiik pour l'aide aussi ^^

    Vos commentaires et remerciements sont toujours bienvenus ^^
    Si vous avez des problèmes avec ce LS, venez poster ici.


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



    avatar
    Hazielle
    FémininAge : 26Messages : 17

    le Lun 21 Juil 2014 - 22:38

    Merci! =3
    avatar
    >> Chiro <<
    MasculinAge : 26Messages : 83

    le Jeu 31 Juil 2014 - 9:17

    merci
    avatar
    Immortaly
    FémininAge : 17Messages : 10

    le Dim 3 Aoû 2014 - 22:38

    :friends: MERCI
    avatar
    Riten
    MasculinAge : 20Messages : 30

    le Jeu 14 Aoû 2014 - 2:32

    merci
    avatar
    Bzzzz
    FémininAge : 34Messages : 86

    le Jeu 14 Aoû 2014 - 13:49

    Très Joli Merci du partage
    avatar
    Merwyn Arehdel
    FémininAge : 18Messages : 298

    le Jeu 14 Aoû 2014 - 15:59

    Merci o/



    Just want to be yours.
    avatar
    KimmyKinder
    FémininAge : 17Messages : 181

    le Dim 17 Aoû 2014 - 11:33

    Merci
    avatar
    Zappy
    FémininAge : 18Messages : 55

    le Dim 17 Aoû 2014 - 21:49

    Merxci
    avatar
    Mephitis.
    FémininAge : 20Messages : 46

    le Dim 17 Aoû 2014 - 23:42

    Merci, je cherchais justement **
    avatar
    Poké_Eievui
    MasculinAge : 17Messages : 34

    le Sam 30 Aoû 2014 - 15:17

    Merci
    avatar
    mikalus
    MasculinAge : 47Messages : 92

    le Mar 2 Sep 2014 - 23:31

    +1



    avatar
    .lovely
    FémininAge : 21Messages : 54

    le Mer 1 Oct 2014 - 12:23

    j'aime
    avatar
    Haveria
    FémininAge : 18Messages : 3

    le Mar 28 Oct 2014 - 12:29

    Merci
    avatar
    Morgi6315
    FémininAge : 22Messages : 35

    le Mer 29 Oct 2014 - 10:24

    Merci
    avatar
    Kovu
    FémininAge : 17Messages : 254

    le Mer 29 Oct 2014 - 13:36

    Merci !



    Alysanne
    FémininAge : 32Messages : 49

    le Dim 2 Nov 2014 - 19:39

    Merci pour l'astuce ! :)
    avatar
    Pokebip
    MasculinAge : 20Messages : 69

    le Jeu 6 Nov 2014 - 8:08

    merci!
    avatar
    patriciadpt30
    FémininAge : 55Messages : 240

    le Mar 18 Nov 2014 - 23:10

    merci pour le partage



    Patricia :)
    avatar
    Mangédéfruiélégumeuh
    MasculinAge : 21Messages : 83

    le Mer 19 Nov 2014 - 17:56

    Merci :)
    avatar
    Hanako-chan
    FémininAge : 17Messages : 33

    le Mar 25 Nov 2014 - 18:05

    Arigato :)
    avatar
    Tyra'
    MasculinAge : 23Messages : 87

    le Mer 26 Nov 2014 - 0:12

    Bravo magnifique travail!



    avatar
    Kora
    FémininAge : 16Messages : 45

    le Dim 30 Nov 2014 - 19:07

    Merci
    avatar
    Kau
    FémininAge : 16Messages : 148

    le Lun 1 Déc 2014 - 18:07

    Merci :
    avatar
    kyoichii
    MasculinAge : 24Messages : 32

    le Sam 6 Déc 2014 - 10:31

    merci!
    avatar
    kyoichii
    MasculinAge : 24Messages : 32

    le Sam 6 Déc 2014 - 11:17

    merci!
    Contenu sponsorisé


      La date/heure actuelle est Ven 19 Oct 2018 - 17:02