Insérer un fichier .svg sur un forum

[adminîle]

Bonjour :zen:
Je cherchais un code pour modifier la saturation d'une image au passage de la souris (noir&blanc/couleur). J'ai trouvé les fameuses balises "filter: gray; -webkit-filter: grayscale(1);" qui fonctionne biien (: Mon soucis c'est que l'effet ne fonctionne que sur Chrome... Cependant je suis tombée sur ce très bon tuto qui donne une solution pour faire fonctionner le code sur Firefox. J'en viens donc à mon problème : l'auteur du tuto dit que " il faut mettre dans le dossier de votre site un fichier filters.svg" (c'est une astuce destinée aux sites web). Ma question est : y'a-t-il un moyen de placer/héberger un fichier .svg sur un forum ? afin que l'effet fonctionne sur la page d’accueil de mon forum !

Voilà je ne sais pas si j'ai été très claire dans ce que je souhaite faire, n'hésitez pas à me demander des précisions (: Dans tous les cas je vous remercie d'avance de votre réponse ♥

[Zadig]

Bonsoir bonsoir !

Alors, l'hébergement de fichier SVG étant encore obscur pour moi, j'ai tenté ma chance autrement et dans ton code, essaie de remplacer:

Code:

li img{   opacity: 0.6;
filter: url(filters.svg#grayscale); /* Firefox 3.5+ */ filter: gray; /* IE5+ */ -webkit-filter: grayscale(1); /* Webkit Nightlies & Google Chrome Canary */ }

Code:

li img{
   opacity: 0.6;
   filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
   filter: gray; /* IE5+ */
   -webkit-filter: grayscale(1); /* Webkit Nightlies & Google Chrome Canary */

Au lieu d'héberger le fichier, on l'appelle directement dans le CSS, ça devrait fonctionner (du moins sur une page HTML =)

Bon courage

[adminîle]

Mercii beaucoup Zadig, ça me parait être une très très bonne solution
Alors par contre j'ai un petit soucis, car pour le moment mon code css est placé dans ma Feuille de style CSS et du coup il m'affiche le message suivant "Les balises html génèrent des erreurs dans les feuilles de style..." Comment procède-t-on pour mettre du CSS directement sur une page HTML ou en l'occurence ici sur la page d’accueil du forum ? (:

Merci d'avance !

[adminîle]

Pardon, stupide question de ma part en fait j'avais oublié le fameux :



Code:

<STYLE TYPE="text/css">
</STYLE>

Du coup mon problème est officiellement résolu, ça marche parfaitement (: Mercii encore Zadig ♥