Page 1 sur 1

[BBCode] Polices d’écriture

Posté : 19 juin 2022, 15:55
par 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.
    Image

    Copier la portion de code indiquée sous <link>.
    Image
  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.