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

Vorn

Age : 27Messages : 2342

Lun 26 Mar 2012 - 18:40

Rappel du premier message :

#phpBB2

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

Katia Akane

Age : 33Messages : 37

Mer 5 Sep 2012 - 21:48

Exactement ce que je voulais merci beaucoup !!

InkBoy

Age : 31Messages : 66

Ven 7 Sep 2012 - 3:04

Merci pour le tuto

Haloanie

Age : 34Messages : 4

Ven 7 Sep 2012 - 21:40

Je le cherchais depuis longtemps merci !!

Tifastrife

Age : 31Messages : 259

Sam 8 Sep 2012 - 22:09

Merci pour l'astuce

Mimi-Haine

Age : 25Messages : 32

Lun 10 Sep 2012 - 19:24

Owiii j'aime ♥ Merchi beaucoup pour ce code =D

Rictus

Age : 24Messages : 23

Mer 12 Sep 2012 - 17:40

Merci **

SkullKid

Age : 29Messages : 13

Mer 12 Sep 2012 - 18:30

Merci

Tchi

Age : 31Messages : 40

Mer 12 Sep 2012 - 22:41

Merci pour ce cooode **

Zee

Age : 33Messages : 37

Jeu 13 Sep 2012 - 1:39

Trop cool ! Merci !

Nyy'

Age : 26Messages : 12

Dim 16 Sep 2012 - 15:08

Merci, je suis impatiente de voir le résultat

nuanciel

Age : 32Messages : 139

Lun 17 Sep 2012 - 10:23

Merci pour le partage

Ruby*

Age : 32Messages : 24

Jeu 20 Sep 2012 - 22:21

Merci bien (:

kingmazigh

Age : 34Messages : 13

Ven 21 Sep 2012 - 1:54

merci

Okami

Age : 29Messages : 620

Ven 21 Sep 2012 - 20:55

Intéressant Thanx

laora.

Age : 35Messages : 13

Sam 22 Sep 2012 - 22:04

merci :)

Noizy.

Age : 25Messages : 43

Dim 30 Sep 2012 - 13:25

Merci.

Invité

Mar 2 Oct 2012 - 20:35

Wouah merci du partage *o*

DarkNemi

Age : 31Messages : 17

Mer 3 Oct 2012 - 21:54

ça a l'air marrant :3

Hell's

Age : 25Messages : 15

Jeu 4 Oct 2012 - 18:08

:)

Merino

Age : 28Messages : 55

Jeu 4 Oct 2012 - 18:30

Merci beaucoup !

black . Devil

Age : 33Messages : 37

Jeu 11 Oct 2012 - 17:17

Merci beaucoup =D

Beaummont

Age : 37Messages : 19

Ven 12 Oct 2012 - 1:47

Merci

fraisy

Age : 29Messages : 37

Sam 13 Oct 2012 - 9:16

cool

Sarah W.

Age : 25Messages : 35

Jeu 18 Oct 2012 - 14:31

Merci

Okami

Age : 29Messages : 620

Ven 19 Oct 2012 - 5:19

merci !

Contenu sponsorisé