[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

Diie

Age : 32Messages : 9

Ven 26 Juil 2013 - 1:09

Merci

Valhalla

Age : 33Messages : 105

Sam 27 Juil 2013 - 11:30

Merci

Jabberwock Elyra

Age : 30Messages : 44

Sam 27 Juil 2013 - 12:10

merci ♥

Mika-chan

Age : 32Messages : 76

Jeu 1 Aoû 2013 - 14:57

Merci beaucoup pour l'effet : )

Laxuslightning

Age : 31Messages : 48

Jeu 1 Aoû 2013 - 17:29

Merci ;D

YellowBanana

Age : 32Messages : 94

Lun 5 Aoû 2013 - 22:24

C'est ce que je cherche, merci o/

Calypso Luciano

Age : 33Messages : 333

Mer 7 Aoû 2013 - 17:03

merci

Kim Jae Yoon

Age : 34Messages : 128

Mer 14 Aoû 2013 - 21:06

Merci beaucoup !

alexandre385

Age : 23Messages : 25

Mer 21 Aoû 2013 - 16:28

Merci

Airore

Age : 25Messages : 132

Jeu 22 Aoû 2013 - 10:32

merc i

Elodie potter

Age : 37Messages : 106

Lun 26 Aoû 2013 - 18:51

merci :)

Snop5

Age : 34Messages : 31

Lun 26 Aoû 2013 - 21:50

Merci d''avance! (:

- NYLY -

Age : 33Messages : 10

Mar 27 Aoû 2013 - 11:40

J'adore et je cherchais depuis longtemps ^^

Merci beaucoup

Eoleum

Age : 32Messages : 15

Mar 27 Aoû 2013 - 16:56

Merciii. °W°

Asmareth

Age : 37Messages : 123

Mar 27 Aoû 2013 - 17:50

On a voir ça pour répondre à la question d'Eoleum :)

SNMitsuki

Age : 27Messages : 63

Ven 30 Aoû 2013 - 11:57

Merci beaucoup (:

Delfixyon

Age : 28Messages : 26

Ven 30 Aoû 2013 - 18:27

Merci beaucoup, cela va m'être utile =)

Airore

Age : 25Messages : 132

Sam 7 Sep 2013 - 10:39

merci !

Tansi Liekky

Age : 33Messages : 39

Ven 13 Sep 2013 - 14:47

merci beaucoup x)

Asgardian

Age : 34Messages : 21

Sam 14 Sep 2013 - 1:54

Génial  merci !

Swethlana.

Age : 25Messages : 24

Sam 14 Sep 2013 - 12:03

Merci beaucoup ! J'aime bien l'idée ^^

ClaryF

Age : 34Messages : 138

Sam 14 Sep 2013 - 21:49

Merci o/

DarkWrestler.

Age : 29Messages : 36

Jeu 19 Sep 2013 - 15:05

Merci.

Widfara

Age : 25Messages : 2

Ven 20 Sep 2013 - 17:27

Merci ! :3

Miss Pirate

Age : 24Messages : 24

Ven 20 Sep 2013 - 18:47

Cool cool cool ! Je cherchais ce code depuis un bail

Contenu sponsorisé