[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

Insane.

Age : 26Messages : 83

Sam 8 Oct 2016 - 16:18

J'aime beaucoup !

Darouine Lius

Age : 35Messages : 77

Mer 26 Oct 2016 - 12:38

merci

Giovale

Age : 33Messages : 16

Mar 31 Jan 2017 - 23:51

Merci !

Donquichotte

Age : 28Messages : 48

Ven 17 Fév 2017 - 3:20

merci

Necrolythia

Age : 37Messages : 580

Mar 7 Mar 2017 - 10:42

Coucou, j'aime beaucoup, merci

Llunn

Age : 34Messages : 88

Ven 31 Mar 2017 - 4:32

Thanks

luxury67

Age : 32Messages : 20

Dim 2 Avr 2017 - 17:13

merci !

viteundoliprane

Age : 33Messages : 3

Dim 16 Avr 2017 - 0:11

merci

LaCrapul

Age : 30Messages : 24

Jeu 27 Avr 2017 - 12:00

Merci de l'astuce :)

Mashi Hozuki

Age : 27Messages : 28

Ven 5 Mai 2017 - 20:30

merci !!

LaCrapul

Age : 30Messages : 24

Mer 5 Juil 2017 - 19:23

Thanks

Kaushui

Age : 26Messages : 19

Mer 12 Juil 2017 - 19:18

L'idée est sympa, ça anime un peu, merci du partage !
Au passage, j'aimerai bien connaître l'astuce pour les groupes du QEEL :3

Hitsu'

Age : 29Messages : 55

Sam 22 Juil 2017 - 16:13

Merci beaucoup !

PROGA

Age : 29Messages : 6

Lun 21 Aoû 2017 - 20:14

merci

Thanos

Age : 28Messages : 84

Mer 27 Sep 2017 - 0:54

merci

Demily

Age : 38Messages : 52

Jeu 5 Oct 2017 - 11:14

Merci pour le partage !

marie-noelle

Age : 67Messages : 112

Jeu 26 Oct 2017 - 1:51

merci

jelayde

Age : 36Messages : 18

Mar 14 Nov 2017 - 11:29

code intéressant !!

AMYROSSLEDGER

Age : 30Messages : 37

Sam 18 Nov 2017 - 1:43

excellent travail !

Cornelia

Age : 36Messages : 118

Sam 23 Déc 2017 - 23:18

Merci

Coco-Lapin02

Age : 56Messages : 167

Dim 7 Jan 2018 - 19:13

Par curiosité, merci d'avance pour le partage

Yukihyo

Age : 27Messages : 98

Sam 3 Fév 2018 - 13:36

Merci

Gareth Bale

Age : 33Messages : 14

Sam 7 Avr 2018 - 22:28

Merci

Contenu sponsorisé