[BBCode] Polices d’écriture

[cabot]

Ce BBCode, utilisant les services de Google Fonts, permet de sélectionner différentes polices d'écriture dans les messages.

Sujet mis à jour le 19 juin 2022.

1. Créer le BCCode
   
   Utilisation du BBCode :

   Code : Tout sélectionner

   [Police={SIMPLETEXT}]{TEXT}[/Police]

   Code HTML de remplacement :

   Code : Tout sélectionner

   <span style="font-family:'{SIMPLETEXT}';">{TEXT}</span>

   Ligne d’aide : ne pas renseigner
   
   Paramètres : ne pas sélectionner Afficher sur la page de rédaction d’un message
2. Sélectionner les polices sur Google Fonts.
   
   Cliquer sur Select this style.
   
   
   Copier la portion de code indiquée sous <link>.
   
3. Ouvrir overall_header.html
   
   Coller le bout de code précédemment copié, avant la balise fermante </head>.
   Exemple :

   Code : Tout sélectionner

   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link href="https://fonts.googleapis.com/css2?family=Gloria+Hallelujah&family=Indie+Flower&family=Shadows+Into+Light&display=swap" rel="stylesheet">

4. Ouvrir posting_buttons.html
   
   Trouver :

   Code : Tout sélectionner

   	<!-- BEGIN custom_tags -->

   Ajouter avant :

   Code : Tout sélectionner

   	<select name="policeperso" onchange="bbfontstyle('[Police=' + this.form.policeperso.options[this.form.policeperso.selectedIndex].value + ']', '[/Police]');this.form.policeperso.selectedIndex = 0;" title="Famille de police" style="height: 1.9em;">
   		<option value="inherit" selected="selected">Police</option> <!-- police du style, ne pas modifier -->
   		<option value="Shadows Into Light" style="font-family: 'Shadows Into Light'">Shadows Into Light</option>
   		<option value="Indie Flower" style="font-family: 'Indie Flower'">Indie Flower</option>
   		<option value="Gloria Hallelujah" style="font-family: 'Gloria Hallelujah'">Gloria Hallelujah</option>
   		<option value="Dancing Script" style="font-family: 'Dancing Script'">Dancing Script</option>			
   	</select>

   Ajouter autant d'options que vous avez de polices et modifier les noms en conséquence.