[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

Céline

Age : 32Messages : 9

Mer 6 Fév 2013 - 14:52

Merci pour le code ^-^

Cydae

Age : 31Messages : 99

Ven 8 Fév 2013 - 15:04

Merci beaucoup!

Lime

Age : 28Messages : 32

Dim 10 Fév 2013 - 3:44

Je suis un petit peu curieuse, je vais voir ça, merci o:

Sun01

Age : 31Messages : 24

Lun 11 Fév 2013 - 20:54

merci

Hayden Joy

Age : 30Messages : 24

Mer 13 Fév 2013 - 15:42

Thanks man !

Tony`s

Age : 32Messages : 64

Jeu 14 Fév 2013 - 4:54

merci bravo !

Mermaid

Age : 29Messages : 36

Jeu 14 Fév 2013 - 22:16

Trop bien owo

bianca ~♥~

Age : 56Messages : 111

Ven 15 Fév 2013 - 18:38

merci ^^

Jung Shin Il

Age : 25Messages : 12

Ven 15 Fév 2013 - 20:32

Merci ~

Nawak

Age : 26Messages : 112

Sam 16 Fév 2013 - 16:56

Merci!

Souky Mitsu

Age : 33Messages : 124

Sam 16 Fév 2013 - 17:12

cool ! Merci =D

Nobuko2

Age : 48Messages : 43

Sam 16 Fév 2013 - 22:38

Merci !

Sonoshee

Age : 31Messages : 30

Mar 19 Fév 2013 - 21:07

Merssshii !

Nahana Pinlane

Age : 23Messages : 46

Mar 19 Fév 2013 - 22:57

Merci

.Just Me

Age : 23Messages : 42

Sam 23 Fév 2013 - 18:20

merci

LickingBoot

Age : 25Messages : 503

Sam 23 Fév 2013 - 19:04

Merci

Wild

Age : 28Messages : 57

Lun 25 Fév 2013 - 21:31

Oh mais c'est tout beau, ça ♥ Merci

Nalih

Age : 26Messages : 91

Jeu 28 Fév 2013 - 20:38

Thanks !

Amissia

Age : 24Messages : 20

Jeu 28 Fév 2013 - 21:30

Merciii :3

Ayam ♪

Age : 27Messages : 2

Mer 6 Mar 2013 - 21:45

l

Toupimero

Age : 63Messages : 56

Jeu 7 Mar 2013 - 8:37

Tu aurais pu prendre le temps de te présenter et de poster - au moins - merci Ayam ...

Ayam ♪

Age : 27Messages : 2

Jeu 7 Mar 2013 - 10:33

Oh merde, désolé j'ai pas fait exprès de poster (poster un l, d'ailleurs, c'pas hyper constructif). J'ai essayé de supprimé, mais je n'arrive qu'à éditer..

Nahana Pinlane

Age : 23Messages : 46

Ven 8 Mar 2013 - 3:26

merci

charle26

Age : 26Messages : 20

Dim 10 Mar 2013 - 16:52

Merci, je cherchais ce code depuis tellement longtemps !!

HeliOs-G

Age : 25Messages : 21

Dim 10 Mar 2013 - 20:30

Merci :)

Contenu sponsorisé