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.

-21%
Le deal à ne pas rater :
PC portable gamer 15,6” Medion ERAZER Deputy P60 16Go/ 512Go RTX ...
629.99 € 799.99 €
Voir le deal

    [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 2 JGBUOP6
    Kakuu
    Kakuu
    MasculinAge : 28Messages : 30

    Ven 20 Avr 2012 - 19:54

    Merci :)



    [CSS] Hover (défilement bref) sur les noms catégories et forums  - Page 2 Signa
    Arrogant Mischief
    Arrogant Mischief
    MasculinAge : 29Messages : 70

    Ven 20 Avr 2012 - 21:37

    Thanks !



    [CSS] Hover (défilement bref) sur les noms catégories et forums  - Page 2 Nu211
    Natsuhi
    Natsuhi
    FémininAge : 28Messages : 35

    Sam 21 Avr 2012 - 3:50

    Thank's =)
    Shuu-Shuu
    Shuu-Shuu
    FémininAge : 28Messages : 199

    Sam 21 Avr 2012 - 10:15

    merci beaucoup =D
    Corkyie
    Corkyie
    FémininAge : 27Messages : 75

    Sam 21 Avr 2012 - 18:56

    Merci !
    sabritheducks_79
    sabritheducks_79
    FémininAge : 38Messages : 89

    Sam 21 Avr 2012 - 22:03

    je cherche cette astuce depuis des heures ^^
    Nut'
    Nut'
    FémininAge : 24Messages : 37

    Dim 22 Avr 2012 - 13:45

    Merci bien (:



    C'est ballot, j'ai pas de signa' q: Juste pour vous énervé tiens !
    Vorn
    Vorn
    MasculinAge : 28Messages : 2342

    Dim 22 Avr 2012 - 22:36

    De rien ^^



    [CSS] Hover (défilement bref) sur les noms catégories et forums  - Page 2 JGBUOP6
    Zouzou
    Zouzou
    FémininAge : 25Messages : 19

    Ven 27 Avr 2012 - 22:07

    Merci !
    Vador
    Vador
    MasculinAge : 24Messages : 64

    Ven 27 Avr 2012 - 22:45

    merci
    Sakira
    Sakira
    FémininAge : 31Messages : 89

    Lun 7 Mai 2012 - 0:29

    Merci beaucoup pour ce tuto^^



    Bientôt peut être o/
    Dépendra de ma motiv'
    Kefka
    Kefka
    MasculinAge : 30Messages : 15

    Lun 7 Mai 2012 - 18:02

    Merci beaucoup, hâte de voir comment tu as réussis ça é.è



    [CSS] Hover (défilement bref) sur les noms catégories et forums  - Page 2 Signah10
    Vorn
    Vorn
    MasculinAge : 28Messages : 2342

    Lun 7 Mai 2012 - 18:49

    Merci :)



    [CSS] Hover (défilement bref) sur les noms catégories et forums  - Page 2 JGBUOP6
    AlexeB
    AlexeB
    FémininAge : 29Messages : 165

    Mer 9 Mai 2012 - 0:25

    Merci :)
    Super Captain
    Super Captain
    MasculinAge : 33Messages : 33

    Mer 9 Mai 2012 - 21:38

    ça m’intéresse :3! merci du partage!



    i m j u s t a p a t c h e d u p マトリョシカ! (o`皿′o)♥
    [CSS] Hover (défilement bref) sur les noms catégories et forums  - Page 2 Tumblr_lmqy8iZxzx1qam1cxo1_500
    Little Ghost
    Little Ghost
    FémininAge : 34Messages : 91

    Jeu 10 Mai 2012 - 11:03

    Merci beaucoup =)
    Moriarty
    Moriarty
    FémininAge : 29Messages : 85

    Jeu 10 Mai 2012 - 14:40

    Merci ^^
    Guigui
    Guigui
    FémininAge : 29Messages : 13

    Jeu 10 Mai 2012 - 15:59

    Classe OwO
    Sunnie
    Sunnie
    FémininAge : 26Messages : 13

    Jeu 10 Mai 2012 - 19:37

    Cet effet est magnifique, merci beaucoup pour le partage :)
    Nalex
    Nalex
    FémininAge : 35Messages : 154

    Ven 11 Mai 2012 - 14:03

    Que la lumière soit! lol

    Merci :)



    [CSS] Hover (défilement bref) sur les noms catégories et forums  - Page 2 567962k6yx
    warning.sign
    warning.sign
    FémininAge : 34Messages : 58

    Ven 11 Mai 2012 - 17:46

    Merci bien =)
    Tropik
    Tropik
    MasculinAge : 30Messages : 58

    Sam 12 Mai 2012 - 0:53

    Merci !




    lovedesign

    Rin Nikky
    Rin Nikky
    FémininAge : 25Messages : 37

    Jeu 17 Mai 2012 - 10:31

    Merci !
    Cocow'
    Cocow'
    FémininAge : 26Messages : 11

    Sam 19 Mai 2012 - 17:24

    Merci beaucoup !
    Vorn
    Vorn
    MasculinAge : 28Messages : 2342

    Dim 20 Mai 2012 - 21:29

    De rien ^^ Si vous avez un problème, n'hésitez pas Wink



    [CSS] Hover (défilement bref) sur les noms catégories et forums  - Page 2 JGBUOP6
    Contenu sponsorisé


      La date/heure actuelle est Ven 13 Déc 2024 - 16:01