par
ischnura » 30 nov. 2007, 19:39
Pas de problème, oliwen, on va régler ça.
1) Les bases d'abord : il te faut deux fichiers, un pour IE7, un autre pour Firefox, Opera, etc.
Celui pour
IE7 doit être un fichier icône qui doit être nommé
favicon.ico et être placé en racine du site. Cette image doit faire 16 pixels sur 16 pixels. Si tu ne peux pas générer un fichier .ico, il existe de très bons générateurs gratuits en ligne (à partir du fichier png, par exemple).
Celui pour
Firefox et Opera n'est pas un fichier icône mais un fichier image, de préférence
png (favicon.png). Cette image fait également 16 pixels sur 16. Ce fichier n'a pas besoin d'être placé à la racine du site, tu peux le mettre dans un dossier image (faut juste pas oublier de spécifier ça dans le chemin).
2) Le code dans ta page. Tu insères deux lignes quelquepart entre les balises <head> et </head> :
Code : Tout sélectionner
<link rel="shortcut icon" type="image/x-icon" href="http://www.lenomdetonsite.com/favicon.ico">
<link rel="icon" type="image/png" href="http://www.lenomdetonsite.com/images/favicon.png">
Il n'est normalement pas besoin de spécifier le chemin complet dans href, mais pour une raison que j'ignore ça semble marcher mieux et à chaque fois. La première ligne c'est pour IE7. La seconde ligne c'est pour les autres navigateurs.
Pas de problème, oliwen, on va régler ça. :wink:
1) Les bases d'abord : il te faut deux fichiers, un pour IE7, un autre pour Firefox, Opera, etc.
Celui pour [b]IE7[/b] doit être un fichier icône qui doit être nommé [b]favicon.ico[/b] et être placé en racine du site. Cette image doit faire 16 pixels sur 16 pixels. Si tu ne peux pas générer un fichier .ico, il existe de très bons générateurs gratuits en ligne (à partir du fichier png, par exemple).
Celui pour [b]Firefox[/b] et Opera n'est pas un fichier icône mais un fichier image, de préférence [b]png[/b] (favicon.png). Cette image fait également 16 pixels sur 16. Ce fichier n'a pas besoin d'être placé à la racine du site, tu peux le mettre dans un dossier image (faut juste pas oublier de spécifier ça dans le chemin).
2) Le code dans ta page. Tu insères deux lignes quelquepart entre les balises <head> et </head> :
[code]<link rel="shortcut icon" type="image/x-icon" href="http://www.lenomdetonsite.com/favicon.ico">
<link rel="icon" type="image/png" href="http://www.lenomdetonsite.com/images/favicon.png">[/code]
Il n'est normalement pas besoin de spécifier le chemin complet dans href, mais pour une raison que j'ignore ça semble marcher mieux et à chaque fois. La première ligne c'est pour IE7. La seconde ligne c'est pour les autres navigateurs.
