[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

xodramm

Age : 46Messages : 286

Dim 2 Déc 2012 - 21:20

Merci

Sélène

Age : 26Messages : 321

Dim 2 Déc 2012 - 21:36

Yeah je ne trouvais plus comment faire !
Merci beaucoup ♥

Doo

Age : 33Messages : 42

Lun 3 Déc 2012 - 16:59

merci !

shibari

Age : 29Messages : 281

Mar 4 Déc 2012 - 18:50

merci

Mondo Gecko

Age : 39Messages : 51

Mer 5 Déc 2012 - 12:27

Merci

MillinerXIII

Age : 31Messages : 33

Mer 5 Déc 2012 - 20:36

merci ^^

Mitsoky

Age : 24Messages : 28

Ven 7 Déc 2012 - 11:10

Merci ^^

SO'

Age : 26Messages : 23

Sam 8 Déc 2012 - 13:01

Merci !!!

reset

Age : 33Messages : 8

Dim 9 Déc 2012 - 11:31

ça à l'air plutôt cool ça **

Petite Souris

Age : 27Messages : 9

Dim 9 Déc 2012 - 12:20

Merci c'est joulie. **

Light Anonymous

Age : 28Messages : 57

Dim 9 Déc 2012 - 21:04

Wow ~

Iriel

Age : 32Messages : 26

Lun 10 Déc 2012 - 16:18

Merci !

picka230

Age : 59Messages : 93

Mar 11 Déc 2012 - 12:17

merci

shala

Age : 32Messages : 213

Mar 11 Déc 2012 - 16:26

merci

Rosedesvents

Age : 38Messages : 97

Mer 12 Déc 2012 - 13:47

Enfin le voilà *w* Mille merci

Edel

Age : 31Messages : 378

Dim 23 Déc 2012 - 8:31

Merci !!!

TNK

Age : 28Messages : 59

Lun 24 Déc 2012 - 19:03

Sympa comme effet, merci :3

Gingka Hagane

Age : 26Messages : 25

Mar 25 Déc 2012 - 13:26

Thanks

Clémentine

Age : 32Messages : 223

Sam 29 Déc 2012 - 17:21

Je suis curieuse et je voudrais essayer ♫ Merci.

alexiaaa

Age : 25Messages : 45

Lun 31 Déc 2012 - 16:59

cimer

Miyabi

Age : 25Messages : 26

Lun 31 Déc 2012 - 17:52

Merci ! :)

Battosai

Age : 24Messages : 29

Lun 31 Déc 2012 - 19:18

Merci

Synny

Age : 23Messages : 55

Mar 1 Jan 2013 - 7:53

C'est un superbe travail.
Merci du partage.

DrLucis

Age : 29Messages : 9

Mer 2 Jan 2013 - 11:29

Merci. :)

Invité

Mer 2 Jan 2013 - 23:37

Merci infiniment !

Contenu sponsorisé