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.

Le Deal du moment : -40%
-40% Polo Lacoste – imprimé crocodile ...
Voir le deal
72 €

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

    Vorn
    Vorn
    MasculinAge : 24Messages : 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 23 JGBUOP6
    Wavy
    Wavy
    FémininAge : 20Messages : 39

    Mar 19 Mai 2015 - 19:01

    Merci !
    kinai0107
    kinai0107
    MasculinAge : 45Messages : 15

    Mer 27 Mai 2015 - 17:00

    merci
    Kimirsu Anko
    Kimirsu Anko
    MasculinAge : 20Messages : 88

    Mer 24 Juin 2015 - 15:15

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

    Mar 11 Aoû 2015 - 1:26

    Merci beaucoup. :)
    Kelalin
    Kelalin
    FémininAge : 28Messages : 2486

    Mar 11 Aoû 2015 - 13:24

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

    Lun 24 Aoû 2015 - 17:01

    merci
    Lessien
    Lessien
    FémininAge : 39Messages : 163

    Lun 24 Aoû 2015 - 20:06

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

    Mer 26 Aoû 2015 - 17:39

    merci
    Pollux
    Pollux
    FémininAge : 30Messages : 97

    Ven 28 Aoû 2015 - 9:46

    merci
    Kraiyz
    Kraiyz
    MasculinAge : 24Messages : 29

    Jeu 10 Sep 2015 - 18:01

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

    Sam 26 Sep 2015 - 12:44

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

    Dim 27 Sep 2015 - 1:47

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

    Lun 28 Sep 2015 - 15:05

    Merci
    Lestrange
    Lestrange
    FémininAge : 25Messages : 165

    Mar 10 Nov 2015 - 21:20

    Merci pour l'astuce °°
    elfyqchan
    elfyqchan
    FémininAge : 24Messages : 130

    Mar 24 Nov 2015 - 22: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 : 22Messages : 189

    Ven 18 Déc 2015 - 22:06

    micii



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

    Lun 25 Jan 2016 - 21:16

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

    Ven 5 Fév 2016 - 1:20

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

    Sam 6 Fév 2016 - 14:17

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

    Sam 6 Fév 2016 - 15:53

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

    Dim 7 Fév 2016 - 4:55

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

    Mer 24 Fév 2016 - 9:21

    Merci !



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

    Jeu 7 Avr 2016 - 1:13

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

    Ven 12 Aoû 2016 - 1:00

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

    Jeu 6 Oct 2016 - 11: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 24 Juil 2021 - 12:47