[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

Invité

Sam 26 Avr 2014 - 0:04

Merci :3

Kraken

Age : 31Messages : 137

Sam 26 Avr 2014 - 18:36

Merci ♥

Aïda

Age : 29Messages : 35

Dim 27 Avr 2014 - 0:31

merci!!

Shuna

Age : 29Messages : 137

Dim 27 Avr 2014 - 16:55

merciii

SinoJak

Age : 22Messages : 44

Lun 28 Avr 2014 - 10:22

merci

TheHG

Age : 29Messages : 52

Ven 9 Mai 2014 - 3:43

Merci !

Amélia

Age : 24Messages : 49

Ven 9 Mai 2014 - 13:04

Merci !

Patapou

Age : 24Messages : 15

Mer 14 Mai 2014 - 18:18

Merci

HW.

Age : 23Messages : 10

Dim 25 Mai 2014 - 23:12

merci :3

Chrono

Age : 32Messages : 14

Lun 26 Mai 2014 - 23:55

Merci! ^^

Miss lili

Age : 33Messages : 49

Mer 28 Mai 2014 - 11:33

très belle effet merci

Lilise

Age : 26Messages : 22

Mar 3 Juin 2014 - 18:46

Merci !

Shinju.dot

Age : 34Messages : 88

Ven 13 Juin 2014 - 17:43

Merci

Tsuki27

Age : 32Messages : 32

Ven 13 Juin 2014 - 18:43

Oh oui trop fan !

Kau

Age : 22Messages : 148

Dim 15 Juin 2014 - 2:24

J'adore l'effet ! Merci beaucoup ! 83

Invité

Lun 16 Juin 2014 - 19:17

Merci !

Cruelly

Age : 30Messages : 2605

Mar 17 Juin 2014 - 0:41

Je vais tenter sa :)
Merci ^^

Mako

Messages : 34

Mar 17 Juin 2014 - 2:41

merci !

Fricadella

Age : 26Messages : 12

Mar 17 Juin 2014 - 16:27

C'est très bien fait, merci du partage :)

Vegvisir

Age : 24Messages : 411

Mer 25 Juin 2014 - 16:01

Merci beaucoup pour le partage ^.^

Jawilsia

Age : 32Messages : 143

Jeu 26 Juin 2014 - 1:11

Merci

Chewbi

Age : 27Messages : 39

Ven 27 Juin 2014 - 21:20

C'est super ! Merci ^^

Daisy Hardman

Age : 26Messages : 60

Jeu 3 Juil 2014 - 15:11

merci

Miss Snow

Age : 24Messages : 56

Sam 5 Juil 2014 - 10:38

Merci!

Petit Harfang

Age : 23Messages : 80

Lun 14 Juil 2014 - 15:16

Merci   

Contenu sponsorisé