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.


    Avoir d'autres polices que celles de bases (Google font)

    Partagez
    avatar
    echoo.
    FémininAge : 22Messages : 32

    le Sam 3 Déc 2011 - 21:50

    Rappel du premier message :


    Le code n'est pas caché sous balise hide, mais n'hésitez pas à remercier son auteur :)
    Lien pour comprendre pourquoi le contenu n'est pas sous hide


    Bonjour à tous (: Voici mon premier tutoriel de toute ma vie (oui oui) alors j'espère que je vais m'en sortir et que vous comprendrez tout bien. xD

    Vous en avez marre de n'avoir que les polices classiques Arial, Verdana, Tahoma et autre Georgia pour créer vos belles fiches administratives, votre page d'accueil (ou n'importe quel topic sur votre forum) ? Voilà un tutoriel rapide et simple (mais qui m'aura coûté quelques heures de recherches xD) pour avoir des polices d'écriture originales.


    L'astuce pour avoir de belles polices :
      ๑ Tout d'abord, rendez vous sur le site de Google Font et choisissez parmi le grand nombre de polices celle que vous voulez installer sur votre forum.
      ๑ C'est bon, vous avez trouvé votre police? Cliquez alors sur « Quick-use » en bas du cadre.
      ๑ Dans le cadre 1, choisissez le style que vous voulez (normal, italic, ..).
      ๑ Descendez jusqu'au cadre 3 « Add this code to your website. » Sélectionnez le code, faîtes copier (Ctrl+C), -ne fermez pas la page!- puis allez sur le panneau d'administration de votre forum, Affichage > Templates > Général > overall header.
      ๑Trouvez la balise
      Code:
      <head>
      (au tout début du code), et coller (Ctrl+V) le code copié précédemment jusque après la balise .
      ๑ Enregistrer votre template, et n'oubliez pas de le publier! Et voilà, votre police est installé.
      ๑ Comment la mettre sur mon forum maintenant? C'est tout simple, retournez sur la page où vous avez copier le code de votre police, et descendez jusqu'au cadre 4 « Integrate the fonts into your CSS ». Vous y verrez le nom de votre police (: mettez-là alors dans vos posts directement, ou bien dans votre feuille de style css.
      ๑ Vous voulez installer une autre police? Aucun problème, suivez à nouveau les étapes, du début à la fin. (:


    Et voilà! ♥ En espérant que ce petit tutoriel vous aura aidé, et qu'il vous aura évité de chercher pendant 3h eures quelque chose que l'on peut faire en 2 minutes (: Si vous avez un quelconque problème, n'hésitez pas à me le dire Very Happy

    Tutoriel par echoo. ©
    Merci de ne pas redistribuer ce tutoriel sans mon autorisation.


    Dernière édition par echoo. le Dim 29 Jan 2012 - 15:36, édité 1 fois
    avatar
    CathyCréation
    FémininAge : 37Messages : 207

    le Dim 29 Jan 2012 - 16:47

    ah j'avais pas mis celui dans le topic Embarassed
    merci j'essaye de suite
    avatar
    echoo.
    FémininAge : 22Messages : 32

    le Dim 29 Jan 2012 - 16:50

    Je t'en prie, tiens moi au courant.
    avatar
    CathyCréation
    FémininAge : 37Messages : 207

    le Dim 29 Jan 2012 - 17:12

    Sa fonctionne
    merci tous plein

    Mais encore une tite question
    cmt on fait pour qu'elle soit un peu plus grande car la elle est trop petite :cow:
    avatar
    echoo.
    FémininAge : 22Messages : 32

    le Dim 29 Jan 2012 - 17:17

    Génial! (:
    Et bien, à ta balise "texte", dans ton css, tu ajoutes par exemple
    Code:
    font-size:25px;
    Pour en apprendre plus sur le CSS, je te laisse aller voir ce tutoriel qui est très complet pour apprendre les bases de l'html et du css.
    Bonne soirée !
    avatar
    CathyCréation
    FémininAge : 37Messages : 207

    le Dim 29 Jan 2012 - 17:18

    Merci beaucoup
    et le tutoriel vas beaucoup m'aider
    encore bravo pour ton tuto et merci pour ton aide
    avatar
    echoo.
    FémininAge : 22Messages : 32

    le Dim 29 Jan 2012 - 17:42

    Je t'en prie, je suis contente de voir que je peut aider! (:
    avatar
    Balmung Lynren
    MasculinAge : 29Messages : 133

    le Lun 30 Jan 2012 - 13:07

    Oh sa m'intéresse assez sa ! Je veut bien voir svp :) merci d'avance



    avatar
    ijumi
    FémininAge : 22Messages : 16

    le Mar 31 Jan 2012 - 8:48

    mici :)
    avatar
    Grenouille
    FémininAge : 21Messages : 49

    le Mar 31 Jan 2012 - 14:07

    Oh ça m’intéresse, Merci ♥
    avatar
    LilLullaby
    FémininAge : 25Messages : 95

    le Mar 31 Jan 2012 - 14:54

    Je veux voiir (encore xD)

    Merci !
    avatar
    echoo.
    FémininAge : 22Messages : 32

    le Mar 31 Jan 2012 - 21:01

    Contente que ça plaise (: si vous avez des questions n'hésitez pas ♥
    avatar
    kyralove
    FémininAge : 24Messages : 58

    le Mer 1 Fév 2012 - 0:36

    Merci beaucoup^^
    avatar
    Messa
    FémininAge : 21Messages : 24

    le Mer 1 Fév 2012 - 13:55

    Merci !





    avatar
    Ocean Lounge.
    FémininAge : 23Messages : 128

    le Mer 1 Fév 2012 - 21:31

    Merci pour le partage :)
    avatar
    Daewyn
    FémininAge : 27Messages : 25

    le Mer 1 Fév 2012 - 23:06

    Merci o/
    avatar
    Lightkira
    FémininAge : 20Messages : 32

    le Jeu 2 Fév 2012 - 3:19

    merci o/
    avatar
    Strike
    MasculinAge : 21Messages : 370

    le Jeu 2 Fév 2012 - 19:36

    Merci ! (Même si je post que pour voir Razz )






    avatar
    Emy
    FémininAge : 26Messages : 17

    le Sam 4 Fév 2012 - 13:25

    merci! Very Happy
    avatar
    Apollo Justice
    MasculinAge : 21Messages : 1166

    le Lun 6 Fév 2012 - 13:20

    Thank you :)




    À bout de bras, à bout de larmes, j'ai construit mon Paradis
    J'ai fait comme Magritte, j'ai mis un verre sur l'parapluie
    Dans ma tête, j'ai tout rangé, j'ai soigné ma maladie
    Et je prends gout à être carré, un peu comme un cube Maggi
    Et je me sens comme Tyson, sur son toit, devant son pigeonnier
    Je l'ai déjà prouvé, j'ferais tout pour protéger
    Mon petit coin de Paradis, mon sas de décompression
    God damn, je suis happy, personne pourra m'le voler
    Je suis high, je suis high, sans avion, j'ai décollé
    Entouré des miens, je suis comme auréolé!
    avatar
    Ladypop
    FémininAge : 25Messages : 18

    le Ven 10 Fév 2012 - 16:02

    Merci♥
    avatar
    DDril
    MasculinAge : 32Messages : 34

    le Dim 12 Fév 2012 - 8:12

    Merci
    avatar
    Kurea Nakashima
    FémininAge : 25Messages : 16

    le Dim 12 Fév 2012 - 21:48

    Ah ! Ca m'intéresse ! =D
    avatar
    Kurea Nakashima
    FémininAge : 25Messages : 16

    le Dim 12 Fév 2012 - 22:02

    Comment fait-on exactement pour le mettre dans un post ou la feuille css ?
    avatar
    echoo.
    FémininAge : 22Messages : 32

    le Dim 12 Fév 2012 - 22:13

    et bien, dans la feuille css, tu mets simplement
    Code:
    .nom de ta balise{
    font-family:le nom de ta police (qui est donnée dans le cadre 4);
    }

    et ensuite dans le post
    Code:
    <span class="nom de ta balise">TON TEXTE</span>

    ou alors tu mets directement dans ton post
    Code:
    <span style="font-family:le nom de ta police;">TON TEXTE</span>

    et voilà (:
    avatar
    Kurea Nakashima
    FémininAge : 25Messages : 16

    le Dim 12 Fév 2012 - 22:26

    Merci, mais désolée je n'y arrive toujours pas ^^'
    Normalement ça devrait donner ça : TON TEXTE mais ça ne fonctionne pas dans le post.
    Et pour le mettre en CSS je ne sais même pas ce qu'est une balise x)
    Contenu sponsorisé


      La date/heure actuelle est Lun 24 Juil 2017 - 16:41