Insérer un fichier .svg sur un forum

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Insérer un fichier .svg sur un forum

Message par adminîle le Dim 30 Sep 2012 - 20:44

      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 ♥



Dernière édition par adminîle le Dim 30 Sep 2012 - 22:17, édité 1 fois

adminîle
***

Féminin
Messages : 116
Inscrit(e) le : 05/04/2008

http://theisland.forumakers.com/
adminîle a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Insérer un fichier .svg sur un forum

Message par Zadig le Dim 30 Sep 2012 - 21:53

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 Very Happy

Zadig
**

Messages : 54
Inscrit(e) le : 25/11/2010

http://www.nameless-rpg.com
Zadig a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Insérer un fichier .svg sur un forum

Message par adminîle le Dim 30 Sep 2012 - 22:11

    Mercii beaucoup Zadig, ça me parait être une très très bonne solution Clin d\'oeil
    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
***

Féminin
Messages : 116
Inscrit(e) le : 05/04/2008

http://theisland.forumakers.com/
adminîle a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Insérer un fichier .svg sur un forum

Message par adminîle le Dim 30 Sep 2012 - 22:19

    Pardon, stupide question de ma part en fait Mais oui 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 ♥


adminîle
***

Féminin
Messages : 116
Inscrit(e) le : 05/04/2008

http://theisland.forumakers.com/
adminîle a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum