[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

Belosnezhka

Age : 26Messages : 283

Ven 21 Juin 2013 - 12:23

Merci ♪

Miyoshi

Age : 30Messages : 54

Ven 21 Juin 2013 - 17:25

Envie de voir, et merci d'avance !

katia06

Age : 55Messages : 203

Ven 21 Juin 2013 - 17:30

ca m'interresse

UndeadTeddy

Age : 33Messages : 8

Mer 26 Juin 2013 - 20:30

Merci

Eyko@

Age : 24Messages : 30

Jeu 27 Juin 2013 - 13:59

merci beaucoup

MsCrazy.E

Age : 27Messages : 183

Ven 28 Juin 2013 - 17:33

Merci ! :)

Cléliia

Age : 26Messages : 42

Sam 29 Juin 2013 - 17:06

Merci ! ^^

pierre31250

Age : 28Messages : 38

Sam 29 Juin 2013 - 20:07

merci

Sunshine.

Age : 27Messages : 18

Dim 30 Juin 2013 - 19:15

Merci^^

Macaron

Age : 25Messages : 37

Lun 1 Juil 2013 - 9:34

Merci, c'est ce que je cherchais ! :)

Sayurii

Age : 33Messages : 11

Lun 1 Juil 2013 - 19:39

Merci pour l'astuce, c'est original ! :)

Invité

Mer 3 Juil 2013 - 14:43

mercii

.SaKou.

Age : 28Messages : 57

Sam 6 Juil 2013 - 13:56

Huhu, intéressant O:
Merci

Pony62

Age : 29Messages : 61

Dim 7 Juil 2013 - 0:54

j'aime beaucoup !: ** Merci

Féline

Age : 26Messages : 10

Lun 8 Juil 2013 - 12:26

Merci

NathanaelSane

Age : 31Messages : 73

Mar 9 Juil 2013 - 3:47

Merci

Poulpy

Age : 35Messages : 32

Mar 9 Juil 2013 - 15:39

Thanks !

Poulpy

Age : 35Messages : 32

Mar 9 Juil 2013 - 16:05

Merciiii

Elegna

Age : 29Messages : 17

Jeu 11 Juil 2013 - 0:18

Super code, merci

SundayGirl

Age : 30Messages : 11

Mar 16 Juil 2013 - 15:57

merci

louha

Age : 37Messages : 219

Mer 17 Juil 2013 - 13:12

merci !

louha

Age : 37Messages : 219

Mer 17 Juil 2013 - 13:55

je double poste - je sais c'est mal - dans quel fichier ce trouve ce fichu forumlink ?? J'ai beau tous les ouvrir avec notepad++ et faire une recherche, impossible de le trouver >.> (si j'suis pas au bon endroit pour la question dites le moi )

Scatty

Age : 25Messages : 22

Sam 20 Juil 2013 - 17:19

Merci :3

SweetieBay

Age : 32Messages : 146

Mar 23 Juil 2013 - 21:49

merci =)

Nileeda

Age : 28Messages : 42

Mer 24 Juil 2013 - 16:10

Merci du partage ! :)

Contenu sponsorisé