CSS Effet sur lien

Version imprimable

CSS Effet sur lien

Bonjour,

Je n'arrive pas à réaliser cet effet :

Code:

text-shadow:2px 2px 4px grey;

Sur un hyperlien ou même sur du texte, voici ce que j'ai essayé :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 a.forum:link{ color:red; font-size: 12pt; font-family:Arial, serif; text-decoration:none; position:absolute; top:233px; left:300px; } a.forum:hover{ position:absolute; top:233px; left:300px; color:Blue; text-shadow:2px 2px 4px grey; } a.forum:Visited{ color:yellow; font-size: 12pt; font-family:Arial, serif; text-decoration:none; text-shadow:2px 2px 4px grey; position:absolute; top:233px; left:300px; }
A noter que les couleurs sont provisoires histoire de bien distinguer le tout...

Je ne comprend pas pourquoi l'effet css ne fonctionne pas...

Merci de votre aide.

Vous pouvez constater ce code à cette adresse :

http://www.pilote-fsx.net/

Mon but est de reproduire le même effet que sur l'autre site de notre communauté :
http://www.pilote-fsx.com

Merci de votre aide !

09/04/2009, 10h37
Bisûnûrs

Citation:

Envoyé par jojo86

Vous pouvez constater ce code à cette adresse :

http://www.pilote-fsx.net/

Heu, bof, il n'y a qu'une image dans ton code HTML, aucun lien sur lesquels appliquer le style, donc on ne risque pas de voir grand chose.

Citation:

Envoyé par jojo86

Mon but est de reproduire le même effet que sur l'autre site de notre communauté :
http://www.pilote-fsx.com

A cette adresse, l'effet est réalisé grâce à une image.

Au passage, la propriété text-shadow qui fait partie du working draft CSS3 n'est encore implémentée que sur Safari.
09/04/2009, 11h03
jojo86

La personne qui à édité l'autre site est actuellement indisponible.

Mais il s'agirait en faite d'une image et lorsqu'on passe la souris dessu, l'image change c'est sa?

On peut le faire en css???

Si oui de quelle façon???
09/04/2009, 12h29
HiRoN

Citation:

Envoyé par jojo86

Mais il s'agirait en faite d'une image et lorsqu'on passe la souris dessu, l'image change c'est sa?
On peut le faire en css ?

En effet...
Oui, cela est possible en CSS (plusieurs façons de faire).
- Modification de l'image sur le hover du lien (modification via background:url(); par exemple)
- Modification via un background-position (chargement de la l'image entière lors du chargement de la page (donc lien normal + effet hover) avec une modification de la position du background lors du hover.
- Simple Rollover

Tu devrais trouver facilement bons nombres de tutoriels sur le sujet ;)