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 : -23%
(Black Friday) Apple watch Apple SE GPS 44mm ...
Voir le deal
199 €

    [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 19 JGBUOP6
    avatar
    yumetenshi
    FémininAge : 27Messages : 8

    Jeu 6 Mar 2014 - 23:15

    merci
    Méandre.
    Méandre.
    FémininAge : 27Messages : 95

    Lun 10 Mar 2014 - 21:52

    Merci !
    Choubakawa
    Choubakawa
    MasculinAge : 31Messages : 87

    Mar 11 Mar 2014 - 20:34

    Merci :)



    [CSS] Hover (défilement bref) sur les noms catégories et forums  - Page 19 Witche13
    Maiie
    Maiie
    FémininAge : 34Messages : 55

    Dim 23 Mar 2014 - 5:47

    Merci  Very Happy 
    avatar
    Chan
    FémininAge : 30Messages : 2

    Lun 24 Mar 2014 - 12:52

    Merci!
    Naemerys
    Naemerys
    FémininAge : 28Messages : 13

    Lun 31 Mar 2014 - 15:35

    Merci :)
    Rhythm Star
    Rhythm Star
    FémininAge : 24Messages : 61

    Lun 31 Mar 2014 - 20:05

    Ow , depuis le temps que je le chercher merci ♥
    Kathee
    Kathee
    FémininAge : 31Messages : 680

    Mar 1 Avr 2014 - 11:25

    Wouahou merci !! Very Happy





    Forum dérivé ouat
    dans un univers steampunk :heart:
    emilie84
    emilie84
    FémininAge : 40Messages : 6

    Mar 1 Avr 2014 - 11:49

    merci
    avatar
    Licmac.
    FémininAge : 32Messages : 18

    Mer 2 Avr 2014 - 21:19

    Merci beaucoup Very Happy
    skaera22
    skaera22
    MasculinAge : 29Messages : 72

    Jeu 3 Avr 2014 - 15:02

    thanks you
    LyN[ss]
    LyN[ss]
    FémininAge : 33Messages : 105

    Ven 4 Avr 2014 - 12:17

    Owi je veux voir l'astuce ! Elles sont tellement simple mais tellement jolies, je veux voir comment faire ça ! =D
    Merci beaucoup !
    Amaliiah
    Amaliiah
    FémininAge : 25Messages : 50

    Sam 5 Avr 2014 - 14:36

    Merci Very Happy
    Aile
    Aile
    FémininAge : 36Messages : 134

    Sam 5 Avr 2014 - 15:30

    Je vais testouiller. Merci ^^



    [CSS] Hover (défilement bref) sur les noms catégories et forums  - Page 19 799284Sanstitre1
    Psychotic Bitch
    Psychotic Bitch
    FémininAge : 38Messages : 41

    Sam 5 Avr 2014 - 22:07

    Merci beaucoup c'est exactement ça que je cherchais :heart:
    Rising Pheonix
    Rising Pheonix
    FémininAge : 40Messages : 23

    Sam 5 Avr 2014 - 22:14

    Sublime Very Happy
    avatar
    Aiden. Holmes
    FémininAge : 25Messages : 7

    Dim 6 Avr 2014 - 13:07

    Merci :3
    Layla4
    Layla4
    FémininAge : 25Messages : 149

    Mer 9 Avr 2014 - 15:18

    Merci !
    Gabriiielle
    Gabriiielle
    FémininAge : 33Messages : 53

    Jeu 10 Avr 2014 - 13:49

    merci :)
    Darkeye
    Darkeye
    FémininAge : 24Messages : 56

    Dim 13 Avr 2014 - 14:55

    C'est super. *p*



    [CSS] Hover (défilement bref) sur les noms catégories et forums  - Page 19 Signan10
    DreamCatcher
    DreamCatcher
    FémininAge : 28Messages : 63

    Lun 14 Avr 2014 - 8:39

    Yep yep, merci beaucoup !
    avatar
    Hop80
    MasculinAge : 35Messages : 138

    Lun 14 Avr 2014 - 15:46

    Très sympa merci
    Kimberlay *
    Kimberlay *
    FémininAge : 34Messages : 161

    Mer 16 Avr 2014 - 18:16

    J'aime beaucoup!
    Allison01
    Allison01
    FémininAge : 40Messages : 225

    Dim 20 Avr 2014 - 9:38

    Oh merci Very Happy
    Leelo
    Leelo
    FémininAge : 33Messages : 157

    Ven 25 Avr 2014 - 15:11

    merci
    Contenu sponsorisé


      La date/heure actuelle est Ven 22 Nov 2024 - 2:48