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 :
152118 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
     Blog
     Page Rank
     Poésie et cita...
     Azote.org - no...
     Gifs animés, f...
     Web creation ...
     Outils de créa...
     Easy-script.com
     K i s s design
     Livre-dor.net
     Je crée mon site
     Chez dophy
     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 :

Page 1 sur 2 - Changer de page : 1 | 2
De lemessager - le 07-05-2012

Bonsoir je suis nouveau sur le forum au je voulais ajouter logo dans la barre d'adresse: je l'ai fais en tapant le code comme suit:
<link rel="shortcut icon" href="favicon.ico">
<link rel="icon" type="image/gif" href="modesign.gif"> et j'ai ajouter l'image gif modesign.gif a la racine de mon site mais cela ne marche que sur la page d'accueil de mon site pas sur les autre page qu'est ce que je dois faire?
Merci de votre aide
De photopano - le 20-10-2011

J'ai mis l'images favicon.ico dans dossier (images) et le code comme mentionner, Tout fonctionne.
Merci !
<link rel="shortcut icon" href="images/favicon.ico">


http://www.photopanoramique.ca
De Vivienb - le 05-09-2011

Notons que le fichier favicon doit être de préférence mis à la racine de votre site. De plus, le favicon peut être de formation PNG ou ICO qui sont standard, mais aussi en jpg/jpeg ou gif (même animé).
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) ?

Page 1 sur 2 - Changer de page : 1 | 2
>> Poster une annotation sur cette astuce

Retour à la liste des trucs et astuces





compteur gratuit
actuellement en ligne

    PUBLICITE



     ANNUAIRE WEBMAST.
1and1
Le leader mondial du hosting debarque en France avec des offres de dédiés à partir de 69 € en debit illimité (à l'heure ou sont ecrites ces lignes).
http://commander.1and1.fr...
Cat : Serveurs dédiés
Voir l'annuaire webmaster


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

     LES MEMBRES :
68248 membres
2832 comptes CountUs
1909 comptes myCircle

     LES FORUMS :
14 forums
40625 topics
192028 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 SirJoJO
Pour créer un fichier .JS en 2 clics , enregistrez le fichier suivant sur votre PC et double cliquez dessus : http://ww.editeurjavascript.com/misc/FichierJS.reg
Attendez quelque secondes, puis faîtes un clic droit sur votre bureau. Dans le menu qui apparaît, allez sur nouveau puis JScript Script File.
Proposer votre mini-astuce | Archives des mini-astuces
© 1999-2014 EJS - Tous droits réservés | CNIL N° 844440 | 23/04/2014 22:44:21 | Design by | Gen. en 0.006 sec.