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 new!
     Cours de JavaScript
     Liste de discussion
     Forums

Services :
     CountUs
     myCircle

     Referencement
     Créat. de bannière

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

MailingList :
104535 abonnés

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

     Annuaire webmaster

Ressources pour webmasters :
     Kits graphiques
     Création logo

Plus :
     Comparateur de prix
     Foire aux questions
     Les membres
     Devenir annonceur
     Faire un lien
     Contact

Partenaire :
     Hebergement gratuit
     Le PHP facile
     Horoscope
     Comscripts
     WebmasterClub
     Activeartanima...
     Le village de ...
     L'écriteau
     Faro-dessing
     Gifs animés, f...
     Netsources
     Easy-script.com
     Trucs et astuc...
     Je javascript
     Créer son site...
     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 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





34 visiteurs
actuellement en ligne

    PUBLICITE

Wilogo.com - Création Logo Entreprise

     ANNUAIRE WEBMAST.
Nord Cinema
Intégrez gratuitement les sorties cinéma, DVD, dans de nombreux formats (php, iframe, javascript, rss) et ajoutez du contenu gratuit sur votre site.
http://www.nord-cinema.co...
Cat : Contenu pour votre site
Voir l'annuaire webmaster


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

     LES MEMBRES :
55685 membres
8493 comptes CountUs
1508 comptes myCircle

     LES FORUMS :
14 forums
39329 topics
189135 messages
>> Les forums

    SONDAGE

Vous avez un blog ou site classique ?
Un blog
Un site classique
Les deux !
La mini-astuce "Referencement" du jour par authon
Vous ne le saviez peut-etre pas mais les deux tiers des annuaires des moteurs de recherche (google, altavista, ...) ont la même base de donnée. C'est l'open directory project ODP. Il suffit de s'y inscire et le tour est joué. Le site pour s'incrire : http://www.dmoz.org
Proposer votre mini-astuce | Archives des mini-astuces
© 1999-2008 K-NETWORK - Tous droits réservés | CNIL N° 844440 | 19/11/2008 20:09:50 | Design by Studcrea | Gen. en 0.579 sec.