Aller au menu - Aller au contenu

[Plan du site] Vous êtes ici --- > Le Site du Zér0 > Les tutoriels > Non-Officiels > Site Web > Divers > Lecture des commentaires

Vos commentaires sur :
Un favicon pour votre site

Retour au tutoriel

Vous devez être inscrit pour pouvoir poster des messages

Page : 1  2 
Pseudo Commentaire
Page : 1  2 
Hors ligne Reivilo # Posté le 15/04/2006 10:26:14
Opensourcez !
Avatar
Groupe : Membres
Le tutoriel est court, mais couvre la base du favicon.
Mais tu devrais expliquer ce qui est conseillé ou déconseillé (notamment le format ou encore le format (car le *.ico n'est pas obligatoire...).

Quant à l'attribut rel de ta balise link en majuscule... on ne crie jamais dans du xHTML. ;)

Bref, fournis davantage d'explications et corrige tes QCM en conséquence. Au moins, tu expliques clairement. ^^

edit: pour les feignasses :-°
 
Hors ligne Mustang80 # Posté le 16/04/2006 16:11:46
tontétatilotétatoux?
Avatar
Groupe : Membres
Merci! Grâce à toi je sais comment faire ça!

Tu as obtenu: 19/20 :)

Image utilisateur
 
Hors ligne vava69 # Posté le 18/04/2006 20:26:46
Groupe : Membres
Bravo moi je trouve le tuto super bien maintenant je sais faire quelque chose que je ne savais pas bien faire je met 19

vava69
 
Hors ligne NicolasChausson # Posté le 10/05/2006 14:46:18
TAIN OUFOUKOI
Avatar
Groupe : Membres
Très bon tuto bravo !
Hors ligne Regnareb # Posté le 14/05/2006 13:40:59
Pompier Pyromane
Avatar
Groupe : Membres
Juste un petit truc... une favicon n'est pas du .bmp avec l'extension .ico ! Pour faire une vrai icone, il faut un logiciel qui enregistre dans le bon format et non pas en bmp 16 couleurs ;)

De plus la favicon ne s'affiche pas seulement sur IE6 et Firefox hein...

Image utilisateur
Image utilisateur
Quaddxmas (aide)
 
Hors ligne yöm # Posté le 24/05/2006 18:33:46
Ich bin intégriste !
Avatar
Groupe : Membres
Oulala ... http://xhtml.net/xhtmlcss/favicon ça t'aiderais je pense.

La Scaña del Domingo [fla] c'est vraiment de la balle.
Prennez un banjo rock'n'roll, une batterie keupon, une basse qui slap et qui tâche et cuivres cuivrés. Absolutely fantastique.
 
Hors ligne acieroid # Posté le 12/06/2006 13:23:04
gni
Avatar
Groupe : Membres
Bravo !

Juste une petite remarque : Si on met le favicon dans le dossier du site, il s'affichera sous opera par exemple, mais pas sous firefox (ce qui à été dit). Mais, si on met la balise meta, il s'affiche parfaitement sous firefox....

En tout cas, a part ça, c'est clair, court, compréhensible.

Un petit 18 est bien plus que mérité.

-- wiki nyug --
-- archlinux - fr--
 
Hors ligne Anonyme # Posté le 20/08/2006 19:06:45
Groupe :
Il faut aussi la propriété type="image/x-icon".
Hors ligne Sylvain.sab # Posté le 01/09/2006 16:47:02
Protégez-vous!
Avatar
Groupe : Membres
Salut.

Tu devrais indiquer les liens cités plus haut, c'est a dire :

http://www.html-kit.com/favicon/.
Celuis la c'est pour se créer une favicon a partir d'une image.

http://www.html-kit.com/favicon/validator/
celui ci, c'est la validateur de favicon (si si ca existe !)
un peu bizarre un validateur de favicon mais bon...

http://xhtml.net/xhtmlcss/favicon
Celui la, des spécifications en tous genre pour la favicon.


Citation

Le code HTML dans la page



Il existe deux manière d'informer le navigateur de l'existence d'une icône pour la page, une bonne et une mauvaise, je vous laisse trouver le navigateur qui ne supporte que la mauvaise.


Si on respecte les standards



Vous devez mettre le lien suivant dans votre page entre les balises <head> et </head>.

<link rel="icon" type="image/png" href="/favicon.png" />

Remarquez le type qui contient le type ou Mime Type de l'image. Voici les types que vous pouvez utiliser pour les 4 classiques :

* image/png: image PNG.
* image/gif: image GIF.
* image/jpeg: image JPEG.
* image/x-icon: image de type icon, attention ce format n'est pas un format standard.

Si on ne respecte pas les standards



Et vous serez obligés de faire cela si vous voulez que Internet Explorer puisse utiliser l'icône.

<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />

Notez l'utilisation du type shortcut icon à la place de icon et l'obligation d'utiliser une image au format ICO.

Tu devrais dire aussi qu'une icone insérée de cette facon ne respecte pas les standards.

Pour que l'icone s'affiche sous FF et IE, tout en respecteant les standards, il y a une solution toute simple :

1 Créér une icone 16x16 (pour IE) au format ico, que l'on apellera favicon.ico

2 Créér un autre icône ou la même (qui sera cette fois ci pour Firefox ou les autres navigateurs que IE) 16x16 ou 32x32 (je préfère 32x32 c'est plus joli) de n'importe quel format (png, ico...).

3 Mettre les deux icones sur le site, puis utiliser le code pour cacher du code a IE et pour cacher du code a un autre navigateur (voir ici le tuto). si c'est IE, on met la favicon 16x16 au format ico, et si c'est un autre on met l'autre.

Je l'ai fait sur mon site et ca me donne :
Code : HTML
<!--[if !IE]><--><link rel="icon" type="image/png" href="http://sylvain.sab.free.fr/favicon.png" /><!--><![endif]-->
<!--[if IE]><link rel="shortcut icon" type="image/x-icon" href="http://sylvain.sab.free.fr/favicon.ico" /><![endif]-->


Tout ca valide comme il faut.


Ah oui, et puis tu dis :Citation : Xerto
Notez qu'il n'apparait pas si vous n'êtes pas sous Internet Explorer 6 ou sous FireFox.

Moi, il apparait très bien sous Firefox, même si tu ne mets pas la balise "link".
Par contre il n'apparait pas sous IE, quoi que tu fasses (sauf dans les favoris bien sur).


Sinon, j'ai trouvé un logiciels bien que tu pourrais indiquer dans ton tuto, pour faire les favicons (parceque paint, c'est pas terrible...) : IconEdit32.
C'est avec ca que je fais mes favicon. Bon j'ai pas mis de lien, mais en cherchant tu devrais trouver.

Sylvain
1Kilo-octet=1024 octets : erroné, mais toléré.
1Kilo-octet=1000 octets : juste.
1Kibioctet=1024 octets : juste.
 
Hors ligne Xerto # Posté le 02/09/2006 07:16:24
Let's go Yankees !
Avatar
Groupe : Membres
Merci pour tous ces renseignements, je vais éditer le tuto :)

Image utilisateur
 
Hors ligne Okamimaru # Posté le 02/09/2006 19:22:58
Avatar
Groupe : Membres
Très simple mais très très utile regardez maintenant mon site en a un ^^

Image utilisateur
 
Hors ligne Arcaziel # Posté le 19/09/2006 22:41:29
Groupe : Membres
simple mais efficace, merci beaucoup :D
Hors ligne Bogoris # Posté le 26/10/2006 22:54:08
Exit light ! Enter night !
Avatar
Groupe : Membres
Pour ce qui est du code suivant :
Code : HTML
<!--[if !IE]><--><link rel="icon" type="image/png" href="http://www.votresite.com/favicon.png" /><!--><![endif]-->
<!--[if IE]><link rel="shortcut icon" type="image/x-icon" href="http://www.votresite.com/favicon.ico" /><![endif]-->

Il n'est pas valide !
Mieux vaut simplement faire :
Code : HTML
<link rel="icon" type="image/png" href="http://www.votresite.com/favicon.png" />
<!--[if IE]><link rel="shortcut icon" type="image/x-icon" href="http://www.votresite.com/favicon.ico" /><![endif]-->

qui sera valide et fonctionnera (je pense) ;) .
 
Hors ligne Xerto # Posté le 28/10/2006 08:34:08
Let's go Yankees !
Avatar
Groupe : Membres
Voila, j'ai édité, merci encore ;)

Image utilisateur
 
Hors ligne Sylvain.sab # Posté le 19/11/2006 15:07:52
Protégez-vous!
Avatar
Groupe : Membres
Citation : Bogoris
Pour ce qui est du code suivant :
[...]
Il n'est pas valide !

Euh....
Je peux savoir pourquoi ?
J'utilisais ça sur toutes les pages de mon site et il passe très bien au validateur "validome", qui est le plus strict que je connaisse (essayez pour voir :D )


Sinon, merci d'avoir tenu compte de toutes les précisions apportées :)
Par contre, il n'est pas obligatoire d'avoir une icone aux dimensions 16x16.
J'utilise une 32x32, elle passe très bien.

a plus

Sylvain
1Kilo-octet=1024 octets : erroné, mais toléré.
1Kilo-octet=1000 octets : juste.
1Kibioctet=1024 octets : juste.
 
Hors ligne Zimm i48 # Posté le 06/12/2006 17:57:08
Parés à virer ?
Avatar
Groupe : Membres
Bien sympa comme tuto.
Merci

Rendez-vous sur Test-Pedago.fr, le site d'un projet libre de logiciels pour s'entraîner sur les tables de multiplication et les conjugaisons.


Wikiversité
 
Hors ligne AceTigrou # Posté le 28/12/2006 00:36:56
Avatar
Groupe : Membres
Salut ! Je cherchais justement un tuto de ce type. Et je l'ai trouvé su SdZ ^^

Image utilisateur
 
Hors ligne Zenth # Posté le 04/01/2007 00:45:20
¡Viva Mexico!
Avatar
Groupe : Membres
Cela faisait longtemps (trop ?) que je cherchais à faire un Favicon, maintenant, grâce à ce tuto, je sais enfin comment faire.
Ce tuto a plusieurs mérites, tout d'abords, il est court et sans trop de notes techniques que l'on doit relire plusieurs fois et puis avouons le, il est quand même rudement bien pratique et puis les liens pour les feignasses (me serais-je démasquer ?), ça ne gâche rien ;)

Amicalement
Hors ligne pierre59 # Posté le 23/01/2007 13:29:40
oh, Pinaize!
Avatar
Groupe : Membres
je cherchais un favicon puis un jour je me suis dit
si j'allais sur le SDZ
et j'ai eu raison ton tuto est super 19
 
Hors ligne Xerto # Posté le 23/01/2007 22:07:31
Let's go Yankees !
Avatar
Groupe : Membres
Merci pour vos commentaires, ça fait plaisir de savoir que je peux rendre service ;)

Image utilisateur
 
Hors ligne douardo # Posté le 15/02/2007 23:13:50
Groupe : Membres
Je ne voudrai pas contredire tout les compliments que tu as eu, mais il y a juste une chose importante que je voudrai savoir faire avec un favicon, c'est de mettre un fond transparent... et pas blanc... Comment faire, help please, et mets le donc dans ton tutoriel et je te mets 19.5/20.
Merci : )
Hors ligne jblucas # Posté le 12/04/2007 09:44:23
error : citation trop nulle
Avatar
Groupe : Membres
Je trouve ce tuto super bien ;
mais tu avait oublier certaine chose , (heuresement que les autre zéros te l'ont dit ! :p )
je te met donc 17 ! (quand même ! :) )

jblucas
Hors ligne ehn # Posté le 12/05/2007 14:59:12
Groupe : Membres
Et comment ça marche si on fait un site avec des frames.
J'ai testé avec Favicon Validator et il detecte bien l'icône, mais il ne voit pas la balise <link rel...> dans ma page index.htm
Y'a-t-il un moyen de contourner ce problème?

Et s'il vous plait épargnez mouâ les "les frames c'est nul"...
Hors ligne Xerto # Posté le 12/05/2007 15:14:07
Let's go Yankees !
Avatar
Groupe : Membres
douardo> Je pense que si tu utilise une extension .gif, ça dois marcher.

ehn> Oula, déjà qu'est ce que tu appelles "frame" ?
Si tu glisse juste le favicon dans le dossier racine de ton site, il s'affichera automatiquement. On en discute en MP si tu veux.

Image utilisateur
 
Hors ligne KorangaR # Posté le 22/06/2007 20:34:44
Groupe : Membres
Sujet assez court et simple à comprendre qui pourrait être donc détaillé pour donner un peu plus de consistance, tu pourrais par exemple :
-donner un peu d'histoire, quand et sur quel navigateur est apparu ces favicons ;
-préciser les implémentations sur chaque navigateur, quel format supporté etc;

Dans "une balise à insérer" avec les exemples, tu dis qu'il faut mettre finalement 2 balises, une pour les navigateurs respectueux et l'autre pour IE. Ce n'est pas une mauvaise chose en soit mais tu devrais préciser qu'il n'y a rien de dramatique à ne mettre que le lien avec les attributs et extensions spécifiques IE. Tu mets aussi un lien absolu inutile et tu ne dis pas que l'icone peut avoir un autre nom que favicon du moment qu'elle est liée par la balise méta.

Bref, tutoriel pratique pour les débutants en herbe mais qui devrait être un peu plus précis.
Hors ligne joel68 # Posté le 25/06/2007 19:06:22
Avatar
Groupe : Membres
Bon tuto, ça m'a bien servi
 
Hors ligne 45go # Posté le 20/10/2007 21:34:27
Avatar
Groupe : Membres
douardo>Si tu veux une icone transparente, il te faut un .ico et un logiciel spécialisé. Il y en a un sur ce site(gratuit), c'est SnIco Edit. Clique ici pour le télécharger.

Je crois qu'il serait mieux (pour l'adresse de i'icone) de prendre un chemin relatif qu'un chemin absolu, non?

Comme ça:
Code : HTML - Afficher / masquer les numéros de ligne
  1. <link rel="icon" type="image/png" href="favicon.png" />


plutot que ça:

Code : HTML - Afficher / masquer les numéros de ligne
  1. <link rel="icon" type="image/png" href="http://www.votresite.com/favicon.png" />


Merci pour ce beau tuto!

18/20!

Le Nutella c'est pas une tartinade aux noisettes avec un soupçon de sucre, c'est une tartinade au sucre avec un soupçon de noisettes.
 
Hors ligne Xerto # Posté le 27/10/2007 20:51:46
Let's go Yankees !
Avatar
Groupe : Membres
Effectivement, les deux sont possibles, je préfère parfois des chemins absolus aux relatifs, mais peu importe, le principal est que les deux fonctionnent ^^

Image utilisateur
 
Hors ligne wilo # Posté le 07/11/2007 17:05:03
Semper Parati ! >)(<
Avatar
Groupe : Membres
merci pour ce tuto ! :)

"Fais de ta vie un rêve et de ton rêve une réalité"
Antoine de Saint-Exupéry
 
En ligne Brother-T # Posté le 19/11/2007 16:49:21
Tout est possible !
Avatar
Groupe : Membres
Merci pour ce tuto :)
Désormais mon site a un favicon :D

Brother ^^ T
site de mon abbaye
Quelques liens vers mes "passions" :
Jésus, la musique, les poissons rouges...


 

Vous devez être inscrit pour pouvoir poster des messages

Retour au tutoriel

Changer de design | En savoir plus | Plan du site | Politique d'accessibilité | Règles | Fil RSS | XHTML 1.0 | CSS 2.0
Édité par Simple IT SARL : Nous contacter | Revue de presse | Publicité

Y'a plus rien à lire, faut remonter maintenant !

Hébergement web - Correction de tutoriels - Créer un site
Vous souhaitez apparaître ici ? Contactez-nous.

Nombre de connectés 722 Zéros connectés | Requêtes SQL 6 requêtes | Temps de génération de la page : Total (SQL) 0.226s (0.2142s)