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 : -55%
Prix cassé sur la voiture radiocommandée ...
Voir le deal
16.35 €

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

    Vorn
    Vorn
    MasculinAge : 24Messages : 2342

    le 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 24 JGBUOP6
    Insane.
    Insane.
    FémininAge : 22Messages : 83

    le Sam 8 Oct 2016 - 16:18

    J'aime beaucoup !
    avatar
    Darouine Lius
    MasculinAge : 31Messages : 65

    le Mer 26 Oct 2016 - 12:38

    merci
    Giovale
    Giovale
    MasculinAge : 29Messages : 16

    le Mar 31 Jan 2017 - 23:51

    Merci !
    Donquichotte
    Donquichotte
    MasculinAge : 24Messages : 48

    le Ven 17 Fév 2017 - 3:20

    merci Very Happy
    Necrolythia
    Necrolythia
    FémininAge : 33Messages : 563

    le Mar 7 Mar 2017 - 10:42

    Coucou, j'aime beaucoup, merci



    [CSS] Hover (défilement bref) sur les noms catégories et forums  - Page 24 KKEVK8u
    Llunn
    Llunn
    FémininAge : 30Messages : 88

    le Ven 31 Mar 2017 - 4:32

    Thanks
    luxury67
    luxury67
    FémininAge : 28Messages : 20

    le Dim 2 Avr 2017 - 17:13

    merci !
    viteundoliprane
    viteundoliprane
    MasculinAge : 29Messages : 3

    le Dim 16 Avr 2017 - 0:11

    merci Wink
    LaCrapul
    LaCrapul
    MasculinAge : 26Messages : 24

    le Jeu 27 Avr 2017 - 12:00

    Merci de l'astuce :)
    Mashi Hozuki
    Mashi Hozuki
    MasculinAge : 23Messages : 28

    le Ven 5 Mai 2017 - 20:30

    merci !!
    LaCrapul
    LaCrapul
    MasculinAge : 26Messages : 24

    le Mer 5 Juil 2017 - 19:23

    Thanks
    Kaushui
    Kaushui
    FémininAge : 22Messages : 19

    le Mer 12 Juil 2017 - 19:18

    L'idée est sympa, ça anime un peu, merci du partage !
    Au passage, j'aimerai bien connaître l'astuce pour les groupes du QEEL :3
    Hitsu'
    Hitsu'
    FémininAge : 25Messages : 55

    le Sam 22 Juil 2017 - 16:13

    Merci beaucoup !



    [CSS] Hover (défilement bref) sur les noms catégories et forums  - Page 24 160718045600406505
    PROGA
    PROGA
    MasculinAge : 25Messages : 6

    le Lun 21 Aoû 2017 - 20:14

    merci
    Thanos
    Thanos
    MasculinAge : 25Messages : 84

    le Mer 27 Sep 2017 - 0:54

    merci
    Demily
    Demily
    FémininAge : 34Messages : 51

    le Jeu 5 Oct 2017 - 11:14

    Merci pour le partage !
    marie-noelle
    marie-noelle
    FémininAge : 63Messages : 112

    le Jeu 26 Oct 2017 - 1:51

    merci
    jelayde
    jelayde
    MasculinAge : 32Messages : 18

    le Mar 14 Nov 2017 - 11:29

    code intéressant !!
    AMYROSSLEDGER
    AMYROSSLEDGER
    FémininAge : 26Messages : 37

    le Sam 18 Nov 2017 - 1:43

    excellent travail !
    Cornelia
    Cornelia
    FémininAge : 32Messages : 118

    le Sam 23 Déc 2017 - 23:18

    Merci
    Coco-Lapin02
    Coco-Lapin02
    MasculinAge : 52Messages : 167

    le Dim 7 Jan 2018 - 19:13

    Par curiosité, merci d'avance pour le partage
    En ligne
    Yukihyo
    Yukihyo
    MasculinAge : 23Messages : 89

    le Sam 3 Fév 2018 - 13:36

    Merci cheers
    Gareth Bale
    Gareth Bale
    MasculinAge : 29Messages : 14

    le Sam 7 Avr 2018 - 22:28

    Merci
    Contenu sponsorisé


      La date/heure actuelle est Mar 24 Nov 2020 - 11:09