AccueilFAQRechercherMembresGroupesS'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.


    [Diff.4] Favicon

    Partagez
    avatar
    Absolut-13
    MasculinAge : 23Messages : 1202

    le Dim 19 Aoû 2007 - 16:14



    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 : ).

    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).




    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 :



    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...):



    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 :



    Puis sur le rectangle en bas :



    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 :



    Ensuite, vous cliquez sur « Outils => Exportation en icône... » :




    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...):


    Ensuite, reportez-vous à la page suivante : cliquez-ici
    Et cliquez sur « Parcourir », rentrez votre icône, et cliquez sur « Héberger » :



    Puis vous arrivez sur une nouvelle page avec une adresse indiquée au milieu de celle-ci :



    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!!!






    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...

    avatar
    Zayl
    MasculinAge : 29Messages : 5311

    le Dim 19 Aoû 2007 - 16:31

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

    le Dim 19 Aoû 2007 - 17:54

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






    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...

    avatar
    Yuuka
    FémininAge : 27Messages : 195

    le Lun 15 Avr 2013 - 0:21

    Merci pour ce tuto, je vais pouvoir creer ma propre favicon ^^.
    avatar
    Raeden Liddell
    MasculinAge : 25Messages : 177

    le 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
    avatar
    noksye
    FémininAge : 26Messages : 53

    le Ven 15 Jan 2016 - 17:32

    Merci beaucoup *-*
    avatar
    Kitolia
    FémininAge : 17Messages : 23

    le Mar 2 Fév 2016 - 17:49

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

    le 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 Sam 18 Nov 2017 - 16:53