[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

Naruhiko

Age : 25Messages : 119

Dim 10 Mar 2013 - 20:41

merci

Syra

Age : 31Messages : 72

Jeu 14 Mar 2013 - 19:04

Merci =3

Pandora*

Age : 25Messages : 33

Sam 16 Mar 2013 - 11:42

Merciii !

Lena

Age : 33Messages : 100

Sam 16 Mar 2013 - 16:32

merci =D

Lylinee

Age : 34Messages : 26

Lun 18 Mar 2013 - 16:28

merci pour cette astuce =)

endless

Age : 26Messages : 12

Mer 20 Mar 2013 - 20:31

Merci :3

Destiny

Age : 32Messages : 36

Mer 20 Mar 2013 - 21:21

Merci

Ombre Félïnsse

Age : 24Messages : 11

Sam 23 Mar 2013 - 11:29

merci !

Cola

Age : 24Messages : 81

Lun 25 Mar 2013 - 7:59

Merciii

Cersei Lannister

Age : 32Messages : 13

Lun 25 Mar 2013 - 23:50

merci beaucoup du partage :)

Kamesora

Age : 31Messages : 93

Mar 26 Mar 2013 - 12:51

merci ♥

Kiki*

Age : 27Messages : 32

Ven 29 Mar 2013 - 20:41

Merci du partage ♥

Arcanata

Age : 30Messages : 18

Ven 29 Mar 2013 - 21:04

Merci :)

Thiaskia

Age : 32Messages : 8

Ven 29 Mar 2013 - 21:52

J'messaye. Merci d'avance :3

Capouccino

Age : 26Messages : 204

Sam 30 Mar 2013 - 11:10

Danke o/

Olympus

Age : 32Messages : 16

Sam 30 Mar 2013 - 13:49

Merci!:)

mary_sweetie

Age : 36Messages : 11

Dim 31 Mar 2013 - 15:06

Merci beaucoup pour l'astuce

Honeey L.

Age : 31Messages : 80

Dim 31 Mar 2013 - 16:19

Merci pour le partage :)

Shaoran

Age : 31Messages : 9

Lun 1 Avr 2013 - 11:55

Merci !

Castielle

Age : 28Messages : 33

Lun 8 Avr 2013 - 2:14

Merci beaucoup :)

LickingBoot

Age : 25Messages : 503

Lun 8 Avr 2013 - 22:34

moi <3

Leelo'

Age : 23Messages : 28

Mar 9 Avr 2013 - 17:43

Merci, je le cherchais depuis longtemps :) !

Guift

Age : 24Messages : 50

Mer 10 Avr 2013 - 17:44

merci du partage je file l'essayer :3

Emma-Iseult

Age : 27Messages : 44

Sam 13 Avr 2013 - 14:15

Merci !

Truffe

Age : 33Messages : 12

Dim 14 Avr 2013 - 16:56

Merci du partage~

Contenu sponsorisé