L'éditeur JavaScript
Visiteur non-identifié | Identifiez-vous | Devenir membre
Code perdu ? | Combien de visiteurs sur votre site ?
Rechercher :
Page d'accueil
     Home Page

JavaScript
     Tous les scripts
     Proposer un script
     Recherche de script
     AJAX
     Cours de JavaScript
     Liste de discussion
     Forums

Services :
     CountUs
     myCircle
     ClickInText
     XooIt

Trucs et astuces :
     HTML / CSS
     PHP / MySQL
     Réferencement
     Graph / Présentation
     Toutes les astuces
     Ajouter un article

MailingList :
113645 abonnés

Annuaire webmaster :      Hebergement web
     Referencement
     Sites webmasters
     XHTML - CSS2
     PHP
     Affiliation - Pub
     FAI

     Annuaire webmaster

Ressources pour webmasters :
     Kit graphique
     Foire aux questions
     Les membres
     Devenir annonceur
     Faire un lien
     Contact

Partenaire :
     Compteur live
     Créer un forum
     Le PHP facile
     Comscripts
     Liens sponsorisés
     Page Rank
     Gifs animés, f...
     Easy-script.com
     Le village de ...
     La cuisine de ...
     Web creation ...
     Créer son site...
     Azote.org - no...
     Les kits graph...
     Electroniq...
     Poésie et cita...
     Les autres
     Votre site ici ?


Article posté par : krucial
Date de mise en ligne : 19-04-2004
Niveau : Débutant
>> Ajouter un article

Un icône de votre site dans la barre d'adresse - Favicon


Comment placez un icone personnel a coté du nom de votre site quand votre visiteur le place dans ses favoris ?

favicon

1 - Ce qu'il faut savoir avant tout

-Cette option fonctionne avec IE5 et mozilla.
-Votre icône n'apparait que lorsque votre site est placé dans les favoris sur IE.


2 - Créer un icône

Il faut donc créer un icône a l'image de votre site. Votre icône doit avoir une taille de 16x16 pixels, ou 32x32. Il ne doit pas depasser les 256 couleurs. Pour le créer, utilisez un logiciel specialement concu pour le création d'icône. Pour pouvez en trouver chez tucows par exemple. Il existe aussi un site qui permet de créer des icones à partir d'images : http://www.chami.com/html-kit/services/favicon/.
L'icone doit s'appeler favicon.ico.


3 - Lien entre votre page et l'icône

Maintenant que l'icône est fait, placez le à la racine du serveur, si vous y avez accès. L'icone sera alors a l'adresse http://www.votresite.com/favicon.ico. Das ce cas, vous n'avez plus rien a faire et l'icône devrait s'afficher dans les favoris !
Si vous n'avez pas accès a la racine du serveur (hebergement gratuit en http://www.hebergement.com/vous/ par exemple), vous devez placer sur votre page, entre les balises et le tag suivant:
<LINK REL="SHORTCUT ICON" href="http://www.hebergement.com/vous/favicon.ico">

en prenant bien soin de mettre l'URL de votre icône.
Et là tout devrait marcher !



Annotations des visiteurs :

De jmarc62 - le 13-01-2010

Avec la première explication cela fonctionne très bien! merci
www.npdc-referencement.fr
De OuChn.com - le 07-09-2008

J'ai fait glisser la gif 16x16 que j'ai renommé favicon sur la racine de mon site et mis la ligne:

<link rel="shortcut icon" href="favicon.gif" >

dans la balise <head></head>

Et voici le résultat: www.OuChn.com :)
De elitesgenius - le 27-07-2008

toujours certains cancres qui viennent jouer aux connaisseurs , qu'est ce que ça peut nous foutttre si icone est masculin ou feminin ... on te propose une astuce pour [le/la] visualiser sur la barre ... un point un trait ... tiens commences par corriger toutes mes fautes , tu as vraiment du boulot !!!
un conseil foutttre j'ai mis 3 t ca peut aller ???
De Destryck- - le 22-05-2008

Je voudrait s'avoir: ses que avec mozila et internet explorer.4 ?
Ou ses on peut que le construire avec mozila et internet explorer.4 ?
De artus - le 19-09-2007

Bonjour,

Est-il possible de placer ce code dans un .css ? Sous quelle forme ?

Merci d'avance,
De kermit69 - le 20-05-2007

ben moi ça marche pas...j'ai tout essayé, je dois mettre le code dans les balises mais c'est là que je ne sais pas ou je dois mettre le code...j'ai essayé pas mal de choses mais sans resultats
De midoun - le 10-05-2007

bonjour j'ai placer un favicon sur ma bar d'adresse en gif mais lorsque je visualise le gif n'est pas animé pourquoi merci
De oceanic64 - le 10-04-2007

Bonjour.

Je fait tout tout ce qu'on dit mais resultat ca marche pas ...

http://oceanic64.fr

merci pour votre aide.
De macduf59 - le 25-02-2007

Bonjour à tous , j'ai essayé cette astuce et ca n'a pa fonctionné, voici ce que j'ai taper:

<LINK REL="SHORTCUT ICON" href="http://www.dompaintball.13.fr/favicon.ico">


Pouvez-vous m'aider
ps: mon icon est placé dans un dossier image faut-il précisé ce répertoire?
De spider100 - le 31-01-2007

Je voudrais juste un coup de main pour placer une icône dans le navigateur.
J'ai fait tout ce que vous m'avez dit mais cele ne marche pas ?
De graphi-st - le 11-01-2007

Bonjour,
J'essaie sans résultat. Je débute à 35 ans c'est plus difficile qu'à 10 ans ! Voilà ce que j'ai fait :
J'ai mis le code donné dans la page INDEX de mon site et le favicon avec tous mes autres docs chez mon hébergeur. C'est bien ça ?
Merci de me dépatouiller.
De GilDev - le 14-12-2006

Sa ne marche pas avec mon Safari enfin je n'ai pas publier je fais mes test Javascript avec nvu http://nvu.com (en français en plus) puis j'ouvre la page sa ne marche pas
De didoche - le 18-09-2005

Cela marche très bien pas de quoi se casser la tête et pourtant je n'ai que dix ans .
De Ric6000 - le 23-07-2005

Pour être conforme XHTML -->
<link rel="shortcut icon" type="image/x-icon" href="http://nom de domaine/XXX.ico" />

De Pismoo2 - le 19-04-2005

J'ai lu qu'il fallait mettre :
<LINK REL="SHORTCUT ICON" type="image/x-icon" href="http://monsite.org/favicon.ico">
De schlut2000 - le 30-03-2005

j'ai fais exactement ce que tu proposais et hoooooo surprise cela fonctionne très bien.
Merci à toi
De truCULlus - le 04-10-2004

Je fait tout tout ce qu'on dit mais resultat ca marche pas ...
Ca marche avec IE6 (sp2) ?
De bichac - le 07-09-2004

icône est un mot féminin. Rédiger du java ou de l'achté-ellemme, c'est bien, mais expliquer en français, c'est pas plus mal, même que ça coûte pas plus cher.
Scrongneugneu !
De zbilb - le 25-07-2004

Le favicon est aussi visible avec Safari(toutes versions) sous MacOS X.

>> Poster une annotation sur cette astuce

Retour à la liste des trucs et astuces





compteur gratuit
actuellement en ligne

    PUBLICITE



     ANNUAIRE WEBMAST.
AOL
Un des plus gros FAI mondial.
ttp://adsl.aol.fr/
Cat : Haut débit
Voir l'annuaire webmaster


     LES SCRIPTS :
78 à éditer
68 à copier/coller
247 des membres
2580 sur le web
>> Tous les scripts

     LES MEMBRES :
61275 membres
7169 comptes CountUs
1719 comptes myCircle

     LES FORUMS :
14 forums
39939 topics
190882 messages
>> Les forums

    SONDAGE

Vous avez un blog ou site classique ?
Un blog
Un site classique
Les deux !
La mini-astuce "Divers" du jour par Comicoman
Vous voulez voulez informer les membres de votre site à la seconde où vous faites une news? Alors n'oublier pas de mettre un newsletter.
Proposer votre mini-astuce | Archives des mini-astuces
© 1999-2010 EJS - Tous droits réservés | CNIL N° 844440 | 15/03/2010 10:47:29 | Design by | Gen. en 0.481 sec.