[BBCode] Polices d’écriture

Des tutos, des astuces et des BBCodes pour phpBB.
Pour toute demande de support, merci d'utiliser le forum de... support.
Répondre
Avatar du membre
cabot
Administrateur du site
Messages : 179
Enregistré le : 03 nov. 2011, 11:29
Contact :

[BBCode] Polices d’écriture

Message par cabot » 19 juin 2022, 15:55

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.


Sujet remonté par cabot le 19 juin 2022, 15:55.

Répondre