AccueilRechercherS'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.

-25%
Le deal à ne pas rater :
Microsoft Manette Xbox One sans Fil + Câble pour PC et Xbox
44.99 € 59.99 €
Voir le deal

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

    Vorn
    Vorn
    MasculinAge : 23Messages : 2342

    le Lun 26 Mar - 16: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 - 17:44, édité 3 fois



    [CSS] Hover (défilement bref) sur les noms catégories et forums  - Page 23 JGBUOP6
    Wavy
    Wavy
    FémininAge : 19Messages : 39

    le Mar 19 Mai - 17:01

    Merci !
    kinai0107
    kinai0107
    MasculinAge : 44Messages : 15

    le Mer 27 Mai - 15:00

    merci
    Kimirsu Anko
    Kimirsu Anko
    MasculinAge : 19Messages : 88

    le Mer 24 Juin - 13:15

    Merci !
    cynical-echo
    cynical-echo
    FémininAge : 23Messages : 41

    le Lun 10 Aoû - 23:26

    Merci beaucoup. :)
    Kelalin
    Kelalin
    FémininAge : 27Messages : 2231

    le Mar 11 Aoû - 11:24

    Merci. (´∇ノ`*)ノ
    rosebleudu10
    rosebleudu10
    FémininAge : 30Messages : 189

    le Lun 24 Aoû - 15:01

    merci
    Lessien
    Lessien
    FémininAge : 38Messages : 163

    le Lun 24 Aoû - 18:06

    Merci :) L'effet est très sympa !
    melah
    melah
    FémininAge : 29Messages : 8

    le Mer 26 Aoû - 15:39

    merci
    Pollux
    Pollux
    FémininAge : 29Messages : 97

    le Ven 28 Aoû - 7:46

    merci
    Kraiyz
    Kraiyz
    MasculinAge : 23Messages : 29

    le Jeu 10 Sep - 16:01

    Merci !
    Jane Bingum
    Jane Bingum
    FémininAge : 22Messages : 83

    le Sam 26 Sep - 10:44

    Superbe! *.*
    fair game
    fair game
    FémininAge : 30Messages : 13

    le Sam 26 Sep - 23:47

    mzeci
    Missy 26
    Missy 26
    FémininAge : 31Messages : 60

    le Lun 28 Sep - 13:05

    Merci
    Lestrange
    Lestrange
    FémininAge : 24Messages : 165

    le Mar 10 Nov - 20:20

    Merci pour l'astuce °°
    elfyqchan
    elfyqchan
    FémininAge : 23Messages : 128

    le Mar 24 Nov - 21:30

    La curiosité m'emporte. Merci pour le code ♥



    [CSS] Hover (défilement bref) sur les noms catégories et forums  - Page 23 Tumblr_p9lzpiYpDY1rh0thmo1_500
    Zoé
    Zoé
    FémininAge : 21Messages : 187

    le Ven 18 Déc - 21:06

    micii



    [CSS] Hover (défilement bref) sur les noms catégories et forums  - Page 23 274643signaaaa
    Mohank
    Mohank
    MasculinAge : 25Messages : 20

    le Lun 25 Jan - 20:16

    Merci!
    chocapikeuh
    chocapikeuh
    FémininAge : 28Messages : 12

    le Ven 5 Fév - 0:20

    Idem par curiosité, je vais tester !! merki !
    Neya
    Neya
    FémininAge : 21Messages : 164

    le Sam 6 Fév - 13:17

    Très beau
    Lusso
    Lusso
    MasculinAge : 23Messages : 36

    le Sam 6 Fév - 14:53

    Merci ! :)
    Specter
    Specter
    MasculinAge : 24Messages : 10

    le Dim 7 Fév - 3:55

    Merci Wink
    Asaliah
    Asaliah
    FémininAge : 35Messages : 120

    le Mer 24 Fév - 8:21

    Merci !



    [CSS] Hover (défilement bref) sur les noms catégories et forums  - Page 23 Signu10
    l'intruse
    l'intruse
    FémininAge : 25Messages : 46

    le Mer 6 Avr - 23:13

    Merci!! :popcorn:
    Usolia Naviento
    Usolia Naviento
    FémininAge : 27Messages : 25

    le Jeu 11 Aoû - 23:00

    J'ai trop envie d'essayer Wink Merci!
    .Lucifer.
    .Lucifer.
    MasculinAge : 47Messages : 183

    le Jeu 6 Oct - 9:31

    Merci pour l'astuce ! Wink



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


      La date/heure actuelle est Sam 4 Juil - 1:48