Discussion :

[jojo86]

Bonjour,

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 !

[Bisûnûrs]

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.

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.

[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???

[HiRoN]

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