Bonjour,
Sur beaucoup de sites, dans la fenêtre de l'URL, l'adresse est précédée d'une icône – comme sur ce site ! Je n'ai pas encore trouvé comment on faisait pour l'insérer.
Merci.
Version complète: sur le forum Webmaster Hub : Une icône dans l'URL
CODE
<link rel="icon" type="image/gif" href="/favico.gif" />
Tu met cette ligne sur tes pages et tu places favico.gif à la racine de ton site et le tour est joué.
@++
J'ai oublié de préciser qu'il fallait mettre cette ligne dans la partie <head> </head> de ta page 
J'ai essayé les deux méthodes, mais aucune ne fonctionne, ni avec IE, ni avec FF...
Bonjour,
Tu trouveras toutes les explications dans ces discussions :
- Un favicon, comment ?
- Comment faire des icones
- Firefox et favicon
Tu trouveras toutes les explications dans ces discussions :
- Un favicon, comment ?
- Comment faire des icones
- Firefox et favicon
CITATION(Nerva @ 15 Oct 2004, 14:04)
J'ai essayé les deux méthodes, mais aucune ne fonctionne, ni avec IE, ni avec FF...
Ohhho ohooo étrange, j'utilise exactement ce code chez moi et ca fonctionne
(si tu as testé en local, c'est normal, les liens du type href="/lien" ne fonctionne qu'avec un serveur apache, et renvoient à la racine du site.)
tu peux tester avec href="favico.gif" en local, mais là tu auras un lien relatif.
Moi aussi suis tombé sous le charme de cela ;o)
J'utilise la "méthode" depuis quelques mois de ElMoustiko. Il y a un truc a respecter sur le format de l'image.
J'utilise la "méthode" depuis quelques mois de ElMoustiko. Il y a un truc a respecter sur le format de l'image.
Bah le seul truc à respecter c'est :
type="image/gif" => image.gif
type="image/jpg" => image.jpg
...
...
...
type="image/gif" => image.gif
type="image/jpg" => image.jpg
...
...
...
<link rel="shortcut icon" href="/img/interface/favicon.ico" />
pour ma part ...
pour ma part ...
CITATION(petit-ourson @ 15 Oct 2004, 19:09)
<link rel="shortcut icon" href="/img/interface/favicon.ico" />
pour ma part ...
pour ma part ...
En fait une favicon.ico est automatiquement recherchée par IE et par beaucoup d'autres navigateurs (je ne suis pas 100% sur), donc il n'y a pas a priori besoin de mettre de lien dans <head>.
Cependant pour ceux qui n'aiment pas les fichiers icones, on peut utiliser du GIF et rajouter le lien. Et de toute façon on peut cumuler la favicon.ico et le <link>, surtout quand on ne veux pas la mettre à la racine. ex:
CODE
<link rel="shorcut icon" href="img/favicon.ico" type="image/x-icon" />
"shorcut icon" pouvant créer 2 liens, on peut tout simplement mettre "icon". A confirmer pour la première notation ...
Bonjour,
J'insiste, il faut relire les discussions que j'ai citées
ElMoustiko, ta méthode n'est pas la bonne... dans Un favicon, comment ? tu peux lire
Il n'y a pas de norme du W3C à ce sujet, cette méthode peut cependant être considérée comme une bonne manière de faire :
J'insiste, il faut relire les discussions que j'ai citées
ElMoustiko, ta méthode n'est pas la bonne... dans Un favicon, comment ? tu peux lire
CITATION
La méthode la plus connue (une image favicon.ico à la racine d'un site) n'est pas à recommander.
Quand un utilisateur d'IE ajoute un site dans ses favoris, le navigateur envoie une requête au serveur pour savoir s'il y a une icône (correspondant au fichier favicon.ico). Si cette icône existe, elle remplacera dans la liste des favoris l'icône standard de IE, si elle n'existe pas, un message d'erreur sera ajouté au fichier log du serveur.
Quand un utilisateur d'IE ajoute un site dans ses favoris, le navigateur envoie une requête au serveur pour savoir s'il y a une icône (correspondant au fichier favicon.ico). Si cette icône existe, elle remplacera dans la liste des favoris l'icône standard de IE, si elle n'existe pas, un message d'erreur sera ajouté au fichier log du serveur.
Il n'y a pas de norme du W3C à ce sujet, cette méthode peut cependant être considérée comme une bonne manière de faire :
HTML
<link rel="shortcut icon" type="image/x-icon" href="/img/favicon.ico" />
Monique, les "icones" que j'utilise sont des images gif et ne sont donc pas recherchées par IE à la racine, le problème ne se pose donc pas.
Par ailleur j'ai lu (j'ai pu mal lire, l'article à pu être éronné, ...) que certaines méthodes n'étaient pas valides selon les critères du W3C.
Par ailleur j'ai lu (j'ai pu mal lire, l'article à pu être éronné, ...) que certaines méthodes n'étaient pas valides selon les critères du W3C.
Mon icone ne se trouve pas non plus à la racine.
Et bien il te suffit de changer le chemin :
href="/racine/dossier1/dossier2/favicon.gif"
href="/racine/dossier1/dossier2/favicon.gif"
Salut,
J'ai une favicon icon, mais je ne sais pas si ça fonctionne.
Pourquoi rajouter type=image/x-image ?
Et pourquoi le slash à la fin ?
(La mienne est à la racine)
J'ai une favicon icon, mais je ne sais pas si ça fonctionne.
Pourquoi rajouter type=image/x-image ?
Et pourquoi le slash à la fin ?
CITATION
href="/img/favicon.ico" />
(La mienne est à la racine)
CITATION(ElMoustiko @ 16 Oct 2004, 11:29)
Et bien il te suffit de changer le chemin :
href="/racine/dossier1/dossier2/favicon.gif"
href="/racine/dossier1/dossier2/favicon.gif"
Oui oui enfin je réagissais au message au dessus, mais j'étais à côté de la plaque ;o)
CITATION(Nullette @ 16 Oct 2004, 11:36)
Salut,
J'ai une favicon icon, mais je ne sais pas si ça fonctionne.
Pourquoi rajouter type=image/x-image ?
Et pourquoi le slash à la fin ?
(La mienne est à la racine)
J'ai une favicon icon, mais je ne sais pas si ça fonctionne.
Pourquoi rajouter type=image/x-image ?
Et pourquoi le slash à la fin ?
(La mienne est à la racine)
Le "/" final permet de fermer sa balise en xhtml.
Le type permet d'indiquer le format de l'image au navigateur avant même que celui-ic n'est reçu l'image.
Merci petit-ourson 
Il faut garder image/x-image ? avec le "x" ?
Typique question de Nulle
Il faut garder image/x-image ? avec le "x" ?
Typique question de Nulle
CITATION(ElMoustiko @ 15 Oct 2004, 14:38)
CODE
<link rel="icon" type="image/gif" href="/favico.gif" />
Tu met cette ligne sur tes pages et tu places favico.gif à la racine de ton site et le tour est joué.
CITATION(ElMoustiko @ 16 Oct 2004, 09:51)
Monique, les "icones" que j'utilise sont des images gif et ne sont donc pas recherchées par IE à la racine, le problème ne se pose donc pas.
Bonjour,
ElMoustiko, ce sont ces deux éléments de tes réponses qui m'ont un peu embrouillée...
Avec Firefox, cette solution (celle d'Openweb) affiche le favicon aussi dans la barre d'adresse
HTML
<link rel="shortcut icon" type="images/x-icon" href="/favicon.ico" />
celle-ci (la tienne), nonHTML
<link rel="icon" type="image/gif" href="favico.gif" />
Il faut insérer:
<link rel="shortcut icon" href="/favicon.ico">
<link rel="icon" href="/favicon.ico">
Après avoir mis un fichier favicon.ico (16x16) à la racine du site.
Je crois qu'avant seuls les fichiers en 256 couleurs fonctionnaient, mais maintenant, les icones en 16m de couleurs semblent passer. Mais le résultat semble un peu différent en fonction du navigateur utilisé (Firefox, Opera, IE).
Pour créer l'icone, il y a des tas de logiciels de création d'icone.
A+
<link rel="shortcut icon" href="/favicon.ico">
<link rel="icon" href="/favicon.ico">
Après avoir mis un fichier favicon.ico (16x16) à la racine du site.
Je crois qu'avant seuls les fichiers en 256 couleurs fonctionnaient, mais maintenant, les icones en 16m de couleurs semblent passer. Mais le résultat semble un peu différent en fonction du navigateur utilisé (Firefox, Opera, IE).
Pour créer l'icone, il y a des tas de logiciels de création d'icone.
A+
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.