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

Vorn

Age : 28Messages : 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

xX~Miki~Xx

Age : 24Messages : 15

Sam 18 Aoû 2012 - 20:02

Merci du partage \o/

Mraw'

Age : 29Messages : 18

Sam 18 Aoû 2012 - 22:47

Merci, ça me sera bien utile. :3

Karmixi

Age : 28Messages : 61

Lun 20 Aoû 2012 - 18:21

Merci je cherchais justement **

luangue

Age : 36Messages : 34

Mar 21 Aoû 2012 - 11:02

merci

Lamia

Age : 29Messages : 154

Mer 22 Aoû 2012 - 17:56

Merci du partage =).

Piinkyuu

Age : 29Messages : 27

Mer 22 Aoû 2012 - 18:24

Merci beaucoup.

choupinette65

Age : 38Messages : 18

Jeu 23 Aoû 2012 - 0:25

merci

XxjeremixX

Age : 28Messages : 74

Ven 24 Aoû 2012 - 19:47

jveu voir ^^

Xboxcom

Age : 28Messages : 34

Ven 24 Aoû 2012 - 22:15

Ca doit rendre pas mal, je vais tester, et merci déja !

-> Je viens de le faire, et effectivement ça rend super ! Grand merci à toi !

OMJ

Age : 34Messages : 92

Sam 25 Aoû 2012 - 18:58

Merci

Ombresia

Age : 29Messages : 46

Dim 26 Aoû 2012 - 2:27

Merci ._.

Elena'

Age : 30Messages : 26

Dim 26 Aoû 2012 - 14:49

Merci c'est superbe

Gypsie

Age : 25Messages : 35

Lun 27 Aoû 2012 - 19:45

Merci :)

Candy †

Age : 27Messages : 43

Lun 27 Aoû 2012 - 20:33

Mici :)

´Saiketsu «

Age : 27Messages : 80

Mar 28 Aoû 2012 - 2:36

Je veux voir *-*

Rozenwyn

Age : 29Messages : 11

Mar 28 Aoû 2012 - 18:41

Merci beaucoup pour ce code !

Crook's

Age : 25Messages : 15

Mar 28 Aoû 2012 - 20:23

Merci pour l'astuce ! :)

fafa

Age : 34Messages : 34

Mar 28 Aoû 2012 - 21:03

merci

CECILE362

Age : 35Messages : 198

Jeu 30 Aoû 2012 - 11:36

Merci beaucoup

Kiwix

Age : 29Messages : 68

Dim 2 Sep 2012 - 22:56

Merci beaucoup !!

chardonoire.....CMF

Age : 58Messages : 22

Dim 2 Sep 2012 - 23:50

C'est super merci

Le chat bleu

Messages : 44

Lun 3 Sep 2012 - 0:02

Merci ! C'est cool !

Zuiichi

Age : 31Messages : 122

Mar 4 Sep 2012 - 12:22

merci ^^

Divine55

Age : 27Messages : 16

Mar 4 Sep 2012 - 14:12

Merci !

Little Pon

Age : 29Messages : 45

Mer 5 Sep 2012 - 18:18

Je le veux ! *^*
Merci ♥

Contenu sponsorisé