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 :
101896 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 ...
     Netsources
     Faro-dessing
     L'écriteau
     Images gifs an...
     Easy-script.com
     Créer son site...
     Création de site
     Je javascript
     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 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





40 visiteurs
actuellement en ligne

    PUBLICITE

Wilogo.com - Création Logo Entreprise

     ANNUAIRE WEBMAST.
Perso.cc
Redirection gratuite avec statistiques, compteurs...
Réservez votre nom de domaine sous la forme :
votresite.fr.vc
votresite.fr.cc
votresite.eu.ma
votresite.us.ma
http://www.perso.cc/
Cat : Redirection
Voir l'annuaire webmaster


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

     LES MEMBRES :
54728 membres
8701 comptes CountUs
1446 comptes myCircle

     LES FORUMS :
14 forums
39151 topics
188601 messages
>> Les forums

    SONDAGE

Vous avez un blog ou site classique ?
Un blog
Un site classique
Les deux !
La mini-astuce "PHP / mySQL" du jour par @Rano
Lorsque vous voulez faire une recherche sur les fonctions PHP, allez simplement à l'url :
http://fr.php.net/fonction_que_vous_cherchez (par exemple http://fr.php.net/mail)
Proposer votre mini-astuce | Archives des mini-astuces
© 1999-2008 K-NETWORK - Tous droits réservés | CNIL N° 844440 | 20/08/2008 12:45:15 | Design by Studcrea | Gen. en 0.461 sec.