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 : -25%
PC Portable Gamer 16,1” HP Victus 16 – 16 ...
Voir le deal
749.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 17 JGBUOP6
    Sleepy ♪
    Sleepy ♪
    FémininAge : 26Messages : 46

    Dim 17 Nov 2013 - 18:32

    Bonjour ou bonsoir selon l'heure.
    & merci beaucoup, c'est exactement ce que je cherchais ! :3
    YuuNyuu
    YuuNyuu
    FémininAge : 28Messages : 14

    Jeu 21 Nov 2013 - 18:24

    Merci !
    Tsukodaki
    Tsukodaki
    FémininAge : 25Messages : 42

    Jeu 21 Nov 2013 - 19:59

    Merci
    Deadpoolio
    Deadpoolio
    MasculinAge : 34Messages : 277

    Sam 23 Nov 2013 - 11:17

    Merci du partage :)
    Crucible
    Crucible
    FémininAge : 34Messages : 36

    Dim 24 Nov 2013 - 20:35

    Un énorme merci !



    « ONCE, I DUG A PIT AND FILLED IT WITH CLOUDS. OR WAS IT CLOWNS ?
    DOESN'T MATTER. IT DIDN'T SLOW HIM DOWN.
    TO BE HONEST, IT WASN'T THE BEST IDEA.
    AND IT REALLY BEGAN TO SMELL. MUST HAVE BEEN CLOWNS.
    CLOUDS DON'T SMELL BAD. THEY TASTE OF BUTTER ! AND TEARS.
    »
    Fallawen
    Fallawen
    FémininAge : 32Messages : 20

    Dim 24 Nov 2013 - 21:52

    Merci à toi pour ce petit tuto très sympa Wink
    thib56
    thib56
    MasculinAge : 29Messages : 32

    Sam 30 Nov 2013 - 1:55

    Merci.
    Tatia38
    Tatia38
    FémininAge : 35Messages : 318

    Sam 7 Déc 2013 - 9:19

    Merci:D 
    dolce vero
    dolce vero
    FémininAge : 57Messages : 21

    Sam 7 Déc 2013 - 23:13

    Vous êtes doués,merci du partage!



    [CSS] Hover (défilement bref) sur les noms catégories et forums  - Page 17 Crea_v15
    Orkais
    Orkais
    FémininAge : 31Messages : 118

    Jeu 12 Déc 2013 - 19:16

    Merci :)



    "A lot of people say you need love to live. Oxygen is even more important..."
    PrincesseÔ
    PrincesseÔ
    FémininAge : 27Messages : 220

    Jeu 12 Déc 2013 - 20:16

    Merci pour le codage ! :)
    PrincesseÔ
    PrincesseÔ
    FémininAge : 27Messages : 220

    Dim 22 Déc 2013 - 1:07

    Merci *o*
    Anonymous
    Invité

    Dim 22 Déc 2013 - 16:50

    Merci !
    Nephylys
    Nephylys
    MasculinAge : 28Messages : 23

    Dim 29 Déc 2013 - 12:12

    Merci o/
    Anonymous
    Invité

    Dim 29 Déc 2013 - 14:06

    Merci !!
    avatar
    Quinnie
    MasculinAge : 28Messages : 54

    Ven 3 Jan 2014 - 13:37

    Il est très jolie ^^
    Rococo
    Rococo
    MasculinAge : 28Messages : 28

    Dim 5 Jan 2014 - 12:19

    Merci beaucoup
    Adèle
    Adèle
    FémininAge : 33Messages : 96

    Jeu 9 Jan 2014 - 15:00

    Oh oui merci ^^
    pops44
    pops44
    MasculinAge : 31Messages : 28

    Ven 10 Jan 2014 - 0:14

    merci
    PrincesseÔ
    PrincesseÔ
    FémininAge : 27Messages : 220

    Sam 11 Jan 2014 - 10:30

    Han merci :)
    JasLo
    JasLo
    FémininAge : 22Messages : 76

    Sam 11 Jan 2014 - 20:17

    Je cherchais ce code, merci!
    lisounette7
    lisounette7
    FémininAge : 30Messages : 56

    Dim 12 Jan 2014 - 11:57

    Thanks <3
    Waphy's
    Waphy's
    FémininAge : 25Messages : 59

    Dim 12 Jan 2014 - 12:30

    merci ♥
    Neymar
    Neymar
    MasculinAge : 26Messages : 139

    Mer 15 Jan 2014 - 10:55

    Merci du Partage o/
    Masterweb80
    Masterweb80
    FémininAge : 35Messages : 129

    Mer 15 Jan 2014 - 21:03

    Merci bien
    Contenu sponsorisé


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