[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

yumetenshi

Age : 27Messages : 8

Jeu 6 Mar 2014 - 23:15

merci

Méandre.

Age : 26Messages : 95

Lun 10 Mar 2014 - 21:52

Merci !

Choubakawa

Age : 30Messages : 87

Mar 11 Mar 2014 - 20:34

Merci :)

Maiie

Age : 34Messages : 55

Dim 23 Mar 2014 - 5:47

Merci   

Chan

Age : 29Messages : 2

Lun 24 Mar 2014 - 12:52

Merci!

Naemerys

Age : 27Messages : 13

Lun 31 Mar 2014 - 15:35

Merci :)

Rhythm Star

Age : 23Messages : 61

Lun 31 Mar 2014 - 20:05

Ow , depuis le temps que je le chercher merci ♥

Kathee

Age : 30Messages : 680

Mar 1 Avr 2014 - 11:25

Wouahou merci !!

emilie84

Age : 39Messages : 6

Mar 1 Avr 2014 - 11:49

merci

Licmac.

Age : 31Messages : 18

Mer 2 Avr 2014 - 21:19

Merci beaucoup

skaera22

Age : 29Messages : 72

Jeu 3 Avr 2014 - 15:02

thanks you

LyN[ss]

Age : 32Messages : 105

Ven 4 Avr 2014 - 12:17

Owi je veux voir l'astuce ! Elles sont tellement simple mais tellement jolies, je veux voir comment faire ça ! =D
Merci beaucoup !

Amaliiah

Age : 25Messages : 50

Sam 5 Avr 2014 - 14:36

Merci

Aile

Age : 36Messages : 134

Sam 5 Avr 2014 - 15:30

Je vais testouiller. Merci ^^

Psychotic Bitch

Age : 37Messages : 41

Sam 5 Avr 2014 - 22:07

Merci beaucoup c'est exactement ça que je cherchais :heart:

Rising Pheonix

Age : 39Messages : 23

Sam 5 Avr 2014 - 22:14

Sublime

Aiden. Holmes

Age : 24Messages : 7

Dim 6 Avr 2014 - 13:07

Merci :3

Layla4

Age : 24Messages : 149

Mer 9 Avr 2014 - 15:18

Merci !

Gabriiielle

Age : 32Messages : 53

Jeu 10 Avr 2014 - 13:49

merci :)

Darkeye

Age : 24Messages : 56

Dim 13 Avr 2014 - 14:55

C'est super. *p*

DreamCatcher

Age : 27Messages : 63

Lun 14 Avr 2014 - 8:39

Yep yep, merci beaucoup !

Hop80

Age : 34Messages : 138

Lun 14 Avr 2014 - 15:46

Très sympa merci

Kimberlay *

Age : 34Messages : 161

Mer 16 Avr 2014 - 18:16

J'aime beaucoup!

Allison01

Age : 39Messages : 225

Dim 20 Avr 2014 - 9:38

Oh merci

Leelo

Age : 32Messages : 157

Ven 25 Avr 2014 - 15:11

merci

Contenu sponsorisé