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 à ne pas rater :
Cartes Pokémon EV8.5 : coffret dresseur d’élite ETB Évolutions ...
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 4 JGBUOP6
    Chocolakato
    Chocolakato
    FémininAge : 34Messages : 837

    Mer 4 Juil 2012 - 3:15

    Ouiiiiiii, ça c'est cool Very Happy



    Kispz.
    Kispz.
    FémininAge : 27Messages : 27

    Mer 4 Juil 2012 - 18:36

    J'aime beaucoup le résultat , merci pour le partage (:



    [CSS] Hover (défilement bref) sur les noms catégories et forums  - Page 4 Roxetrouky8[CSS] Hover (défilement bref) sur les noms catégories et forums  - Page 4 Roxetrouky5
    [CSS] Hover (défilement bref) sur les noms catégories et forums  - Page 4 Roxetrouky9[CSS] Hover (défilement bref) sur les noms catégories et forums  - Page 4 Roxetrouky4

    Alehandra
    Alehandra
    FémininAge : 29Messages : 43

    Lun 9 Juil 2012 - 0:07

    Merci pour l'astuce. o/
    T_Time
    T_Time
    FémininAge : 27Messages : 104

    Mer 11 Juil 2012 - 15:05

      Thanks :)
    Maï-li
    Maï-li
    FémininAge : 32Messages : 30

    Sam 14 Juil 2012 - 9:52

    ^^ cooool mercii =)
    Lakxi
    Lakxi
    FémininAge : 31Messages : 40

    Ven 20 Juil 2012 - 12:04

    ow, c'est cool !
    thks : )
    Vine
    Vine
    FémininAge : 35Messages : 9

    Ven 20 Juil 2012 - 19:34

    Excellent ! Un code super sympa, merci à toi :)
    kamisama19
    kamisama19
    FémininAge : 30Messages : 17

    Sam 21 Juil 2012 - 16:48

    Merci ~ c'est ce que je cherchais =w=
    Reiõ
    Reiõ
    MasculinAge : 31Messages : 206

    Dim 22 Juil 2012 - 14:46

    Merci =)
    Tetsu
    Tetsu
    FémininAge : 25Messages : 23

    Dim 29 Juil 2012 - 17:23

    Haaan je veux voir ;o; vive Never Utopia et leurs membres :)
    Drizzle
    Drizzle
    FémininAge : 26Messages : 135

    Lun 30 Juil 2012 - 14:55

    Arigatô



    [CSS] Hover (défilement bref) sur les noms catégories et forums  - Page 4 800961Drizzle
    Mitsuomi Takayanagi
    Mitsuomi Takayanagi
    Age : 32Messages : 76

    Sam 4 Aoû 2012 - 0:39

    Merci pour l'astuce



    [CSS] Hover (défilement bref) sur les noms catégories et forums  - Page 4 Bannol1xj5
    ChocoCookie
    ChocoCookie
    FémininAge : 26Messages : 22

    Sam 4 Aoû 2012 - 11:37

    Nyaa~ Arigatô !



    [CSS] Hover (défilement bref) sur les noms catégories et forums  - Page 4 696140Bannire
    Life in colors
    Nunuelle
    Nunuelle
    FémininAge : 25Messages : 28

    Dim 5 Aoû 2012 - 14:49

    J'ai envie de voir le code alors je poste un petit merci
    Naruhiko
    Naruhiko
    MasculinAge : 26Messages : 119

    Lun 6 Aoû 2012 - 20:21

    Merci !



    [CSS] Hover (défilement bref) sur les noms catégories et forums  - Page 4 Sans_t10
    Lexie
    Lexie
    FémininAge : 33Messages : 46

    Mar 7 Aoû 2012 - 1:09

    Merci
    Slown
    Slown
    FémininAge : 29Messages : 62

    Mar 7 Aoû 2012 - 13:24

    Merci Very Happy
    âme
    âme
    FémininAge : 59Messages : 154

    Mer 8 Aoû 2012 - 13:56

    Je veux bien découvrir, merci :)



    Sur Color'Avenue, L'urgent est déjà fait, l'impossible est en cours...pour les miracles, prévoir un délais.
    CathyCréation
    CathyCréation
    FémininAge : 45Messages : 207

    Mer 8 Aoû 2012 - 14:00

    merci
    cosmos-chann
    cosmos-chann
    FémininAge : 27Messages : 115

    Mer 8 Aoû 2012 - 15:30

    Merci
    Pontos
    Pontos
    MasculinAge : 30Messages : 23

    Mer 8 Aoû 2012 - 16:02

    Merci !
    Laega
    Laega
    FémininAge : 35Messages : 106

    Jeu 9 Aoû 2012 - 15:28

    Merci pour ce tuto, je me mets tout de suite à la tache.
    Nickel ça fonctionne et ça rend super bien!
    Jo-Champi
    Jo-Champi
    FémininAge : 36Messages : 68

    Sam 11 Aoû 2012 - 4:21

    Je veux!!! :love:
    Nyan-cat
    Nyan-cat
    FémininAge : 26Messages : 326

    Sam 11 Aoû 2012 - 8:40

    michiii 83



    [CSS] Hover (défilement bref) sur les noms catégories et forums  - Page 4 Nyan_cat_in_portals_by_ds_dna-d56j8yb
    FREAKS*
    FREAKS*
    FémininAge : 29Messages : 30

    Dim 12 Aoû 2012 - 1:23

    Merci Razz
    Contenu sponsorisé


      La date/heure actuelle est Ven 13 Déc 2024 - 23:10