Version complète: sur le forum Webmaster Hub : Avoir son logo devant le http://
Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > (X)HTML et CSS
rperruez
Bonjour,

J'aimerais comme par exemple sur le site de msiou Bellamy , http://jc.bellamy.free.fr/fr/jcb.html
insérer une icône dans la barre d'adresse du navigateur pour mon site.

Comment dois je procéder ?

(Je vous prie de m'excuser si je ne suis pas dans la bonne section)

amicalement,
richard
Findel
C'est une balise à ajouter dans le <head>

Tu as quelques infos à cette adresse : http://www.xhtml.net/xhtmlcss/favicon
Licorne
Bonjour,

Cela s'appelle un "favicon" est son extension est ".ico" avec pour format 16x16 pixels, sa désignation --> favicon.ico
Voici comment tu dois le coder:
CITATION
<link rel="shortcut icon" href="mon_fichier_icone.ico" />

Entre tes balises <head> de ton site

Voilà
glibre
slt

mets un favicon.ico dans ta racine du site web.
et mets dans le head:
CITATION
<link rel="shortcut icon" type="image/ico" href="http://www.tonsite.com/favicon.ico" />
Monique
Bonjour,

Findel t'a donné le lien de référence smile.gif

Et tu trouveras d'autres informations très utiles dans ces discussions :
- Un favicon, comment
- comment mettre une icone devant mon adresse
- Intérêt d'un "favicon"
glibre
ah voui, entre le moment ou j'ai clické sur repondre et le moment ou j'ai poste... y en a eu des reponses biggrin.gif
rperruez
Un grand merci à vous tous !!

J'adore le Hub ! wub.gif wub.gif

richard
Wolf18
Je me permets d'ajouter que le favicon n'est pas forcément au format .ico, il peut très bien être en .gif, .jpg, .png... smartass.gif
birdyman
Oui mais tous les navigateurs n'accepterons pas toutes les extensions sauf .ico whistling.gif
rperruez
CITATION(Licorne @ lundi 24 septembre 2007 à 16:19) *
Bonjour,

Cela s'appelle un "favicon" est son extension est ".ico" avec pour format 16x16 pixels, sa désignation --> favicon.ico
Voici comment tu dois le coder:

Entre tes balises <head> de ton site

Voilà


Bonjour,

Bon et bien j'ai du mal avec ce favicon.ico mad2.gif mad2.gif

je l'ai codé comme ceci :<link rel="shortcut icon" href="favicon.ico" />

et favicon.ico est placé à la racine du site ! (dans le dossier "www")

http://cjoint.com/?jAo0461nAn

Mais niet ! Je dois me tromper quelque part ! sick.gif sick.gif

Si une bonne âme voyait où.... hypocrite.gif

Bonne journée à tous,

richard
captain_torche
Avec quel navigateur effectues-tu tes tests ?
De mémoire, il me semble qu'IE 6 a besoin d'avoir le site en favoris pour afficher la favicon.
karnabal
Salut,

Peux-tu nous expliquer comment tu t'y es pris pour créer ton fichier favicon.ico ?
glibre
tente comme ca:
CITATION
<link rel="shortcut icon" type="image/ico" href="http://www.tonsite.com/favicon.ico" />
rperruez
CITATION(karnabal @ mercredi 26 septembre 2007 à 15:07) *
Salut,

Peux-tu nous expliquer comment tu t'y es pris pour créer ton fichier favicon.ico ?


Photoshop 7 > création en .png puis changement extension en .ico
Pas bon ?

CITATION(glibre @ mercredi 26 septembre 2007 à 16:16) *
tente comme ca:


<link rel="shortcut icon" type="image/ico" href="http://www.dipbretagne.com/favicon.ico" />

Damned !! Niet Veux pas !

Merci à vous deux de me suivre ;-)

richard
rperruez
http://www.dipbretagne.com/favicon.ico

Mène bien à l'icône !
Mais au premier affichage j'ai la croix rouge et il faut que je clic sur afficher l'image pour qu'elle apparraisse !

Karnabal > tu penses à une mauvaise conception du favicon .ico ?

richard
birdyman
L'image doit être au format bitmap, 16px X 16px et en 16 couleurs avant de le passer en .ico

plus d'infos : http://avotrservice.free.fr/favicon.php
rperruez
Bon karnabal m'a mi sur la bonne piste !

J'ai creer le favicon avec toshop en 16x32 au format gif puis ouvert avec Irfanview pour l'enregistrer au format.ico !

Du coup :
http://www.dipbretagne.com/favicon.ico cela s'affiche bien !

Par contre le favicon n'est pas present devant l'url :cry:

une idee ?

richard
Arlette
CITATION(rperruez @ mercredi 26 septembre 2007 à 19:06) *
Par contre le favicon n'est pas present devant l'url :cry:

J'ai cliqué sur ton site en signature... Et je vois bien le favicon smile.gif

Si tu le vois pas chez toi, essaie de réactualiser la page, ou vider ton cache.
rperruez
RHooooooooo !!!!
Mince j'ai changé un max de fois le code !

Sois remercié Arlette !

Il me reste plus qu'a retrouvé , remarque je n'ai que trois lignes à essayer :

<link rel="shortcut icon" href="http://www.dipbretagne.com/favicon.ico ">

<link rel="shortcut icon" type="image/ico" href="http://www.dipbretagne.com/favicon.ico" />

<link rel="shortcut icon" href="favicon.ico" />

Merci à tous du fond du coeur ;-))

richard
Arlette
CITATION(rperruez @ mercredi 26 septembre 2007 à 19:41) *
<link rel="shortcut icon" href="http://www.dipbretagne.com/favicon.ico ">

<link rel="shortcut icon" type="image/ico" href="http://www.dipbretagne.com/favicon.ico" />

<link rel="shortcut icon" href="favicon.ico" />

Moi j'ai cette ligne dans la page "source"

CODE
<link rel="shortcut icon" href="http://www.dipbretagne.com/favicon.ico ">


Ca t'aide ?

Pétard de pétard.... Qu'est ce que j'ai fais comme progrès depuis que je suis sur le Hub... Je me surprend moi-même tongue.gif
rperruez
Et comment !!!
T'es extra !
Et là ça marche encore ?

oh la la faut que j'aille à table , ça commence à "hucher" LOL

richard

(Je reviens dans 5mn)
rperruez
ça maaaarche !

bon reste plus qu'à faire un joli favicon !! Lol !

Un grand merci à vous tous qui m'avait tous d'une maniere ou d'une autre orienté dans la bonne direction !

richard
Arlette
CITATION(rperruez @ mercredi 26 septembre 2007 à 19:49) *
Et comment !!!
T'es extra !
Et là ça marche encore ?

blush.gif J'adore les compliments.

Oui, ça marche toujours wink.gif Bien contente que tu es trouvé la solution sur le Hub cool.gif
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.