Un Favicon en Confiance

Dimanche 3 juillet 2005

C'est possible !

Ceux qui naviguent sous Mozilla/Firefox auront pû constater que la tête de P'tite Zoélie s'affiche devant l'adresse url dans la fenêtre de leur navigateur

(enfin, en vrai, c'est la tête de Lain, parce que je voudrais pas vous faire fuir à peine l'adresse chargée) . Idem dans la liste des Bookmarks, mais bon, je me fais pas d'illusion, à part dans MES bookmarks et ceux de Théophraste

, parce que j'ai des moyens de pression efficaces :

), ce blog ne doit pas être dans beaucoup de marques-pages.
(Un jour, peut-être, quand je serais célèbre...

)

Bref, normalement, mettre un favicon (i.e. la petite image en question... : icône pour Favorites) se fait via un code en Javascript . Or comme vous le savez, on n'a pas droit au javascript en mode Confiance, ou à peine ...

Cependant, on peut contourner le problème (mais ça ne marche que quand on visualise le blog avec Mozilla/Firefox), avec ce petit script, à mettre au début de l'en-tête en l'éditant en mode HTML:

< link rel="SHORTCUT ICON" href="http://idata.over-blog.com/0/05/85/46/favicon.png" / >

Evidemment, il faut mettre l'adresse de votre propre favicon, que vous aurez préalablement chargé dans vos fichiers over-Blog.

Reste à savoir commen se faire un favicon representatif de votre blog en 16*16 px (c'est pas grand...)

Pour cela, voici un lien que j'ai trouvé super-utile:

Favicon from Pics

Ce site vous permet de transformer n'importe quelle image qui se trouve dans vos fichiers en favicon 16*16 et de tester l'effet à côté d'une adresse url. Par contre, il faut faire attention : il génère un .ico, ce qui, si vous êtes comme moi en Confiance, peut être problématique à utiliser...

Donc, une fois le favicon généré, cliquer sur "Test Favicon" et là, il vous propose deux icône en .png : une en 16*16 et une en 32*32 ...

Ce sont ces images (disponibles également quand on fait "Download favicon files") que j'ai chargé sur mes fichiers de blog et mis dans le code ci-dessus ...

Je vous propose donc un petit concours de favicon (enfin, concours, c'est vite, il n'y a rien à gagner, hein, à part ma grande estime...) :
Créer vos favicon et venez les exposer ici en commentaires de cet article !
( Pour coller une image dans le commentaire, insérer à côté du texte le code
<img src="http://adresse de l'image"/>
en mode Source qu'on fait apparaitre en cliquant sur le bouton

dans la barre en haut de l'espace de texte.)

Vous verez, ce n'est pas si évident de trouver une image visible en si petite taille et qui illustre bien votre blog... Alors, à votre imagination !

Par Zoélie - Publié dans : TIP's
Ecrire un commentaire - Voir les 103 commentaires - Recommander

Précédent : Retour en haut de page Retour à l'accueil Suivant : De Pantalons en Crocodiles ...

Commentaires

zoélie aime lire!!! mais c'est illisible rose sur fond rose...

Tss tss, c'est Tyrien sur fond mauve, rien à voir... Mais, sérieusement, je sais que ça dépend beaucoup des machines... Mais j'aime bien, moi, heu ! et chez moi je dois scroller en horizontale et zaime po...
lol
et sinon ze taime bien!!! meme si tu fais la moue!!!

Moi aussi je t'aime bien... même si tu as de grosses cornes bleues sur le tête !

Commentaire n°1 posté par ciral le 03/07/2005 à 19h32

Bin moi, j'arrive pas à visualiser sous firefox !!!
Et puis là je suis désol' de te dire ça, mais avec tout ce qu'il y a à télécharger sur ton blog, ça met 3 plombes à s'afficher dès qu'on ouvre une page !!
Bon je ne te promet rien quant à ton concours... faut que je trouve le temps. Mais je mets ton article dans un coin et j'vois ça dès que possible !! Bizz et encore bravo pour tous ces "trucs" que tu nous donnes... C'est vraiment extra !!

Commentaire n°2 posté par legnoch le 03/07/2005 à 20h07

je reviens juste pour te dire qu'en ce qui concerne le temps de chargement, faudrait te renseigner auprès des zotres, passke je rame un peu partout là en ce moment.. ché pas pourquoi !!
Bizz !!
Ca m'arrive aussi parfois... Je sais, c'est crispant...

Commentaire n°3 posté par legnoch le 03/07/2005 à 20h49

Je reviens, c'est pour retrouver une véritable pro! J'ai l'air de quoi maintenant, moi qui fait passer tout le côté "technique" du blog par le crible conjugale de mon Mc Gyver?
Il n'empêche que, j'ai récupéré des images pour pas mal de temps dans ma tête en Turquie (des images presque essentiellement liées à une époque dont la mythologie ne te laisse pas indiférrente
Les troyens, c'était les plus beaux (sauf Paris qui est une lopette).
, il me semble, dès que j'ai fait le tri (ou plutôt Mc) j'en balance - mais sans sadisme aucun à ton égard....en plus je suis tombée pile poil sur ma copine Cybèle
"Ah, je ris de revoir Cybèle en ce miroir "... Non, c'était pas ça ?
et même le "père Noël" je raconterai ça dès que la fatigue du voyage se sera estompée un tantinet!
Bises de S à Z
Vivement le récit de tout ce voyage... Bises ma grande !

Commentaire n°4 posté par walsong le 03/07/2005 à 21h00

je veux bien participé à ton concour ....mais quand j'aurais compris comment ca marche lol euh moi je suis en privilège, ca change quelque chose???
Ca marche aussi , qui peut le plus peut le moins, mais seulement, en privilège, tu dois pouvoir en mettre un qui fonctionne sous tous les navigateurs... Francisek propose un truc un peu mieux, je crois, pour vous autres privilégiés ;)
J'ai essayer ce que tu ma dis sur mon blog mais j'ai juste réussi à mettre une image dans la partie commentaire (ou j'écris ) J'arrive pas à mettre d'image mais bon c'est pas grave c'est déja bien comme ca^^)

sugi

Commentaire n°5 posté par sugihyde le 03/07/2005 à 22h12

C'est la croix et la banière ton affaire favicon, d'ailleurs comme son nom l'indique c'est pas favile! oups bah j'ai un cheveux sur la langue moi maintenant! je perds la tête, mince... oh non te marre pas, c'est pas drôle! ;-)
Pffrrr keuf keuf ... ça, c'est le bruit que ça fait quand j'essaie de me retenir de rire... Ouais, ja sais, je suis pas très douée !

Commentaire n°6 posté par DrÃÂŽle de mine le 03/07/2005 à 22h14

Et wala, c'est fait!

Dis donc, ton blog est carrement plis lisible en utilisant firefox! Je decouvre quelque chose!

Je sais, c'est l'enfer pour coordonner les navigateurs... un de ces quatres, j'essaierai le truc pour appliquer une feuille de style différente en fonction du navigateur, mais je ne suis pas encore assez désoeuvrée pour avoir envie de me lancer là dedans ;)
En attendant, je tente de coller ici mon favicon, qui de toute facon est maintenant sur mon blog!

Vouiiii un super mouton... J'adore

Commentaire n°7 posté par Vicky le 03/07/2005 à 22h14

Voilaaaaa j'ai essayer^^ j'ai une belle petit mamage à coté de mon url
Et youpi, un favicon de plus! Mine de rien, vous embellissez ma barre des favoris, les filles !J'arrive pas à mettre des images dans ton com...j'ai l'impression que ton explication à disparue ^o^

Oui, ben alors ça, c'est trop fort, elle y était pourtant tout à l'heure, je te jure... Et pas d'Ouzo pour moi à l'apéro (pas comme pour d'autres ces derniers temps... ;) ). Bon, je l'ai remis avec des espaces, ça devrait être stable !!!
sugi

Commentaire n°8 posté par sugihyde le 03/07/2005 à 22h36

je le trouve jolie ce blog, pas de problème d'affichage. Je le valide sans problèmes dans mon annuaire. A+

Commentaire n°9 posté par honorius le 04/07/2005 à 16h58

salut, vraiment sympas ton blog
tellement femin tout ca...
j'aime bien ta compil livres/films
et tes liens sont bien choisis

bien joué ;)

so long...Arturo

Commentaire n°10 posté par Arturo le 04/07/2005 à 17h20

Super j'adore le ptt Conan ^_^

Et en ce qui concerne le cinéma Coréen, je t'ais répondu dans le forum ^_^

Commentaire n°11 posté par Mr Smile le 04/07/2005 à 17h44

trés sympa ton petit blog et ses trucs

sourire

Commentaire n°12 posté par Ailes le 04/07/2005 à 18h48

Juste un com. pour ton intervention sur le fil d'Axel.
Punaise tu l'as "fumé" comme même une dragonne ne l'aurait fait! Je suis fière de toi ch'tite!
Bises

Commentaire n°13 posté par walsong le 04/07/2005 à 20h33

yes Zoelie pour voir l'heure à laquelle tu as poste et bien fastoche, tu ecris à coté de "publié par zoélie dans .....3:00H
Et voilà je l'ai fait cette nuit ça marche super
dourevatoi :)

Commentaire n°14 posté par Flo"avril" le 05/07/2005 à 01h38

Bravo pour ton blog, il est vraiment génial, il y a beaucoup d'informations dessus ;)

Bises
Rebelle

Commentaire n°15 posté par Rebelle le 05/07/2005 à 05h02

j'aime venir ici

Commentaire n°16 posté par honorius le 05/07/2005 à 18h59

Yeah! merci Zoelie, ça marche impec.

Commentaire n°17 posté par Bakemono le 06/07/2005 à 00h26

Zoélie, tu t'es faite bouffée par ton minet?
T'as fait le mur et tu manges de Sushi en V.O?
Les américains ont débarqué?
Il y a eu une pluie de sauterelles?... lol
Ah travail! Quand tu nous tiens!

Bises de la Dragonne

Commentaire n°18 posté par walsong le 06/07/2005 à 11h37

coucou Zoélie!^^ merci pour ton petit mot ^^ Je te souhaite une bonne aprèm

mille bisous

amicalement Sugi

Commentaire n°19 posté par sugihyde le 06/07/2005 à 14h23

C'est vraiment sympa de ta part d'aider les gens =)

Commentaire n°20 posté par Artis le 06/07/2005 à 19h13

Ça marche nickel, merci !!!!

Commentaire n°21 posté par DM le 07/07/2005 à 10h31

Eh Zoélie...
T'es partie colère hier d'un certain fil.
J'te comprend! Mais t'es vengée ainsi que moi (il m'a bavé dessus également ce ver de terre) les copains K Wizzle et confrères te l'ont allumé qu'il doit même clignoter comme une guirlande de Noël, à l'heure qu'il est!
Bises et fi des libéro-monolithico-mamouthiens!

Commentaire n°22 posté par walsong le 07/07/2005 à 10h32

bon alors j'ai un probleme! unefois qu'on a enregstré sa favicon, ou est le lien??
je sais, je suis archi nulle!

Commentaire n°23 posté par Lolly le 07/07/2005 à 14h06

(bon alors j'ai un probleme! unefois qu'on a enregstré sa favicon, ou est le lien??
je sais, je suis archi nulle!)

L'adresse de ton icône devrait être:
http://data.over-blog.com/lib/X/X/XXXXX/files/favicon.ico

A la place des X tu mets le numéro de ton blog. Soit:

/5/2/89325/
Je te réponds là, puisque je n'ai pas ton blog en lien ;) :
Le truc, c'est que en Confiance, les .ico, c'est niet... Donc, l'idée est d'enregistrer dans Mes Images, non pas le .ico, mais un .png ... Une fois que l'image est dans ton répertoire Mes Images, tu n'as plus qu'à récupérer l'adresse (clic sur Afficher l'image, puis Propriétés) qui sera cette fois du type: http://data.over-blog.com/lib/X/X/XXXXX/picss/favicon.png

Commentaire n°24 posté par Apokalypse le 08/07/2005 à 23h31

Je n'ai pas trouvé de livre d'or, alors j'écris ici...
J'adore ton design, surtout les photos d'introduction et de "conclusion"...
J'aime aussi les petites étoiles quand on clique sur une option...
Bonne continuation...

Commentaire n°25 posté par Sire Petit SÃÂ©b le 09/07/2005 à 02h04

J'ai dû oublier de mettre le lien. Pas fait gaffe.

Merci de la réonse, je n'avais pas vraiment capté..

En tout cas, tu as l'air de bien toucher en CCS et HTML. Bravo pour le design de ton blog ;)

Commentaire n°26 posté par Apokalypse le 10/07/2005 à 10h54

Ah bien pratique ton blog !!!
je prends bonne note et te piques qq astuces (enfin sauf si tu y mets ton véto)
hum, CTRL+D, te voilà dans mes marques pages

Commentaire n°27 posté par mhsacre le 25/07/2005 à 19h25

Merci pour cette explication pour le favicon. Ca marche et c'est sympa!

Commentaire n°28 posté par Celine le 31/07/2005 à 05h00

Voici pour mon favicon :

Sinon, j'arrive pas a le placer correctement .... Quand je place ta ligne de code dans mon entête, il se transforme irrémédiablement en un :

< link href="http://idata.over-blog.com/0/08/14/33/style/favicon.png_quot;" rel="SHORTCUT ICON" >

C'est pas très beau a voir, et ca n'affiche pas le favicon (ce qui est le plus génant ;))... J'ai essayé de le placer a différent endroits de mon code d'entête : pareil...

Où est ce que j'ai faux ? :$

Commentaire n°29 posté par Dross le 31/08/2005 à 18h55

Pour info, j'ai du mal à lire ton article, une partie du texte est en dessous des modules à droite.

Commentaire n°30 posté par Atelier Pastel le 07/09/2005 à 14h23

Bravo,idée super tout fonctionne correctement.
merci
< img src="http://resize.over-blog.com/0/09/20/07/favicon.png"/ >

Commentaire n°31 posté par renÃÂ©e le 08/09/2005 à 11h56

Oh je te remercie Zoélie grâce à toi j'ai enfin réussi à mettre mon favicon.^^

Et maintenant tu es dans mes favoris^^

Merci à toi sincèrement.

Commentaire n°32 posté par Kuchiki le 08/09/2005 à 16h47

Valaaaa j'ai mis 3 plombes à creer mon favicon et à comprendre comment ca fonctionnait mais en tout cas c'est grâce à toi miciiiiiiiiiii

Commentaire n°33 posté par michael le 11/09/2005 à 21h43

merci ... j'ai réussi à créer mon favicon ...
je garde ton blog au chaud pour trouver plein d'astuces !!!

Commentaire n°34 posté par dana le 26/09/2005 à 10h59

SUPER cher moi sa fonctionne merci beaucoups

< img src="http://idata.over-blog.com/0/12/76/63/extra_preview_16x16.png"/ >

Commentaire n°35 posté par lÃÂ©o le 02/10/2005 à 11h10

premier essai:

Commentaire n°36 posté par moi le 08/10/2005 à 17h06

2eme essai:

heu..ca marche?(ca y est maintenant tout le monde sait que je suis nulle!)

Commentaire n°37 posté par moi le 08/10/2005 à 17h24

hum...c'est encore moi!
bien voila:http://img55.imageshack.us/img55/1945/preview16x164gr.png

j'espere qur cette fois ci je vais enfin pouvoir monter mon favicon que j'ai mis 3 heure a crer(reellement!)ca merite le premier prix nan?^^
ps: c'est un bonhomme que vous pouvez voir sur mon blog de toute facon et puis c' est sur mon entete..
merci encore!
moi

Commentaire n°38 posté par moi le 08/10/2005 à 17h35

ca y'est j'ai un favicon tout joli !!!! merci pour l'astuce !!

voila mon tit favicon (c ayumi hamasaki)

ps: vraiment super ton blog !!!!!

Commentaire n°39 posté par evange le 28/10/2005 à 02h01

Merci pour tes astuces Zoelie, c'est super de pouvoir personnaliser son blog, jusqu'au moindre détail, dommage que les utilisateurs d'IE ne puisse le voir

Commentaire n°40 posté par Manx le 03/11/2005 à 23h54

Coucou
En fait, quand je veux charger mon favicone dans mes fichiers, OB me dit : erreur ce n'est pas un fichier image ni un zip. Donc je n'arrive pas à le charger.
Bizz
PS : j'ai trouvé un site qui génère des favicones de manière plus correcte que favfompics :

http://tools.dynamicdrive.com/favicon/

Commentaire n°41 posté par Youk le 09/11/2005 à 13h59

Merci Zoélie c'exellent!!

Commentaire n°42 posté par Jean le 15/11/2005 à 00h16

< img src=""http://resize.over-blog.com/0/06/07/68/favicon.png" / > Pas sur que ça marche, en tout cas, bravo pour ton blog!

Commentaire n°43 posté par michelle le 15/11/2005 à 09h29

Commentaire n°44 posté par Ticman56 le 16/11/2005 à 04h05

super ton site, j'aime bien la rubrique trucs et astuces pour les nuls, on y apprend plein de choses.

J'ai ma favicon mais ça marche pas, je n'arrive pas à la faire apparaitre...

un pti coup de main serait pas de refus
dans entete ou placer cette ligne???

href="http://idata.over-blog.com/0/13/27/47/preview-16x16.png" />

Commentaire n°45 posté par greg'n night le 17/11/2005 à 11h45

Il faut effectivement mettre ce code en mode Source dans l'editeur d'en-tete ou du pied de page (attention, ne pas y toucher aujourd'hui, ca fait disparaitre le contenu...)
Par ailleurs, le code est un peu instable cad qu'il a tendance a disparaitre quand tu re-edites l'entete... chez moi, ca se passe un peu mieux dans le pied de page...

Réponse de Zoelie le 17/11/2005 à 12h29

Coucou,
J'ai suivi tes conseils. Mon favicon apparaît avec Opera8... mais pas IE6.
Va comprendre !
Amicalement, Youk

Commentaire n°46 posté par Youk le 17/11/2005 à 17h03

Ouais, sous IE, ça marche pas....
C'est lourd Microsoft !

Réponse de Zoelie le 19/11/2005 à 01h54

Voila ca c'est mon Favicon a moi :)

Commentaire n°47 posté par Ticman56 le 17/11/2005 à 23h35

Trop chouquard !!!!

Réponse de Zoelie le 19/11/2005 à 01h53

Merci grande prêtresse du blog. Je pense avoir pigé et j'essaye tout ça dès que la vague de bugies sera passée.

attention, jvais être original:
Ton site est super bien...
Si c'est pas de l'originalité ça, c'est que jm'y connais pas.

bye

Au fait, moi aussi je veux jouer, voici mon favicon à moi

href="http://idata.over-blog.com/0/13/27/47/preview-16x16.png" />

Commentaire n°48 posté par Greg'n night le 19/11/2005 à 04h02

http://idata.over-blog.com/0/13/27/47/preview-16x16.png

Je confirme, elle s'affiche comme favicon, merci encore miss

Commentaire n°49 posté par greg'n night le 19/11/2005 à 04h18

Merci pour l'info. Pas mal de galères pour y arriver mais bon, ça marche...sourire. Je vais être obligé de revenir ici..:)

Commentaire n°50 posté par Exigeant le 09/12/2005 à 14h30

Navigation

Les Contes de

Derniers Blablas

Vieilles Choses

Coup de coeur ...