Nous sommes le 30 Juil 2010 18:46

Voir les messages sans réponses | Voir les sujets récents


Index du forum » Graphisme » Ressources & Support HS » Tutoriels

Heures au format UTC + 1 heure




Poster un nouveau sujet Répondre au sujet  Page 1 sur 1
  [ 11 messages ] 
Imprimer le sujet Sujet précédent | Voir le premier message non lu | Sujet suivant 
Favicon avec Photoshop 
Auteur Message
ruudvannistelrooy
V.I.P.
V.I.P.
Avatar de l’utilisateur

Inscription: 08 Juil 2008 21:40
Messages: 1500
Localisation: 12
Club(s) Favori(s): MUFC
 [Tutoriel] Favicon avec Photoshop
Un favicon avec Photoshop


Logiciel utilisé : Adobe Photoshop CS3
Niveau de difficulté : :**:

- C'est quoi un favicon ?

:arrow: Voici à quoi ça ressemble :

Image


Si vous n'êtes pas Webmaster et si ça ne vous intéresse pas, le mieux pour vous est de quitter cette page. :pf:

- C'est si spécial pour en faire un tuto ?

Si t'arrive à enregistrer une image au format .ico avec Photoshop ou Photofiltre respect, mais d'abord faut un plug-in !

- Il est où ton plug-in ?

Voici un lien pour le téléchargé : clique ici !

- Et comment je l'installe ?

Décompresse le dossier et met les fichiers ICO.8bi et Png.8bi dans le dossier suivant :

C:\Program Files\Adobe\Adobe Photoshop CS2\Modules externes\Formats de fichiers

Image


Met-les dans le répertoire indiqué ci-dessus, ce qui donne :

Image


- Et maintenant ?

Ouvre Photoshop, fais ton icone, réduit-le à la taille 32x32 ou 16x16 (obligatoire une de ces deux tailles) et enregistre-le au format .ico !

- Je l'insert comment sur le site ?

Tu met ce code :

Code:
<link rel="shortcut icon" href="favicon.ico">


(attention si par exemple c'est dans le dossier "images" du site tu devras mettre images/favicon.ico entre les "" au lieu de favicon.ico tout simplement)

:arrow: Je dédicace ce guide à Anthé et Dr pour qu'ils se mettent au travail, j'en avais déjà parlé dans les News du site sur le forum de mettre un favicon :wink:

EDIT Anthemon :

Pour un forum comme le notre il faut faire ceci :

Enregistrez votre icône en .png et .ico (pour éviter certains conflits avec navigateurs, il nous faudra mettre une icône .png si le .ico ne passe pas), nommez-la "favicon".
Mettez le de préference à la racine du forum.

Ouvrez le overall_header.html de votre thème (/style/nom du style/template/) :

Trouvez :

Code:
<meta name="description" content="" />


Après, ajoutez :

Code:
<link rel="shortcut icon" href="http://URL DU FORUM/favicon.ico" type="image/x-icon" />
          <link rel="icon" href="http://URL DU FORUM/favicon.png" type="image/x-icon" />


Si vous mettez votre favicon dans un sous-dossier, n'oubliez pas d'ajouter les lignes à l'url..

Tutoriel entièrement réalisé par ruudvannistelrooy pour FMGraph.com
Toute diffusion sans mon accord est strictement interdite. Merci de respecter..


Football Manager Graph © All Rights Reserved
18 Juil 2008 19:45
Profil Site Internet
[A]ssassin
Admin' en retraite
Admin' en retraite
Avatar de l’utilisateur

Inscription: 17 Juin 2008 01:32
Messages: 1051
Localisation: Toulouse
Club(s) Favori(s): Toulouse FC
Partie en cours: Caen
Nouveau message Re: Favicon avec Photoshop
Merci on savais le faire tkt :D

_________________
Image Presentation - Topic invités - Ecole du graph
Image

18 Juil 2008 21:01
Profil Site Internet
darkpetitbonhomme
Habitué du Forum
Habitué du Forum
Avatar de l’utilisateur

Inscription: 09 Juil 2008 19:31
Messages: 109
Club(s) Favori(s): monaco
Nouveau message Re: Favicon avec Photoshop
Ta vraiment 15 ans ou :?:
Parce que a ton age je courer apré tous se qui aver un poitrine et non aprés tous se qui a un disque dure un peu comme maintenant en faite :D :P
Je rigole bien sur :D
C4est grace a des gens comme toi que la troisieme guerre mondial commencera sur le net :D

_________________
Chef du mouvement separatiste monegasque .Membre actuelle 1(darkpetitbonhomme)joingner vous a moi et on fera trembler le monde du football mondial.

monegasque le combat continue pour un jour un stade plein revolozione

19 Juil 2008 01:09
Profil
Ju£ien
Habitué du Forum
Habitué du Forum
Avatar de l’utilisateur

Inscription: 17 Juin 2008 00:10
Messages: 361
Nouveau message Re: Favicon avec Photoshop
ça peut toujour servir ^^

_________________

19 Juil 2008 15:42
Profil
ruudvannistelrooy
V.I.P.
V.I.P.
Avatar de l’utilisateur

Inscription: 08 Juil 2008 21:40
Messages: 1500
Localisation: 12
Club(s) Favori(s): MUFC
Nouveau message Re: Favicon avec Photoshop
darkpetitbonhomme a écrit:
Ta vraiment 15 ans ou :?:


Demande a Anthé il peut te le confirmer il m'a déjà vu rapidement. :D (moi aussi, ça fait peur ! :up: )

darkpetitbonhomme a écrit:
Parce que a ton age je courer apré tous se qui aver un poitrine et non aprés tous se qui a un disque dure un peu comme maintenant en faite :D :P


Les deux les deux ! :lol: :up:
19 Juil 2008 18:33
Profil Site Internet
Damn3d
V.I.P.
V.I.P.
Avatar de l’utilisateur

Inscription: 09 Juil 2008 13:22
Messages: 194
Localisation: Montpellier
Nouveau message Re: Favicon avec Photoshop
Super tuto mais question.

J'ai un forum phpbb v3, dans quel fichier je dois insérer ce code ? merci d'avance :up:

_________________
Image Fiorentina (FM 10)

2009/2010 : LET'S GO !

04 Aoû 2008 23:56
Profil
[A]ssassin
Admin' en retraite
Admin' en retraite
Avatar de l’utilisateur

Inscription: 17 Juin 2008 01:32
Messages: 1051
Localisation: Toulouse
Club(s) Favori(s): Toulouse FC
Partie en cours: Caen
Nouveau message Re: Favicon avec Photoshop
Normalement sur toutes les pages htlm dans <head> mais moi je l'ai mis dans l'index uniquement pour le moment et la derniere fois sa c'été mis automatiquement sur toutes les pages :what:
Mais j'ai encore changé de favicon et donc je ne l'ai plus que sur l'index!
Si sa ne se fait pas automatiquement avant ce week end je le mettrai sur toutes les pages ^^

_________________
Image Presentation - Topic invités - Ecole du graph
Image

05 Aoû 2008 08:31
Profil Site Internet
Damn3d
V.I.P.
V.I.P.
Avatar de l’utilisateur

Inscription: 09 Juil 2008 13:22
Messages: 194
Localisation: Montpellier
Nouveau message Re: Favicon avec Photoshop
Ca marche impeccable, merci :hh:

_________________
Image Fiorentina (FM 10)

2009/2010 : LET'S GO !

08 Aoû 2008 02:01
Profil
ruudvannistelrooy
V.I.P.
V.I.P.
Avatar de l’utilisateur

Inscription: 08 Juil 2008 21:40
Messages: 1500
Localisation: 12
Club(s) Favori(s): MUFC
Nouveau message Re: Favicon avec Photoshop
Il me semble que dans certains forums (les forums PunBB sont concernés) ils y a des fichiers templates quelque part, et ce sont les seuls que l'on peut modifier, m'enfin sur PunBB en tout cas ;)
09 Aoû 2008 22:04
Profil Site Internet
~Aɴthέ'mǿɳ.١
Admin' en retraite
Admin' en retraite
Avatar de l’utilisateur

Inscription: 16 Juin 2008 11:54
Messages: 3195
Localisation: Oise
Club(s) Favori(s): Galatasaray
Partie en cours: Ajaccio (vs Vic)
FMG Premier League: Istanbul EFK
Medailles: 3
Meilleur PSD Story 08/09 (1) Meilleur Sign'Maker 08/09 (1) Meilleur Bannière 09/10 (1)
Nouveau message Re: [Tuto] Favicon avec Photoshop
Pour un forum comme le notre il faut faire ceci :

Enregistrez votre icône en .png et .ico (pour éviter certains conflits avec navigateurs, il nous faudra mettre une icône .png si le .ico ne passe pas).
Mettez le de préference à la racine du forum.

Ouvrez le overall_header.html de votre thème (/style/nom du style/template/) :

Trouvez :

Code:
<meta name="description" content="" />


Après, ajoutez :

Code:
<link rel="shortcut icon" href="http://URL DU FORUM/favicon.ico" type="image/x-icon" />
          <link rel="icon" href="http://URL DU FORUM/favicon.png" type="image/x-icon" />


Si vous mettez votre favicon dans un sous-dossier, n'oubliez pas d'ajouter les lignes à l'url..

_________________


Image

24 Sep 2008 20:56
Profil Site Internet
mhamed21
Jeune membre
Jeune membre

Inscription: 16 Déc 2009 22:51
Messages: 7
Club(s) Favori(s): Barca
Partie en cours: partie3
Nouveau message Re: Favicon avec Photoshop
photoshop et cole j'ai fait trois tenues il son manifique vraiment :good: [color=#FF40FF][/color]
19 Déc 2009 23:32
Profil
Afficher les messages postés depuis:  Trier par  
Poster un nouveau sujet Répondre au sujet  Page 1 sur 1
  [ 11 messages ] 

Index du forum » Graphisme » Ressources & Support HS » Tutoriels

Heures au format UTC + 1 heure




Qui est en ligne

Utilisateurs parcourant ce forum: sochalienforever et 1 invité

Vous ne pouvez pas poster de nouveaux sujets
Vous ne pouvez pas répondre aux sujets
Vous ne pouvez pas éditer vos messages
Vous ne pouvez pas supprimer vos messages
Vous ne pouvez pas joindre des fichiers


Rechercher:
Aller à:  


SitemapIndex SitemapIndex Flux RSS Flux RSS Liste des flux Liste des flux


Football WebFootball.fr