Se connecter

Kinder99 · (Modification du message : 10-11-2008, 18:24 par et65.)

Bonjour, ceci est mon premier tuto, donc soyer indulgent Wink

I - Définition

Un favicon est un petit icône personnalisable se trouvent a gauche de la barre d'adresse.
Aujourd'hui, je vais vous apprendre a en créé un, sans aller tripatouiller, les templates !

II - Création

Alors pour commencer, ouvrer votre éditeur graphique préféré ^^, et faite une nouvelle image en 32x32.
Puis dessiner le logo, texte ou image que vous voulez.

III - Enregistrement

Maintenant, nous allons enregistrer votre œuvre !
Faîte enregistrer sous le nom de favicon au format .bmp sur le bureau.

IV - Publication

Enfin, ouvrer votre client FTP, et transférer votre image favicon.bmp à la racine de votre site, et ENFIN, renommer depuis le FTP : favicon.bmp en favicon.ico !!

FIN

PS : l'affichage du favicon sur votre navigateur peut mettre un certain temps, patientez un petit peut !

spyto · 09-11-2008, 18:44,

Salut,

Merci pour le tuto.

Sujet déjà abordé là:
http://www.mybb.fr/showthread.php?tid=576

Je rajouterai que le format bmp n'est pas obligaoire !
On peut tout aussi bien enregistrer son 'favico' en .gif, .png..

Mais il ne va pas apparaître tout seul !...

Il faut rajouter la ligne :

Code :

<link rel="icon" type="image/gif" href="/favico.gif" />

ou

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

selon le type d'image, entre <head> et </head> dans le template headerinclude.

Si vous ne savez pas où est ce template:
Admin > Accès rapide > Templates
Cliquer sur l'onglet "Rechercher/Remplacer".

Tout en bas, dans "Rechercher titre template", taper headerinclude, puis cliquer sur le bouton "Rechercher template".

Dans la page qui suit, cliquer sur le 'headerinclude' de son thème par défaut pour l'éditer, modifier comme indiqué ci-dessus et enregistrer.

@+

Harry · 09-11-2008, 21:33,

Merci à vous deux, je ne savais pas comment faire Big Grin

Harry

Kliing · 10-11-2008, 8:13,

Merci , même pas besoin de vider le cache ... =)

Kinder99 · 11-11-2008, 10:48,

Désolé Spyto, mais moi, je n'ai rien touché au templates, et sa marche.
Preuve : http://forum.barkof.eu/

spyto · 11-11-2008, 11:25,

Kinder99 a écrit :Désolé Spyto, mais moi, je n'ai rien touché au templates, et sa marche.
Preuve : http://forum.barkof.eu/

Salut,

Oui, ça marche (du moins avec IE et Firefox), je n'ai as testé les autres browsers, mais ce n'est pas "dans les normes".

Je ne fais qu'obéir aux standards du W3C ! Voir:
http://fr.wikipedia.org/wiki/Favicon#D.C3.A9tails_techniques
ou
http://www.wikistuce.info/doku.php/favicon

Et surtout sur le site officiel du W3C:
http://www.w3.org/2005/10/howto-favicon

Il est bien précisé :
Method 1 (Preferred): Use of a rel attribute value defined in a profile
<link rel="icon"
type="image/png"
href="/somewhere/myicon.png" />
la méthode que je préconise...

et

Method 2 (Discouraged): Putting the favicon at a predefined URI
la méthode que tu utilises !...

Je cite :

Citation :A second method for specifying a favicon relies on using a predefined URI to identify the image: "/favicon", which is relative to the server root. This method works because some browsers have been programmed to look for favicons using that URI. This approach is inconsistent with some principles of Web architecture and is being discussed by W3C's Technical Architecture Group (TAG) as their issue siteData-36.

Ce qui veut dire que ça ne marchera qu'avec les navigateurs qui sont programmés pour chercher /favicon à la racine du site, autant dire pas tous !

Si tu veux te conformer aux normes W3C et être sûr que ça marche avec tous les navigateurs, il est donc plus cohérent de mettre le <link re=...>

Bien entendu, ce n'est pas onligatoire !

@+
Spyto

Kinder99 · (Modification du message : 11-11-2008, 13:03 par Kinder99.)

A oui, c'est normal, je suis avec Firefox.
Si j'ai bien compris, si je prend un petit navigateur créé par moi-même avec Visual C++, s'il n'est pas bien configurer, le navigateur n'affichera par le favicon si je n'ai pas touché au headerinclude ?

et65 · 11-11-2008, 14:20,

Kinder99 a écrit :A oui, c'est normal, je suis avec Firefox.
Si j'ai bien compris, si je prend un petit navigateur créé par moi-même avec Visual C++, s'il n'est pas bien configurer, le navigateur n'affichera par le favicon si je n'ai pas touché au headerinclude ?

Voilà, tu as compris, mais cela m'étonnerai que tu saches créer un navigateur... xD

Kinder99 · 11-11-2008, 14:53,

Si avec Visual C++, il y a un tuto dans l'aide :p
Mais bon, c'est "je tape l'url et OK" mais sinon pas d'autres fonctions

spyto · 11-11-2008, 15:01,

Kinder99 a écrit :A oui, c'est normal, je suis avec Firefox.
Si j'ai bien compris, si je prend un petit navigateur créé par moi-même avec Visual C++, s'il n'est pas bien configurer, le navigateur n'affichera par le favicon si je n'ai pas touché au headerinclude ?

Salut,

Je ne pense pas non plus que tu "crées" ton propre navigateur !

En effet, dans Visual C++ (ou tout autre soft de la suite Visual Studio), tu utilises un composant ActiveX "TWebBrowser" que tu encapsules dans ton code. Je le sais, je l'ai déjà fait !

Et comme ce composant est directement dérivé de IE, le problème du favicon ne se posera pas, je pense !

Non, je pensais simplement aux autres navigateurs, hors IE/Firefox, et ils sont légion ! (Safari, Opéra etc...)

Qu'est-ce que ça te coûte d'insérer un <link rel=...> dans ton headeinclude ? Le jeu en vaut bien la chandelle !

Et puis, est-ce si important d'avoir ou pas un favicon pour son site. Pour ma part, j'estime que c'est vraiment un détail !

Kinder99 · 11-11-2008, 19:15,

Oui, mais c'était pour les utilisateurs de MyBB débutant qui avait peur de casser tout leur forum si jamais il faisait une bêtise...

spyto · 13-11-2008, 16:19,

Salut,

Et pour ceux qui ne veulent pas s'embêter à modifier le code il existe ce plugin qui le fera pour vous automatiquement !
http://mods.mybboard.net/view/myfavicon

@+

Bookaire · 22-04-2009, 16:50,

Merci de ce tuto je vous conseille ce site (je le test actuellemnt je vous en dirait des nouvelles)

Cheetah · 16-03-2010, 12:14,

Je ne trouve pas le dossier Templates, je suis sur FileZilla si sa peut aider !

One Peace. · 09-04-2010, 17:55,

Merci :p !

Saypso · 03-08-2010, 11:46,

Je n'y arrive pas
Pourtant j'ai mit dans le fichier forum favico.png
et j'ai rajouté dans le thème par défaut mais il n'y a pas <header> </header> et meme si je le met sa marche pas :/
Pk ?

haytoch · 03-08-2010, 14:42,

Voila la solution pour version 1.4.X : http://mybb.fr/showthread.php?tid=2689

Saypso · 03-08-2010, 15:01,

Merci mais je comprend pas trop ici :
Puis dans le dossier images de votre theme Crié un dossier du nom "icon"
puis mettre les images "xxxx.gif" Avec "xxxx" = ID de chaque forum.
Pk on peut pas en avoir un qui peut etre le favico du forum ?

haytoch · (Modification du message : 03-08-2010, 15:15 par haytoch.)

Ok je suis DZL pour la 1ere post j'ai male comprend ??

Vous parler de Favicon et moi de icon pour chaque forum je suis dzl

Pour Favicon animer utilisez le mode attacher

Demo site : http://www.bahi-education.com

Saypso · 03-08-2010, 15:57,

Merci (:

Se connecter
Utilisateur :
Mot de passe :	Mot de passe oublié ?
	Se rappeler