Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter
Mettre une icône dans les favoris - FAVICON
Bonjour,
Je voudrais mettre un petit sigle devant le nom de mon site, lorsque je suis dans les favoris.
Je voudrais mettre un petit poisson à la place du sigle internet, de façon à différencier mon site des autres lorsque les gens ont placé mon site dans leurs FAVORIS...mais je ne sais pas comment faire ?
Merci pour votre aide, je ne sais pas du tout par où commencer ?
Bonne journée!
Création d'icone devant l'adresse de la page
Le but de ce tutoriel est de vous permettre d'ajouter l'icône de votre choix devant la barre d'adresse de votre site internet ainsi que devant le nom de votre site une fois ajouté dans vos favoris.
Création simple de l'icône
Avant de chercher à mettre l'icône sur votre site web, il faut tout d'abord créer un symbole ou bien le logo de votre société ou de votre site en fichier icône.
Il est possible d'utiliser des logiciels payant tel que Gif Movie Gear mais nous allons voir une solution totalement gratuite.
Utilisation de Paint (Microsoft) fourni sous Windows afin de créer notre icône de base.
Astuce : si vous cherchez encore ou trouver Paint dans windows, il vous suffit de faire : Démarrer > Exécuter > taper : mspaint puis OK
Avant de commencer, nous allons créer un environnement propice à la création d'icône 16x16 utilisé pour cet exercice.
Réduisez l'espace de travail : Image > Attributs ...
Puis modifier les dimensions en 16 largeur / 16 hauteur
Ensuite grossissez le carré : Affichage > Zoom > Grande Taille
Maintenant, amusez vous à faire un beau dessin de ce carré blanc en coloriant point par point votre futur logo.
Il ne reste plus qu'à enregistrer ce logo au format icone. Pour cela, faites : Fichier > Enregistrez sous > nommez le favicon.bmp et choisissez de préférence le format bitmap 256 couleurs.
Vous remarquez que ceux fichier n'est pas au format icône mais bitmap, en fait, dans autre exemple ça ne change rien car nous n'avons pas joué avec la transparence par exemple.
Renommé manuellement le fichier favicon.bmp en favicon.ico et le tour est joué.
Astuce : Il se peut que votre image ne se nomme pas favicon.bmp mais favicon tout cours ! Dans se cas, c'est que votre windows n'est pas configuré pour vous permettre de modifier des extensions de fichier. Pour parer au problème, ouvre le poste de travail puis faites : Outils > Option des dossiers > Affichage > puis décocher la case [] masquer les extensions de fichier dont le type est connu.
Ajout de l'icône au site web
Maintenant que vous disposez d'un fichier favicon.ico qui à pour dimensions 16x16. Il est nécessaire de le copier à la racine de votre site pour simplifier les démarches. Certain hébergeur on intégré la fonction dans leur service afin que vous n'ayez rien d'autre à faire, c'est le cas de Free.
Pour les autres et dans le cas le plus courant, vous etes obligés de spécifier dans vos pages, l'icône qui est utilisé pour votre site. Pour cela, il suffit d'ajouter la ligne suivante entre les balises <HEAD></HEAD> de vos pages internet:
Astuce : vous avez la possibilité d'utiliser un icône présent sur un autre site internet ou bien présent dans un dossier de votre site même s'il ne se nomme pas favicon.ico, pour cela, il suffit de modifier la partie : href="favicon.ico" par le lien complet pointant vers le fichier icône.
J'espère avoir été clair
problème visuel
Merci, j'ai suivi vos instructions. Logo impeccable, renommé, puis mis sur la racine du site, puis code collé dans ma page...mais il ne s'affiche pas !!
j'ai encore besoin d'aide..pourquoi je ne le vois pas ????merci..
donne nous le lien vers ton site
merci
ça marche très bien.
Les favicons fonctionnent parfaitement sur firefox.
Si tu as internet explorer 6.0, je crois qu'il faut ajouter le site à tes favoris
MERCI; mais j'ai ajouté le site aux favoris et je ne vois toujours l'icone...d'ailleurs je n'ai aucune icone (style air france, michelin...) je suis sur internet 6, mais il ya peut-être une case à décocher qq part ???
Toi tu vois l'icone de la petite croix à côté de l'URL ?
Merci de tes réponses.
oui, sur firefox, j'ai bien la croix
même chose pour moi, sous firefox c'est nickel mais sous IE 6 ou 7, nada...
\|/ que la force soit avec vous
Bonjour,
Le souci chez mois ses le transfer de mon logo, j'ai suivis tous les démarche trouvée sur ce forum (code standart ou non, ico, png,) et rien ne marche sous IE et FF, mes c'est normal que lorseque je trensffair l'icon favicon.ico sure le serveur que l'icone passe automatiquement en icone qui na pas de programme dissponible pour l'ouvrrire.
Mon ftp est FTP Expert, lia t'il une facon de remédier a ce problème?
Vient t'il de la?
Merci pour vos réponces
titiweb
Désolé, je n'ai rien compris.
Il faut mettre ton fichier (*.ico) sur le serveur et modifier ta page html.
Bonjour,
Alors je vais essayer de mieux m’expliquer
Je transfère mon favicon et ma page nommé index avec le code sur le serveur avec FTP expres a la racine de mon site.
Pour se faire, je sélectionne la page dans la fenêtre de gauche et la transfère dans celle de droite qui représente mon espace web.La, pas de problème, l’icon IE est présente des deux cotés.
Idem pour mon ico mais la, après le transfère sur le serveur, donc la fenêtre de droite, l’icône s'est changé en icône comme celle-ci,
Voila pour les codes.Je les ai placés et essayés pour IE - FF un par un et les deux également comme ceci
Code : Sélectionner tout - Visualiser dans une fenêtre à part
2
Code : Sélectionner tout - Visualiser dans une fenêtre à part
2
3
Code : Sélectionner tout - Visualiser dans une fenêtre à part
2
et j'an passe, bien entendut entre les balises <head></head>
Code : Sélectionner tout - Visualiser dans une fenêtre à part
2
A chaque fois, j'ai vidé le cache, mia en favoris, réactualiser la page et tous et tous et rien a faire d'ou ma question, n'est-ce pas ce fameux changement d'icone après le transfère sur le serveur? Si ça peut influencer votre réponse, je pence ne pas l'avoir écrit mais l'espace web m'est imposé et je ne sais rien faire d'autre que d'y mettre le site, j'utilise comme éditeur html Frontpege, http://www.minigolf.be
Merci pour votre réponce
titiweb
ce n'est pas un problème si tu ne vois pas l'icone avec le bon dessin
Merci,Envoyé par arnolem
ce n'est pas un problème si tu ne vois pas l'icone avec le bon dessin
là, je patauge un max. J'ai fait celle-la également mes rien a faire. Pour quelque chose de simple à accomplir comme indique mes nombreuses recherches sur les forums. La création de mon icon offer est validé par de nombreux sites. Beaucoup d' utilisateurs butent dessus. c'est pas croyable! J'ai lu quasi tous les postes de se forum. C'est le seul qui affiche le plus de cas résoluts et je reste en rade malgré tout. c'est assez frustrant.Astuce : vous avez la possibilité d'utiliser un icône présent sur un autre site internet ou bien présent dans un dossier de votre site même s'il ne se nomme pas favicon.ico, pour cela, il suffit de modifier la partie : href="favicon.ico" par le lien complet pointant vers le fichier icône.
je ne vois vraiment plus quoi faire pour coller sede favicon. a sa soulage
sure mon url.
Enfin si quelqu'un a encore une petite idée, c'est avec plaisir que je le lirai.
Merci beaucoup
mettre une icone devant l'url de mon site web
Bonjour,
j'ai ajouté la ligne de code suivante dans mon master page comme a été décrit dans l'explication,
quand je fait des testes locaux l'icone aparait très bien!!!
Code : Sélectionner tout - Visualiser dans une fenêtre à part
2
3
mais lors de ma publication il n'apparait pas(
j'ai pas copmris pkoi !!!
merci d'avance
Salut,
Avec :
Cela fonctionne sous FF 2/3, IE7, Safari 3.x, Google Chrome (quand site en favori), Opera 9.x (je n'ai pas testé sous ie6)
Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part <link rel="SHORTCUT ICON" href="img/favicon.ico" />
Pensez à utiliser les ressources disponibles en Dev. Web :
(x)HTML : Cours (X)HTML / FAQ (X)HTML
CSS : Cours CSS / FAQ CSS / Galerie CSS
Javascript : Cours / FAQ / Sources
Mon site : Développeur Web Freelance
Salut,Bonjour,
j'ai ajouté la ligne de code suivante dans mon master page comme a été décrit dans l'explication,
<head>
<link rel="SHORTCUT ICON" href="http://www.ethnocom.com/ethnocom.ico" />
</head>
quand je fait des testes locaux l'icone aparait très bien!!!
mais lors de ma publication il n'apparait pas
j'ai pas copmris pkoi !!!
merci d'avance
http://www.dailymotion.com/video/x4k...vicon_business
Tres bien.
Sa marche au poille
Bonjour a tous
Et bien voila on ma confier un autre espace ou mètre le site avec beaucoup plus de possibilités, et mon favicon es la sans problème sur IE et les favori de Mozilla, vau mieux tard que jamais, comme coi il ne faux jamais désespérer
A Bientôt
Vous avez un bloqueur de publicités installé.
Le Club Developpez.com n'affiche que des publicités IT, discrètes et non intrusives.
Afin que nous puissions continuer à vous fournir gratuitement du contenu de qualité, merci de nous soutenir en désactivant votre bloqueur de publicités sur Developpez.com.
Répondre avec citation
Partager