La communauté ALL HTML c'est 58234 membres à ce jour dont 2 inscrits aujourd'hui et 35 depuis une semaine.

Créer une icône au look and feel de votre site !

Photo de ephrem Article publié le mercredi 04 octobre 2006 par ephrem.
Cet article est classé dans les catégories « Ergonomie, Web Design et Flash »

Nombreux sont les sites qui ont leur propre icône devant leur URL ! Avez-vous la votre ?

Ce petit "truc" est facile à mettre en place et donne un côté très professionnel et design à la personnalisation de votre URL.

En effet, cette icône (favicon) sera automatiquement affichée :
* devant votre URL
* devant le favori qui désigne votre site
* dans un racourci de site sur votre bureau

Votre icône est l'image de votre site et est au format de 16 x 16 ou 32 x 32 pixels. Elle ne comprend que 256 couleurs et devra être placée dans le répertoire racine de votre site, une fois que vous lui aurez associé le nom de "favicon.ico".

Vous devrez ainsi intégrer dans vos pages web, dans le header, les lignes suivantes :
<link rel="shortcut icon"
href="http://www.monsite.com/favicon.ico">

Pour le résultat à obtenir : regardez l'URL de ALL HTML...


VOS COMMENTAIRES ...

Commenter cette publication

Photo de iDo8p Commentaire publié le mercredi 04 octobre 2006 à 11 h 39 par iDo8p
Et on peu même avoir des favicons animé (sous firefox) :
http://www.wikistuce.info/doku.php/favicon
Photo de RenNa Commentaire publié le dimanche 25 mars 2007 à 05 h 06 par RenNa
Mon favicon fonctionne bien avec netscape 7.1, mais pas avec Safari 1.3.2.
Comment faire ?
Merci.
Photo de RenNa Commentaire publié le mercredi 28 mars 2007 à 20 h 50 par RenNa
Finalement j'ai réussi. Cela fonctionne partout, grace à la conversion de mon icone via le site http://www.html-kit.com/favicon.
Par contre j'aimerai savoir ce qu'apporte un favicone en 32x32 par rapport au 16x16 vu qu'un favicone est affiché en 16x16. Merci.
Photo de RenNa Commentaire publié le mercredi 28 mars 2007 à 20 h 53 par RenNa
Animé également sous Netscape 7.1.
D'ailleurs le mien est en .gif animé ;)

Commenter cette publication

Vous devez obligatoirement vous identifier en tant que membre pour participer à cette discussion.

Forums de discussions associés

Discutez et échangez sur ce thème dans nos forums Flash - LiveMotion, Webdesign.

Liens sponsorisés

ACCÉS COMMUNAUTÉ

Rejoignez ALL HTML

Publiez vos articles, actualités, communiqués ... Donnez votre avis, partagez votre réseau, rencontrez d'autres membres et participez à la vie de la communauté.