AccueilDernières imagesRechercherS'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.

Le deal à ne pas rater :
Nike : Jusqu’à 50% sur les articles de fin de saison
Voir le deal

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

    Vorn
    Vorn
    MasculinAge : 27Messages : 2342

    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



    [CSS] Hover (défilement bref) sur les noms catégories et forums  - Page 21 JGBUOP6
    Hazielle
    Hazielle
    FémininAge : 31Messages : 17

    Lun 21 Juil 2014 - 22:38

    Merci! =3
    >> Chiro <<
    >> Chiro <<
    MasculinAge : 31Messages : 83

    Jeu 31 Juil 2014 - 9:17

    merci
    Immortaly
    Immortaly
    FémininAge : 23Messages : 10

    Dim 3 Aoû 2014 - 22:38

    :friends: MERCI
    Riten
    Riten
    MasculinAge : 25Messages : 30

    Jeu 14 Aoû 2014 - 2:32

    merci
    Bzzzz
    Bzzzz
    FémininAge : 39Messages : 88

    Jeu 14 Aoû 2014 - 13:49

    Très Joli Merci du partage
    Merwyn Arehdel
    Merwyn Arehdel
    FémininAge : 24Messages : 304

    Jeu 14 Aoû 2014 - 15:59

    Merci o/



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

    Dim 17 Aoû 2014 - 11:33

    Merci
    Zappy
    Zappy
    FémininAge : 24Messages : 56

    Dim 17 Aoû 2014 - 21:49

    Merxci
    Mephitis.
    Mephitis.
    FémininAge : 26Messages : 46

    Dim 17 Aoû 2014 - 23:42

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

    Sam 30 Aoû 2014 - 15:17

    Merci
    mikalus
    mikalus
    MasculinAge : 53Messages : 92

    Mar 2 Sep 2014 - 23:31

    +1



    [CSS] Hover (défilement bref) sur les noms catégories et forums  - Page 21 766500banpub
    .lovely
    .lovely
    FémininAge : 26Messages : 54

    Mer 1 Oct 2014 - 12:23

    j'aime
    Haveria
    Haveria
    FémininAge : 24Messages : 3

    Mar 28 Oct 2014 - 12:29

    Merci
    Morgi6315
    Morgi6315
    FémininAge : 27Messages : 35

    Mer 29 Oct 2014 - 10:24

    Merci
    Kovu
    Kovu
    FémininAge : 22Messages : 257

    Mer 29 Oct 2014 - 13:36

    Merci !
    avatar
    Alysanne
    FémininAge : 37Messages : 49

    Dim 2 Nov 2014 - 19:39

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

    Jeu 6 Nov 2014 - 8:08

    merci!
    patriciadpt30
    patriciadpt30
    FémininAge : 61Messages : 240

    Mar 18 Nov 2014 - 23:10

    merci pour le partage



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

    Mer 19 Nov 2014 - 17:56

    Merci :)
    Hanako-chan
    Hanako-chan
    FémininAge : 22Messages : 33

    Mar 25 Nov 2014 - 18:05

    Arigato :)
    Tyra'
    Tyra'
    MasculinAge : 28Messages : 87

    Mer 26 Nov 2014 - 0:12

    Bravo magnifique travail!



    [CSS] Hover (défilement bref) sur les noms catégories et forums  - Page 21 Sans_t11
    Kora
    Kora
    FémininAge : 22Messages : 45

    Dim 30 Nov 2014 - 19:07

    Merci
    Kau
    Kau
    FémininAge : 22Messages : 148

    Lun 1 Déc 2014 - 18:07

    Merci :
    kyoichii
    kyoichii
    MasculinAge : 29Messages : 32

    Sam 6 Déc 2014 - 10:31

    merci!
    kyoichii
    kyoichii
    MasculinAge : 29Messages : 32

    Sam 6 Déc 2014 - 11:17

    merci!
    Contenu sponsorisé


      La date/heure actuelle est Ven 29 Mar 2024 - 2:52