[BBCode] Polices d’écriture
Posté : 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.
Sujet mis à jour le 19 juin 2022.
- Créer le BCCode
Utilisation du BBCode :Code HTML de remplacement :Code : Tout sélectionner
[Police={SIMPLETEXT}]{TEXT}[/Police]
Ligne d’aide : ne pas renseignerCode : Tout sélectionner
<span style="font-family:'{SIMPLETEXT}';">{TEXT}</span>
Paramètres : ne pas sélectionner Afficher sur la page de rédaction d’un message - Sélectionner les polices sur Google Fonts.
Cliquer sur Select this style.
Copier la portion de code indiquée sous <link>.
- 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">
- Ouvrir posting_buttons.html
Trouver :Ajouter avant :Code : Tout sélectionner
<!-- BEGIN custom_tags -->
Ajouter autant d'options que vous avez de polices et modifier les noms en conséquence.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>