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 : -28%
-28% Machine à café avec broyeur ...
Voir le deal
229.99 €

    [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 6 JGBUOP6
    Katia Akane
    Katia Akane
    FémininAge : 34Messages : 37

    Mer 5 Sep 2012 - 21:48

    Exactement ce que je voulais merci beaucoup !!
    InkBoy
    InkBoy
    MasculinAge : 31Messages : 66

    Ven 7 Sep 2012 - 3:04

    Merci pour le tuto
    Haloanie
    Haloanie
    FémininAge : 34Messages : 4

    Ven 7 Sep 2012 - 21:40

    Je le cherchais depuis longtemps merci !!
    Tifastrife
    Tifastrife
    FémininAge : 32Messages : 259

    Sam 8 Sep 2012 - 22:09

    Merci pour l'astuce



    Les êtres chèrs que nous avons perdus, et les rêves, qui se sont envolés... Ne les oubliez jamais...

    [CSS] Hover (défilement bref) sur les noms catégories et forums  - Page 6 090911064129411932
    Mimi-Haine
    Mimi-Haine
    FémininAge : 25Messages : 32

    Lun 10 Sep 2012 - 19:24

    Owiii j'aime ♥ Merchi beaucoup pour ce code =D



    [CSS] Hover (défilement bref) sur les noms catégories et forums  - Page 6 264329signatureforum
    Rictus
    Rictus
    FémininAge : 25Messages : 23

    Mer 12 Sep 2012 - 17:40

    Merci **
    SkullKid
    SkullKid
    FémininAge : 29Messages : 13

    Mer 12 Sep 2012 - 18:30

    Merci :gene:
    Tchi
    Tchi
    FémininAge : 31Messages : 40

    Mer 12 Sep 2012 - 22:41

    Merci pour ce cooode **
    Zee
    Zee
    FémininAge : 33Messages : 37

    Jeu 13 Sep 2012 - 1:39

    Trop cool ! Merci !
    Nyy'
    Nyy'
    FémininAge : 27Messages : 12

    Dim 16 Sep 2012 - 15:08

    Merci, je suis impatiente de voir le résultat
    nuanciel
    nuanciel
    FémininAge : 33Messages : 139

    Lun 17 Sep 2012 - 10:23

    Merci pour le partage Very Happy
    Ruby*
    Ruby*
    FémininAge : 32Messages : 24

    Jeu 20 Sep 2012 - 22:21

    Merci bien (:
    kingmazigh
    kingmazigh
    MasculinAge : 34Messages : 13

    Ven 21 Sep 2012 - 1:54

    merci cheers
    Okami
    Okami
    FémininAge : 30Messages : 620

    Ven 21 Sep 2012 - 20:55

    Intéressant Very Happy Thanx



    [CSS] Hover (défilement bref) sur les noms catégories et forums  - Page 6 Tumblr_m0lmf0oYqf1qbghoko1_500
    x°Okami°x
    crée par => Okami
    laora.
    laora.
    FémininAge : 36Messages : 13

    Sam 22 Sep 2012 - 22:04

    merci :)
    Noizy.
    Noizy.
    MasculinAge : 26Messages : 43

    Dim 30 Sep 2012 - 13:25

    Merci.
    Anonymous
    Invité

    Mar 2 Oct 2012 - 20:35

      Wouah merci du partage *o*
    avatar
    DarkNemi
    FémininAge : 32Messages : 17

    Mer 3 Oct 2012 - 21:54

    ça a l'air marrant :3
    Hell's
    Hell's
    FémininAge : 26Messages : 15

    Jeu 4 Oct 2012 - 18:08

    :)
    Merino
    Merino
    MasculinAge : 29Messages : 55

    Jeu 4 Oct 2012 - 18:30

    Merci beaucoup !
    black . Devil
    black . Devil
    FémininAge : 34Messages : 37

    Jeu 11 Oct 2012 - 17:17

    Merci beaucoup =D
    Beaummont
    Beaummont
    FémininAge : 38Messages : 19

    Ven 12 Oct 2012 - 1:47

    Merci ham3



    [CSS] Hover (défilement bref) sur les noms catégories et forums  - Page 6 Irisfff1
    fraisy
    fraisy
    FémininAge : 29Messages : 37

    Sam 13 Oct 2012 - 9:16

    cool
    Sarah W.
    Sarah W.
    FémininAge : 26Messages : 35

    Jeu 18 Oct 2012 - 14:31

    Merci
    Okami
    Okami
    FémininAge : 30Messages : 620

    Ven 19 Oct 2012 - 5:19

    merci !



    [CSS] Hover (défilement bref) sur les noms catégories et forums  - Page 6 Tumblr_m0lmf0oYqf1qbghoko1_500
    x°Okami°x
    crée par => Okami
    Contenu sponsorisé


      La date/heure actuelle est Ven 22 Nov 2024 - 3:08