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 : -29%
PC portable Gamer ERAZER DEPUTY P60 – ...
Voir le deal
999.99 €

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

    Vorn
    Vorn
    MasculinAge : 27Messages : 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 7 JGBUOP6
    Plume'
    Plume'
    FémininAge : 25Messages : 166

    Dim 21 Oct 2012 - 11:54

    Merci !
    Shiney
    Shiney
    FémininAge : 26Messages : 26

    Mar 23 Oct 2012 - 19:23

    C'est exactement ce que je recherchais, merci. ^^
    Fares
    Fares
    MasculinAge : 31Messages : 51

    Mar 23 Oct 2012 - 22:32

    KanyeWest a écrit:hâate de voiiir :)

    Merci
    Vorn
    Vorn
    MasculinAge : 27Messages : 2342

    Mer 24 Oct 2012 - 16:40

    De rien ^^



    [CSS] Hover (défilement bref) sur les noms catégories et forums  - Page 7 JGBUOP6
    Ruby-Blood
    Ruby-Blood
    FémininAge : 32Messages : 5

    Sam 27 Oct 2012 - 15:22

    c'est super comme astuce (:
    Girlicious
    Girlicious
    FémininAge : 38Messages : 60

    Lun 29 Oct 2012 - 3:26

    Sympa, merci pour l'astuce ^^
    little.mousse
    little.mousse
    FémininAge : 31Messages : 6

    Lun 29 Oct 2012 - 15:41

    ooooh =) Merci Captain Sparrow
    Mayako
    Mayako
    FémininAge : 23Messages : 12

    Mar 30 Oct 2012 - 15:53

    Merci ~



    [CSS] Hover (défilement bref) sur les noms catégories et forums  - Page 7 156753Sanstitre1
    Motoko
    Motoko
    FémininAge : 25Messages : 39

    Ven 2 Nov 2012 - 18:07

    Merci! c:
    Everald
    Everald
    FémininAge : 24Messages : 17

    Mer 7 Nov 2012 - 14:14

    Merci, je cherchais cette astuce depuis longtemps ♥
    Syrup
    Syrup
    FémininAge : 29Messages : 16

    Mer 7 Nov 2012 - 18:19

    Merci!
    ACID DRIP
    ACID DRIP
    FémininAge : 28Messages : 5

    Mar 13 Nov 2012 - 11:39

    Merci pour le code, il est génial :love:
    Malice1329
    Malice1329
    FémininAge : 35Messages : 81

    Mer 14 Nov 2012 - 8:11

    une autre chose que je cherchais depuis quelques temps merci



    ❝ Every Love Story is Beautiful ❞
    Baby, I'm dancing in the dark with you between my arms, Barefoot on the grass, listening to our favorite song,When you said you looked a mess, I whispered underneath my breath But you heard it, darling, you look perfect tonight× BY LIZZOU
    Kana-Chii
    Kana-Chii
    FémininAge : 25Messages : 40

    Mer 14 Nov 2012 - 10:56

    I wanna see it ! Merci du partage ;D sa fait longtemps que je cherche ce code.



    [CSS] Hover (défilement bref) sur les noms catégories et forums  - Page 7 2z7g2d10
    Ynaru
    Ynaru
    FémininAge : 27Messages : 19

    Mer 14 Nov 2012 - 15:42

    trop classe merci
    Eden.
    Eden.
    FémininAge : 31Messages : 201

    Mer 14 Nov 2012 - 21:37

    Thank you !
    totothib
    totothib
    MasculinAge : 21Messages : 54

    Mer 14 Nov 2012 - 21:39

    Pas mal
    Anonymous
    Invité

    Jeu 15 Nov 2012 - 22:45

    Thank youu
    Nayero
    Nayero
    MasculinAge : 28Messages : 39

    Dim 18 Nov 2012 - 18:50

    merci



    [CSS] Hover (défilement bref) sur les noms catégories et forums  - Page 7 Nayero10
    Petite soeur
    Petite soeur
    FémininAge : 27Messages : 36

    Mer 21 Nov 2012 - 21:45

    Merchiii !! ^w^



    [CSS] Hover (défilement bref) sur les noms catégories et forums  - Page 7 234348Sanstitre2
    kiri84
    kiri84
    FémininAge : 49Messages : 6

    Jeu 22 Nov 2012 - 9:05

    merci
    Electro
    Electro
    FémininAge : 27Messages : 30

    Ven 23 Nov 2012 - 14:13

    Merci
    MlleNamiya
    MlleNamiya
    FémininAge : 29Messages : 35

    Ven 23 Nov 2012 - 16:27

    Merci !
    LittleChan
    LittleChan
    FémininAge : 33Messages : 62

    Dim 2 Déc 2012 - 13:34

    Thanks !



    [CSS] Hover (défilement bref) sur les noms catégories et forums  - Page 7 34ex18y
    Spike
    Spike
    MasculinAge : 29Messages : 64

    Dim 2 Déc 2012 - 20:40

    Merci beaucoup !
    Contenu sponsorisé


      La date/heure actuelle est Jeu 28 Mar 2024 - 9:38