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

Sam 3 Déc 2011 - 21:50

echoo.

Age : 29Messages : 32

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

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

Dim 29 Jan 2012 - 16:47

CathyCréation

Age : 45Messages : 207

Dim 29 Jan 2012 - 16:47

ah j'avais pas mis celui dans le topic Embarassed

merci j'essaye de suite

Dim 29 Jan 2012 - 16:50

echoo.

Age : 29Messages : 32

Dim 29 Jan 2012 - 16:50

Je t'en prie, tiens moi au courant.

Dim 29 Jan 2012 - 17:12

CathyCréation

Age : 45Messages : 207

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:

Dim 29 Jan 2012 - 17:17

echoo.

Age : 29Messages : 32

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 !

Dim 29 Jan 2012 - 17:18

CathyCréation

Age : 45Messages : 207

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

Dim 29 Jan 2012 - 17:42

echoo.

Age : 29Messages : 32

Dim 29 Jan 2012 - 17:42

Je t'en prie, je suis contente de voir que je peut aider! (:

Lun 30 Jan 2012 - 13:07

Balmung Lynren

Age : 36Messages : 133

Lun 30 Jan 2012 - 13:07

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

Mar 31 Jan 2012 - 8:48

ijumi

Age : 29Messages : 16

Mar 31 Jan 2012 - 8:48

mici :)

Mar 31 Jan 2012 - 14:07

Grenouille

Age : 28Messages : 49

Mar 31 Jan 2012 - 14:07

Oh ça m’intéresse, Merci ♥

Mar 31 Jan 2012 - 14:54

LilLullaby

Age : 33Messages : 95

Mar 31 Jan 2012 - 14:54

Je veux voiir (encore xD)

Merci !

Mar 31 Jan 2012 - 21:01

echoo.

Age : 29Messages : 32

Mar 31 Jan 2012 - 21:01

Contente que ça plaise (: si vous avez des questions n'hésitez pas ♥

Mer 1 Fév 2012 - 0:36

kyralove

Age : 31Messages : 58

Mer 1 Fév 2012 - 0:36

Merci beaucoup^^

Mer 1 Fév 2012 - 13:55

Messa

Age : 29Messages : 24

Mer 1 Fév 2012 - 13:55

Merci !

Mer 1 Fév 2012 - 21:31

Invité

Mer 1 Fév 2012 - 21:31

Merci pour le partage :)

Mer 1 Fév 2012 - 23:06

Daewyn

Age : 34Messages : 25

Mer 1 Fév 2012 - 23:06

Merci o/

Jeu 2 Fév 2012 - 3:19

Lightkira

Age : 28Messages : 32

Jeu 2 Fév 2012 - 3:19

merci o/

Jeu 2 Fév 2012 - 19:36

Strike

Age : 28Messages : 371

Jeu 2 Fév 2012 - 19:36

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

)

Sam 4 Fév 2012 - 13:25

Emy

Age : 33Messages : 17

Sam 4 Fév 2012 - 13:25

merci!

Lun 6 Fév 2012 - 13:20

Apollo Justice

Age : 28Messages : 1166

Lun 6 Fév 2012 - 13:20

Thank you :)

Ven 10 Fév 2012 - 16:02

Ladypop

Age : 32Messages : 18

Ven 10 Fév 2012 - 16:02

Merci♥

Dim 12 Fév 2012 - 8:12

DDril

Age : 40Messages : 34

Dim 12 Fév 2012 - 8:12

Merci

Dim 12 Fév 2012 - 21:48

Kurea Nakashima

Age : 32Messages : 16

Dim 12 Fév 2012 - 21:48

Ah ! Ca m'intéresse ! =D

Dim 12 Fév 2012 - 22:02

Kurea Nakashima

Age : 32Messages : 16

Dim 12 Fév 2012 - 22:02

Comment fait-on exactement pour le mettre dans un post ou la feuille css ?

Dim 12 Fév 2012 - 22:13

echoo.

Age : 29Messages : 32

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à (:

Dim 12 Fév 2012 - 22:26

Kurea Nakashima

Age : 32Messages : 16

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é

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

Sujets similaires

Sujets similaires

Rechercher

Résultats par : Messages Sujets
Tags
Recherche avancée