[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

Hyuna

Age : 27Messages : 98

Sam 6 Déc 2014 - 11:47

Merci Merci **

Tsuki27

Age : 32Messages : 32

Lun 8 Déc 2014 - 8:40

ty

Scare Leonheart

Age : 30Messages : 202

Dim 14 Déc 2014 - 15:52

Thks

Doctor Who

Age : 30Messages : 160

Ven 19 Déc 2014 - 20:35

Merci :)

Kiki85

Age : 29Messages : 398

Lun 22 Déc 2014 - 0:58

Merci :)

Rawder

Age : 24Messages : 10

Sam 27 Déc 2014 - 21:43

Merci

reshiram44

Age : 25Messages : 380

Jeu 1 Jan 2015 - 18:00

mercfi

yukitg

Age : 34Messages : 18

Ven 2 Jan 2015 - 4:03

Merci beaucoup pour le partage!

Invité

Dim 11 Jan 2015 - 14:19

Contry

Age : 24Messages : 28

Dim 18 Jan 2015 - 13:49

J'adore

cali60

Age : 38Messages : 58

Dim 18 Jan 2015 - 18:39

merci :)

Arisu

Age : 35Messages : 119

Mer 28 Jan 2015 - 23:05

Merci !

Bleu

Age : 26Messages : 14

Mar 17 Fév 2015 - 10:23

Merci ! :)

Paradéo

Age : 26Messages : 21

Mar 17 Fév 2015 - 11:54

Super ! Merciii ! :3

L'Epineuse

Age : 29Messages : 32

Mar 17 Fév 2015 - 14:55

merci pour l'astuce !

Eshon

Age : 43Messages : 197

Jeu 19 Fév 2015 - 0:33

Merci !

Banhjo

Age : 26Messages : 76

Jeu 19 Fév 2015 - 3:06

Cool, merci du partage

Kyuusei Ban

Age : 31Messages : 69

Sam 14 Mar 2015 - 10:47

Merci :3

Luna_Rakuen

Age : 31Messages : 79

Mar 17 Mar 2015 - 12:32

merci :3

Choko

Age : 24Messages : 61

Sam 28 Mar 2015 - 0:48

micimici :3

Mister CK

Age : 30Messages : 28

Mar 7 Avr 2015 - 7:38

Merci à toi !

Krager

Age : 28Messages : 68

Mer 15 Avr 2015 - 21:16

Merci

The Shiya

Age : 34Messages : 77

Lun 20 Avr 2015 - 20:17

merci

Abby Reever

Age : 32Messages : 146

Lun 4 Mai 2015 - 12:54

Haaan ce que je cherchais! Merci!

Fayzl4D

Age : 27Messages : 84

Ven 15 Mai 2015 - 7:12

merci

Contenu sponsorisé