Partagez | .
 

 [CSS] Mettre une police personnalisé dans vos RP

Voir le sujet précédent Voir le sujet suivant Aller en bas 
avatar
Mer 25 Juin - 3:22
Fondateur

Messages : 10710

Voir le profil de l'utilisateur
Vous avez pu le voir sur le forum et sur certains RP, des polices d'écritures qui ne sont pas implanté dans forumactif. Comment cela se fait-ce ? Comment faire la même chose ? C'est ce que nous allons vous apprendre de suite.

    Étape n°1 : trouver une police
Pour cela, il vous faudra vous rendre sur le site Google Fonts. Ce site vous proposera bon nombre de police d'écriture, à vous de faire votre choix. Pour notre exemple, nous utiliserons la police Play.

    Étape n°2 : installer la police dans vos RP
Une fois votre police choisis, vous devrez appuyer sur la flèche allant sur la droite (voir screen en dessous pour comprendre) ce qui vous fait arriver sur une nouvelle page.

Rendez-vous à la ligne Add this code to your website puis sélectionner le code donné.
Code:
<link href='http://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'>
Ce code devrait être mit en haut de votre RP. Donc, ceci étant fait, passant au second code.

Rendez-vous à la ligne Integrate the fonts into your CSS. Ici vous trouverez le CSS, là, ça ne devrait pas être trop difficile.
Code:
<div style="font-family: 'Play', sans-serif;">Texte ici</div>

Et voilà vous avez votre police personnalisé !

Bon par contre, il se peut que certaine police apparaisse petite, comme celle-ci, il suffit juste d'augmenter le font-size jusqu'à avoir une taille correct donc, à vous de faire les test.

Vous pouvez intégrer autant de police que vous souhaitez mais, pensez à mettre les link sur la même ligne pour éviter les sauts de ligne une fois votre post envoyé.

    Étape n°3 : installer la police sur votre forum
Car je suis gentille, je vais vous dire comment y intégrer sur votre forum ! Rendez-vous du côté des templates donc, il vous faudra être fondateur du forum ou avoir accès à son compte. Allez dans Général puis overall_header. Dedans vous y mettrez le code link après le head. Ce qui donne ceci.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
  <link href='http://fonts.googleapis.com/css?family=Neucha' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Indie+Flower' rel='stylesheet' type='text/css'>
Après tous vos membres pourrons utiliser cette police sans avoir à intégrer le code dans tout leur post.

Voici donc comment personnalisé vos RP ! Sachez que, actuellement sur le forum, nous avons deux polices d'intégrer. Si celle-ci vous intéresse, voici les codes.

Police Neucha

Code:
font-family: Neucha;

Police Indie Flower

Code:
font-family: 'Indie Flower', cursive;

Pour toutes questions n'hésitez pas !


 

[CSS] Mettre une police personnalisé dans vos RP

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» 01.01/29.C.Chicago - Mettre les petits plats dans les grands...
» Mettre de la musique dans la signature depuis Youtube
» TUTO : Mettre une barre Youtube dans sa signature
» Pour devenir partenaire
» METTRE DE LA PROPRETÉ DANS LEUR "LÒBEY LAVALAS"

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Pokemon Reborn :: 
Récré
 :: Galeries :: Tutoriels
-
Liens utiles
Guide pour bien débuter
Contexte
Carte
CGU
Fonctionnement
Métiers
Avatar utilisés
Staff et crédit
Partenaires
Top-Partenaire

Facebook