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 :
TCL C74 Series 55C743 – TV 55” 4K QLED 144 Hz Google TV (Via ODR ...
499 €
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 5 JGBUOP6
    xX~Miki~Xx
    xX~Miki~Xx
    FémininAge : 24Messages : 15

    Sam 18 Aoû 2012 - 20:02

    Merci du partage \o/



    [CSS] Hover (défilement bref) sur les noms catégories et forums  - Page 5 123169sign
    Mraw'
    Mraw'
    FémininAge : 28Messages : 18

    Sam 18 Aoû 2012 - 22:47

    Merci, ça me sera bien utile. :3
    Karmixi
    Karmixi
    FémininAge : 28Messages : 61

    Lun 20 Aoû 2012 - 18:21

    Merci je cherchais justement **
    luangue
    luangue
    MasculinAge : 35Messages : 34

    Mar 21 Aoû 2012 - 11:02

    merci



    [CSS] Hover (défilement bref) sur les noms catégories et forums  - Page 5 Bglulu10
    Lamia
    Lamia
    FémininAge : 28Messages : 154

    Mer 22 Aoû 2012 - 17:56

    Merci du partage =).
    Piinkyuu
    Piinkyuu
    FémininAge : 29Messages : 27

    Mer 22 Aoû 2012 - 18:24

    Merci beaucoup. Very Happy
    choupinette65
    choupinette65
    FémininAge : 38Messages : 18

    Jeu 23 Aoû 2012 - 0:25

    Very Happy merci



    [CSS] Hover (défilement bref) sur les noms catégories et forums  - Page 5 Sans_t12
    XxjeremixX
    XxjeremixX
    MasculinAge : 28Messages : 74

    Ven 24 Aoû 2012 - 19:47

    jveu voir ^^
    Xboxcom
    Xboxcom
    MasculinAge : 27Messages : 34

    Ven 24 Aoû 2012 - 22:15

    Ca doit rendre pas mal, je vais tester, et merci déja ! Very Happy

    -> Je viens de le faire, et effectivement ça rend super ! Grand merci à toi !
    OMJ
    OMJ
    FémininAge : 33Messages : 92

    Sam 25 Aoû 2012 - 18:58

    Merci
    Ombresia
    Ombresia
    FémininAge : 28Messages : 46

    Dim 26 Aoû 2012 - 2:27

    Merci ._.
    Elena'
    Elena'
    FémininAge : 30Messages : 26

    Dim 26 Aoû 2012 - 14:49

    Merci c'est superbe Very Happy
    Gypsie
    Gypsie
    FémininAge : 24Messages : 35

    Lun 27 Aoû 2012 - 19:45

    Merci :)



    [CSS] Hover (défilement bref) sur les noms catégories et forums  - Page 5 120728121012242624
    Candy †
    Candy †
    FémininAge : 27Messages : 43

    Lun 27 Aoû 2012 - 20:33

    Mici :)
    ´Saiketsu «
    ´Saiketsu «
    MasculinAge : 26Messages : 80

    Mar 28 Aoû 2012 - 2:36

    Je veux voir *-*
    Rozenwyn
    Rozenwyn
    FémininAge : 29Messages : 11

    Mar 28 Aoû 2012 - 18:41

    Merci beaucoup pour ce code !



    [CSS] Hover (défilement bref) sur les noms catégories et forums  - Page 5 12877710
    Crook's
    Crook's
    MasculinAge : 24Messages : 15

    Mar 28 Aoû 2012 - 20:23

    Merci pour l'astuce ! :)
    fafa
    fafa
    MasculinAge : 33Messages : 34

    Mar 28 Aoû 2012 - 21:03

    merci
    CECILE362
    CECILE362
    FémininAge : 34Messages : 198

    Jeu 30 Aoû 2012 - 11:36

    Merci beaucoup
    Kiwix
    Kiwix
    FémininAge : 28Messages : 68

    Dim 2 Sep 2012 - 22:56

    Merci beaucoup !!
    chardonoire.....CMF
    chardonoire.....CMF
    MasculinAge : 58Messages : 22

    Dim 2 Sep 2012 - 23:50

    C'est super merci



    [CSS] Hover (défilement bref) sur les noms catégories et forums  - Page 5 M34fv311
    Le chat bleu
    Le chat bleu
    FémininMessages : 44

    Lun 3 Sep 2012 - 0:02

    Merci ! C'est cool !
    Zuiichi
    Zuiichi
    MasculinAge : 30Messages : 122

    Mar 4 Sep 2012 - 12:22

    merci ^^



    [CSS] Hover (défilement bref) sur les noms catégories et forums  - Page 5 Zuii
    Divine55
    Divine55
    FémininAge : 27Messages : 16

    Mar 4 Sep 2012 - 14:12

    Merci !
    Little Pon
    Little Pon
    FémininAge : 28Messages : 45

    Mer 5 Sep 2012 - 18:18

    Je le veux ! *^*
    Merci ♥



    [CSS] Hover (défilement bref) sur les noms catégories et forums  - Page 5 39953110
    Contenu sponsorisé


      La date/heure actuelle est Ven 29 Mar 2024 - 6:36