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 :
LEGO Icons 10331 – Le martin-pêcheur
35 €
Voir le deal

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

    Vorn
    Vorn
    MasculinAge : 28Messages : 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 22 JGBUOP6
    Hyuna
    Hyuna
    FémininAge : 27Messages : 98

    Sam 6 Déc 2014 - 11:47

    Merci Merci **
    Tsuki27
    Tsuki27
    FémininAge : 32Messages : 32

    Lun 8 Déc 2014 - 8:40

    ty



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

    - Joueuse RP sur MMORPG -
    Scare Leonheart
    Scare Leonheart
    MasculinAge : 31Messages : 202

    Dim 14 Déc 2014 - 15:52

    Thks



    [CSS] Hover (défilement bref) sur les noms catégories et forums  - Page 22 Scare_10
    Doctor Who
    Doctor Who
    MasculinAge : 31Messages : 160

    Ven 19 Déc 2014 - 20:35

    Merci :)





    DOCTOR WHO ☼
    ©️ Yamashita d'épicode
    Kiki85
    Kiki85
    MasculinAge : 29Messages : 398

    Lun 22 Déc 2014 - 0:58

    Merci :)
    Rawder
    Rawder
    MasculinAge : 25Messages : 10

    Sam 27 Déc 2014 - 21:43

    Merci
    reshiram44
    reshiram44
    MasculinAge : 26Messages : 380

    Jeu 1 Jan 2015 - 18:00

    mercfi



    yukitg
    yukitg
    FémininAge : 35Messages : 18

    Ven 2 Jan 2015 - 4:03

    Merci beaucoup pour le partage!
    Anonymous
    Invité

    Dim 11 Jan 2015 - 14:19

    Very Happy
    Contry
    Contry
    FémininAge : 25Messages : 28

    Dim 18 Jan 2015 - 13:49

    J'adore Very Happy
    cali60
    cali60
    FémininAge : 39Messages : 58

    Dim 18 Jan 2015 - 18:39

    merci :)
    Arisu
    Arisu
    FémininAge : 36Messages : 119

    Mer 28 Jan 2015 - 23:05

    Merci !
    Bleu
    Bleu
    FémininAge : 27Messages : 14

    Mar 17 Fév 2015 - 10:23

    Merci ! :)
    Paradéo
    Paradéo
    FémininAge : 27Messages : 21

    Mar 17 Fév 2015 - 11:54

    Super ! Merciii ! :3
    L'Epineuse
    L'Epineuse
    FémininAge : 29Messages : 32

    Mar 17 Fév 2015 - 14:55

    merci pour l'astuce !
    Eshon
    Eshon
    FémininAge : 43Messages : 197

    Jeu 19 Fév 2015 - 0:33

    Merci !
    Banhjo
    Banhjo
    MasculinAge : 27Messages : 76

    Jeu 19 Fév 2015 - 3:06

    Cool, merci du partage
    Kyuusei Ban
    Kyuusei Ban
    FémininAge : 31Messages : 69

    Sam 14 Mar 2015 - 10:47

    Merci :3
    Luna_Rakuen
    Luna_Rakuen
    FémininAge : 32Messages : 79

    Mar 17 Mar 2015 - 12:32

    merci :3
    Choko
    Choko
    FémininAge : 25Messages : 61

    Sam 28 Mar 2015 - 0:48

    micimici :3
    Mister CK
    Mister CK
    MasculinAge : 30Messages : 28

    Mar 7 Avr 2015 - 7:38

    Merci à toi !
    Krager
    Krager
    MasculinAge : 29Messages : 68

    Mer 15 Avr 2015 - 21:16

    Merci
    The Shiya
    The Shiya
    FémininAge : 35Messages : 77

    Lun 20 Avr 2015 - 20:17

    merci
    Abby Reever
    Abby Reever
    FémininAge : 32Messages : 146

    Lun 4 Mai 2015 - 12:54

    Haaan ce que je cherchais! Merci!
    Fayzl4D
    Fayzl4D
    MasculinAge : 28Messages : 84

    Ven 15 Mai 2015 - 7:12

    merci
    Contenu sponsorisé


      La date/heure actuelle est Sam 23 Nov 2024 - 11:22