AccueilDernières imagesRechercherS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.

-23%
Le deal à ne pas rater :
(Black Friday) Apple watch Apple SE GPS 44mm (plusieurs coloris) à ...
199 € 259 €
Voir le deal

    [Diff.4] Favicon

    Absolut-13
    Absolut-13
    MasculinAge : 30Messages : 1203

    Dim 19 Aoû 2007 - 16:14

    [Diff.4] Favicon Img-153906ktvcv


    Tout d'abord, qu'est-ce qu'un « Favicon »?

    Alors, le favicon,
    c'est l'image que vous avez dans la barre de navigation, en haut à
    gauche (sur « ForumActif » le favicon par défaut : [Diff.4] Favicon Nouvea10).

    Maintenant que vous sachiez, ce qu'estun favicon, je vais vous apprendre comment en fabriquer un. Il y a plusieurs façon de s'y prendre, moi je vais en détaillé qu'une, mais vous pouvez en trouver une autre sur le net.

    En premier, cliquez sur « Nouveau » (la feuille cornée, en haut à gauche).

    [Diff.4] Favicon Sans_t10


    Puis écrivez les dimensions de la hauteur et de la largeur, de tels sortent
    qu'elles soient identiques, pour formé un carré. De façon à mettre une image assez grande à l'intérieur, pour après la réduire, je vous propose les paramètres suivants :

    [Diff.4] Favicon Sans_t11

    Vous obtenez donc une image vierge (je l'appelerais comme ça tout le long, car je ne sais pas comment l'appelez autrement ^^).
    Une fois rentrés les paramètres, vous rajoutez une image (un texte etc.) à
    l'intérieur. Imaginons que vous prenez cette image (il est conseillé la première fois de faire la manipulation avec les mêmes images...):

    [Diff.4] Favicon Sans_t12

    Une fois que vous avez votre image vierge et votre image choisie côte
    à côte, cliquez sur le bouton « Flèche » sur la bande à gauche :
    [Diff.4] Favicon Sans_t13


    Puis sur le rectangle en bas :
    [Diff.4] Favicon Sans_t14


    Sélectionnez, ensuite, votre image et faites la passait sur l'image vierge, en
    quatre clic :

    clic droit sur votre image => copier => clic droit sur l'image vierge => coller (^^)




    NB : La taille de l'image que j'ai choisie, est effectivement 500x500 pixels, donc la manipulation est inutile dans ce cas précis. Mais je vous conseillerais de la faire quand même, car toute les image n'ont pas les valeurs 500x500 pixels...


    Après avoir passé votre image dans l'image vierge, réduisez la taille en 16x16 pixels (ce qui est fortement conseillé pour pouvoir rentrer dans la barre de navigation ^^) de l'image que vous avez obtenu en faisant le « copier/coller ».
    Dans ce cas précis vous obtenez cette image :
    [Diff.4] Favicon Sans_t15


    Ensuite, vous cliquez sur « Outils => Exportation en icône... » :
    [Diff.4] Favicon Sans_t16



    Une fois que la page ci-dessous apparaît, entrez les même paramètre,
    et cliquez sur « Exporter » (enregistrez l'icône où vous le souhaitez...):
    [Diff.4] Favicon Sans_t17

    Ensuite, reportez-vous à la page suivante : cliquez-ici
    Et cliquez sur « Parcourir », rentrez votre icône, et cliquez sur « Héberger » :
    [Diff.4] Favicon Sans_t18


    Puis vous arrivez sur une nouvelle page avec une adresse indiquée au milieu de celle-ci :
    [Diff.4] Favicon Sans_t19


    Copiez cette adresse et collez là dans le script suivant :
    Code:





    Mettez le script dans, soit la page d'accueil, soit le portail, soit dans la
    description du forum (il PEUT y avoir d'autre endroit, mais je ne les ai pas tous fait).

    Voilà! C'est fini! J'espère que vous avez tout compris!
    Good Luck!!!




    [Diff.4] Favicon Dance-10

    Tout désert à ses mystères...

    La fleur des fleurs est le bourgeon de la fleur du cerisier, je ne suis qu'un homme parmi tant d'autres...

    Zayl
    Zayl
    FémininAge : 34Messages : 5313

    Dim 19 Aoû 2007 - 16:31

    Niiia, moi qui me demandait comment que ca fonctionnait ceci.. Merci pour ce tuto Katsumoto !
    Absolut-13
    Absolut-13
    MasculinAge : 30Messages : 1203

    Dim 19 Aoû 2007 - 17:54

    Ya' pas d'quoi Zayl! J'espère que t'y arriveras... ^^




    [Diff.4] Favicon Dance-10

    Tout désert à ses mystères...

    La fleur des fleurs est le bourgeon de la fleur du cerisier, je ne suis qu'un homme parmi tant d'autres...

    Yuuka
    Yuuka
    FémininAge : 34Messages : 195

    Lun 15 Avr 2013 - 0:21

    Merci pour ce tuto, je vais pouvoir creer ma propre favicon ^^.
    Raeden Liddell
    Raeden Liddell
    MasculinAge : 32Messages : 176

    Mer 23 Déc 2015 - 0:03

    Merci pour ce tuto! Par contre ... le site de l'hébergeur ne marche plus!
    J'ai trouvé celui-ci Atlantis.12droit
    noksye
    noksye
    FémininAge : 33Messages : 53

    Ven 15 Jan 2016 - 17:32

    Merci beaucoup *-*
    Kitolia
    Kitolia
    FémininAge : 24Messages : 23

    Mar 2 Fév 2016 - 17:49

    Merci, cette explication est plus qu'utile !
    Parrot
    Parrot
    FémininAge : 33Messages : 9

    Lun 29 Mai 2017 - 14:03

    Merci beaucoup pour cette explication Absolut-13 qui m'a encore l'air assez actuelle, même si elle date d'il y a 10 ans Shocked

    J'ai vu qu'aujourd'hui, il existait aussi pas mal de générateurs de favicon. Ils te mettent directement au bon format ton logo. Peut-être que ça pourra aider quelqu'un :aww:

    Je m'en suis aussi servie pour simplement créer un favicon avec mes initials mais ça rend très bien et c'est trés intuitif, parfait pour ceux qui débutent comme moi.
    Contenu sponsorisé


      La date/heure actuelle est Jeu 21 Nov 2024 - 16:21