Menu déroulant des Polices

Ajouter des menus déroulant à l'éditeur de texte (sans utiliser d'extensions)
Avatar du membre
MariePop's
Messages: 208
Enregistré depuis: 4 ans
Intérêt: Forum des BBCodes
Le forum et vous

Menu déroulant des Polices

#1

Message par MariePop's »

Bonjour. Avec cette astuce je vais t'expliquer comment ajouter un menu déroulant contenant les polices utilisables sur un forum.


Image



Tu importes le template posting_buttons.html du style Prosilver dans le dossier des templates de ton style personnel. Tu modifies ce template de la sorte :
Il faut trouver ce bloc

Code: Tout sélectionner

	<select name="addbbcode20" class="bbcode-size" onchange="bbfontstyle('[size=' + this.form.addbbcode20.options[this.form.addbbcode20.selectedIndex].value + ']', '[/size]');this.form.addbbcode20.selectedIndex = 2;" title="{L_BBCODE_F_HELP}">
		<option value="50">{L_FONT_TINY}</option>
		<option value="85">{L_FONT_SMALL}</option>
		<option value="100" selected="selected">{L_FONT_NORMAL}</option>
		<!-- IF not MAX_FONT_SIZE or MAX_FONT_SIZE >= 150 -->
			<option value="150">{L_FONT_LARGE}</option>
			<!-- IF not MAX_FONT_SIZE or MAX_FONT_SIZE >= 200 -->
				<option value="200">{L_FONT_HUGE}</option>
			<!-- ENDIF -->
		<!-- ENDIF -->
	</select>

Juste avant tu ajoutes ce bloc

Code: Tout sélectionner

<select name="addbbcodefont" onchange="bbfontstyle('[font=' + this.form.addbbcodefont.options[this.form.addbbcodefont.selectedIndex].value + ']', '[/font]');this.form.addbbcodefont.selectedIndex = 6;" title="Font style: [font=Tahoma]text[/font]">
      <option style="font-family: Tahoma;" value="Tahoma">Tahoma</option>
      <option style="font-family: Verdana;" value="Verdana">Verdana</option>
      <option style="font-family: Arial Black;" value="Arial Black">Arial Black</option>
      <option style="font-family: Comic Sans MS;" value="Comic Sans MS">Comic Sans MS</option>
      <option style="font-family: cursive;" value="Cursive">cursive</option>
      <option style="font-family: fantasy;" value="Fantasy">fantasy</option>
      <option value="" selected="selected">Menu des polices</option>
      <option style="font-family: Georgia;" value="Georgia">Georgia</option>
      <option style="font-family: Impact;" value="Impact">Impact</option>
      <option style="font-family: Courier;" value="Courier">Courier</option>
      <option style="font-family: Merienda;" value="Merienda">Merienda</option>
      <option style="font-family: Helvetica;" value="Helvetica">Helvetica</option>
      <option style="font-family: Monospace;" value="Monospace">Monospace</option>
   </select>
Pour la partie template c'est terminé.



Exemple :

Code: Tout sélectionner

[font=Verdana]Police du forum[/font]
[font=Tahoma]Police du forum[/font]
[font=Comic Sans MS]Police du forum[/font]
[font=Cursive]Police du forum[/font]
[font=Fantasy]Police du forum[/font]

[font=Georgia]Police du forum[/font]
[font=Impact]Police du forum[/font]
[font=Courier]Police du forum[/font]
[font=Merienda]Police du forum[/font]
[font=Helvetica]Police du forum[/font]
[font=Monospace]Police du forum[/font]

Police du forum
Police du forum
Police du forum
Police du forum
Police du forum

Police du forum
Police du forum
Police du forum
Police du forum
Police du forum
Police du forum


Besoin d'ajouter une police sur son forum ?
La première chose à faire est d'aller sur le site Google Font pour choisir une police de caractère.
Dans le template overall_header.html il faute ajouter la nouvelle police

Code: Tout sélectionner

<link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
Cette ligne est à ajouter ici

Code: Tout sélectionner

<link href="{T_FONT_AWESOME_LINK}" rel="stylesheet">
<link href="{T_STYLESHEET_LINK}" rel="stylesheet">
<link href="{T_STYLESHEET_LANG_LINK}" rel="stylesheet">
Image
D'abord ils vous ignorent, ensuite ils vous raillent, ensuite ils vous combattent et enfin, vous gagnez.
-Gandhi
Avatar du membre
JohnB
Messages: 93
Enregistré depuis: 4 ans 2 mois
Intérêt: phpBB

Re: Menu déroulant des Polices

#2

Message par JohnB »

Bonjour,

Voici ce que j'ai en prévisualisant
Image
et en envoyant c'est pareil
Image
Avatar du membre
MariePop's
Messages: 208
Enregistré depuis: 4 ans
Intérêt: Forum des BBCodes
Le forum et vous

Re: Menu déroulant des Polices

#3

Message par MariePop's »

Bonjour John. Tu n'auras aucune réponse ici, merci d'utiliser le forum d'entraide.
Image
D'abord ils vous ignorent, ensuite ils vous raillent, ensuite ils vous combattent et enfin, vous gagnez.
-Gandhi
Vous devez être membre du forum pour répondre
Inscrivez-vous pour participer au forum ou Connecter-vous à votre compte.