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 du moment :
Smartphone Xiaomi 14 – 512 Go- 6,36″ 5G ...
Voir le deal
599 €

    [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 20 JGBUOP6
    Anonymous
    Invité

    Sam 26 Avr 2014 - 0:04

    Merci :3
    Kraken
    Kraken
    FémininAge : 31Messages : 137

    Sam 26 Avr 2014 - 18:36

    Merci ♥
    avatar
    Aïda
    FémininAge : 30Messages : 35

    Dim 27 Avr 2014 - 0:31

    merci!!
    Shuna
    Shuna
    FémininAge : 30Messages : 137

    Dim 27 Avr 2014 - 16:55

    merciii
    avatar
    SinoJak
    MasculinAge : 23Messages : 44

    Lun 28 Avr 2014 - 10:22

    merci
    TheHG
    TheHG
    FémininAge : 29Messages : 52

    Ven 9 Mai 2014 - 3:43

    Merci !
    avatar
    Amélia
    FémininAge : 25Messages : 49

    Ven 9 Mai 2014 - 13:04

    Merci !
    Patapou
    Patapou
    FémininAge : 25Messages : 15

    Mer 14 Mai 2014 - 18:18

    Merci
    HW.
    HW.
    FémininAge : 24Messages : 10

    Dim 25 Mai 2014 - 23:12

    merci :3
    avatar
    Chrono
    MasculinAge : 32Messages : 14

    Lun 26 Mai 2014 - 23:55

    Merci! ^^
    Miss lili
    Miss lili
    FémininAge : 34Messages : 49

    Mer 28 Mai 2014 - 11:33

    très belle effet merci
    Lilise
    Lilise
    FémininAge : 26Messages : 22

    Mar 3 Juin 2014 - 18:46

    Merci !
    Shinju.dot
    Shinju.dot
    FémininAge : 35Messages : 88

    Ven 13 Juin 2014 - 17:43

    Merci
    Tsuki27
    Tsuki27
    FémininAge : 32Messages : 32

    Ven 13 Juin 2014 - 18:43

    Oh oui trop fan ! Very Happy



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

    - Joueuse RP sur MMORPG -
    Kau
    Kau
    FémininAge : 22Messages : 148

    Dim 15 Juin 2014 - 2:24

    J'adore l'effet ! Merci beaucoup ! 83
    Anonymous
    Invité

    Lun 16 Juin 2014 - 19:17

    Merci ! Very Happy
    Cruelly
    Cruelly
    FémininAge : 31Messages : 2605

    Mar 17 Juin 2014 - 0:41

    Je vais tenter sa :)
    Merci ^^



    :heart: :heart:
    Mako
    Mako
    FémininMessages : 34

    Mar 17 Juin 2014 - 2:41

    merci !
    Fricadella
    Fricadella
    FémininAge : 26Messages : 12

    Mar 17 Juin 2014 - 16:27

      C'est très bien fait, merci du partage :)
    Vegvisir
    Vegvisir
    FémininAge : 25Messages : 411

    Mer 25 Juin 2014 - 16:01

    Merci beaucoup pour le partage ^.^



    [CSS] Hover (défilement bref) sur les noms catégories et forums  - Page 20 1
    Jawilsia
    Jawilsia
    FémininAge : 32Messages : 143

    Jeu 26 Juin 2014 - 1:11

    Merci Very Happy
    Chewbi
    Chewbi
    FémininAge : 27Messages : 39

    Ven 27 Juin 2014 - 21:20

    C'est super ! Merci ^^
    Daisy Hardman
    Daisy Hardman
    FémininAge : 27Messages : 60

    Jeu 3 Juil 2014 - 15:11

    merci
    Miss Snow
    Miss Snow
    FémininAge : 25Messages : 56

    Sam 5 Juil 2014 - 10:38

    Merci!



    [CSS] Hover (défilement bref) sur les noms catégories et forums  - Page 20 333359CommandeMissSnowsigna
    Petit Harfang
    Petit Harfang
    FémininAge : 24Messages : 80

    Lun 14 Juil 2014 - 15:16

    Merci  ham1 
    Contenu sponsorisé


      La date/heure actuelle est Ven 22 Nov 2024 - 8:02