Astuces Forumactif

EDGE/ PHPBB2 / PHPBB3/ PUNBB / INVISION/ MODERNBB/ AWESOMEBB

Connexion

Récupérer mon mot de passe

Derniers sujets
» *RESOLU*[PHPBB3] Bouton Voter disparu
par Milouze14 Hier à 20:09

 » *RESOLU*[PHPBB2] Popup de connexion
par Milouze14 Hier à 11:14

 » *RESOLU*[PHPBB3] Remplacer un bouton poster sur sujet
par Milouze14 Hier à 3:23

 » *RESOLU*[PHPBB3] Remplacer un bouton par un autre
par Milouze14 Dim 5 Avr 2020 - 19:28

 » [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster
par soleda Sam 4 Avr 2020 - 9:44

 » [BESTOF] Hiérarchie sur sous forum et les sujets
par Milouze14 Ven 3 Avr 2020 - 19:41

 » [TOUTES VERSIONS]Afficher un message aux membres ayant moins de X messages
par Ptite_Perle Ven 3 Avr 2020 - 14:52

 » *RESOLU*[PHPBB3] Cadre des messages dans un sujet
par Milouze14 Jeu 2 Avr 2020 - 18:43

 » [BESTOF] Supprimer le qui est en ligne sur la droite
par Milouze14 Jeu 2 Avr 2020 - 10:14

 » *RESOLU*[PHPBB3] Message au dessus de l'éditeur
par Milouze14 Mer 1 Avr 2020 - 11:56

 » *RESOLU*[PHPBB2] Fenetres en haut du forum suite
par Milouze14 Mar 31 Mar 2020 - 19:39

 » *RESOLU*[PHPBB3] Smiley dans miniatures
par Milouze14 Sam 28 Mar 2020 - 18:23

 » [PHPBB2] Petites précisions script remplace terme invité
par Milouze14 Sam 28 Mar 2020 - 18:22

 » [PHPBB2] Remplacer le mot Invité
par Mi Neth Sam 28 Mar 2020 - 14:42

 » [TOUTES VERSIONS] Edition rapide
par Mi Neth Ven 27 Mar 2020 - 13:05

 » [TOUTES VERSIONS] Recherche de texte dans les templates
par Mi Neth Jeu 26 Mar 2020 - 17:07

 » [PHPBB3] Cacher les boutons citer et multi-citation pour un membre spécifique
par Milouze14 Jeu 26 Mar 2020 - 15:53

 » [PHPBB2] Descendre des infos dans le profil simple,
par Milouze14 Mar 24 Mar 2020 - 15:26

 » [PHPBB2] Modifier un menu section membres
par Milouze14 Sam 21 Mar 2020 - 15:06

 » *RESOLU*[PHPBB3] Modifier couleur titre de colonne dans les catégories
par Milouze14 Ven 20 Mar 2020 - 18:33

[TOUTES VERSIONS] Installer des polices supplémentaires à l'éditeur

 :: Astuces Forumactif :: Toutes versions

Voir le sujet précédent Voir le sujet suivant Aller en bas

Astuce [TOUTES VERSIONS] Installer des polices supplémentaires à l'éditeur

#602947
Message n°1
Splash
Splash
Milouzien

MessageSplash le Sam 6 Oct 2018 - 7:50

Hi,

Rendez-vous sur ce site et choisissez la/les polices à installer : https://fonts.google.com

Ajoutons 2 polices supplémentaires au forum, sans modifier le Template, mais en utilisant des codes javascript

Les 2 polices ajoutées sont les polices Coiny et Wallpoet

-Astuce des Forums Milouze14&Compagnie-





  • Astuce postée par:
    Réponse automatique:

    Merci de cliquer ici pour voir le message

Pour toute information,merci de contacter un Membre du Staff		[TOUTES VERSIONS] Installer des polices supplémentaires à l'éditeur Staff10



Panneau d'administration / Modules / HTML & JAVASCRIPT / Gestion des codes javascript



Mettre ce code javascript Sur toutes les pages pour la première police :
Code:
WebFontConfig = {
    google: { families: [ 'Coiny' ] }
  };
  (function() {
    var wf = document.createElement('script');
    wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
      '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
    wf.type = 'text/javascript';
    wf.async = 'true';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(wf, s);
  })();

Et ce code pour la seconde police :
Code:
WebFontConfig = {
    google: { families: [ 'Wallpoet' ] }
  };
  (function() {
    var wf = document.createElement('script');
    wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
      '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
    wf.type = 'text/javascript';
    wf.async = 'true';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(wf, s);
  })();

Ensuite mettre ce nouveau code javascript Sur toutes les pages (ce code correspondra aux polices de l'éditeur) :
Code:
WebFontConfig = {
    google: { families: [ 'Coiny','Wallpoet' ] }
  };
  (function() {
    var wf = document.createElement('script');
    wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
      '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
    wf.type = 'text/javascript';
    wf.async = 'true';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(wf, s);
  })();
$(function(){
          if(!$["sceditor"]) return;
          
        $.sceditor.defaultOptions.fonts= 'Arial, Arial Black, Comic Sans MS, Courier New, Georgia, Impact, Sans-serif, Serif, Times New Roman, Trebuchet MS, Verdana, Coiny, Wallpoet'
          
});



Cette partie du code sert à inscrire les 2 nouvelles polices :
Code:
WebFontConfig = {
    google: { families: [ 'Coiny','Wallpoet' ] }
  };

Polices qu'il faut également ajouter à cette ligne (en fin de code) :
Code:
$.sceditor.defaultOptions.fonts= 'Arial, Arial Black, Comic Sans MS, Courier New, Georgia, Impact, Sans-serif, Serif, Times New Roman, Trebuchet MS, Verdana, Coiny, Wallpoet';

[TOUTES VERSIONS] Installer des polices supplémentaires à l'éditeur Police10

Et ainsi de suite pour chaque nouvelle police à ajouter


Si vous rencontrez un problème avec l'ajout des polices par javascript

Sélectionnez vos polices sur la page Google Fonts en cliquant sur le petit rond rouge "Select this font"

[TOUTES VERSIONS] Installer des polices supplémentaires à l'éditeur Select10

Une fois vos polices sélectionnées, vous verrez en bas de page ce rectangle noir :

[TOUTES VERSIONS] Installer des polices supplémentaires à l'éditeur Select11

Déployez le en cliquant sur le petit tiret blanc (sur la gauche) :

[TOUTES VERSIONS] Installer des polices supplémentaires à l'éditeur Select12

Copier le code qui se trouve après Embed Font, pour nos 2 polices c'est celui-ci :

Code:
<link href="https://fonts.googleapis.com/css?family=Coiny|Wallpoet" rel="stylesheet">

Coller ce code dans le template overall_header (juste après la balise head) :

Panneau d'administration / Affichage / Templates / Général


Votre début de template ressemblera à ça :

Code:
<!DOCTYPE HTML>
<html lang="{L_LANG_HTML}">
<head>
   <link href="https://fonts.googleapis.com/css?family=Coiny|Wallpoet" rel="stylesheet">

Ensuite ajouter le code javascript pour l'ajout à l'éditeur :


Code:
WebFontConfig = {
    google: { families: [ 'Coiny','Wallpoet' ] }
  };
  (function() {
    var wf = document.createElement('script');
    wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
      '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
    wf.type = 'text/javascript';
    wf.async = 'true';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(wf, s);
  })();
$(function(){
          if(!$["sceditor"]) return;
          
        $.sceditor.defaultOptions.fonts= 'Arial, Arial Black, Comic Sans MS, Courier New, Georgia, Impact, Sans-serif, Serif, Times New Roman, Trebuchet MS, Verdana, Coiny, Wallpoet'
          
});





A bientôt.


Voila, c'est tout pour le moment clin oeil .
Un soucis direction l'entraide hinhin
https://www.milouze14.com/f14-entraide-forumactif


Dernière édition par Splash le Sam 6 Oct 2018 - 21:21, édité 3 fois

Astuce Re: [TOUTES VERSIONS] Installer des polices supplémentaires à l'éditeur

#602977
Message n°2
Lilas
Lilas
Milouzien

MessageLilas le Sam 6 Oct 2018 - 13:52

Kikou Splash,

Je m'intéresse à ta petite astuce, aujourd'hui.

Bonne journée forum,

mdr

Astuce Re: [TOUTES VERSIONS] Installer des polices supplémentaires à l'éditeur

#603010
Message n°3
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Dim 7 Oct 2018 - 6:50



Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).

Astuce Re: [TOUTES VERSIONS] Installer des polices supplémentaires à l'éditeur

#603169
Message n°4
Anonymous
Invité
Invité

MessageInvité le Ven 12 Oct 2018 - 3:12

Merci beaucoup !

Astuce Re: [TOUTES VERSIONS] Installer des polices supplémentaires à l'éditeur

#603907
Message n°5
avatar
ThunderTB
Milouzien

Avertissement : 20/100

MessageThunderTB le Mar 6 Nov 2018 - 5:26

Merci beaucoup !

Astuce Re: [TOUTES VERSIONS] Installer des polices supplémentaires à l'éditeur

#607247
Message n°6
Kaeyla
Kaeyla
Milouzien

MessageKaeyla le Sam 26 Jan 2019 - 21:14

Merci pour ce superbe partage super

Astuce Re: [TOUTES VERSIONS] Installer des polices supplémentaires à l'éditeur

#609730
Message n°7
HeroxAquariophile
HeroxAquariophile
Milouzien

MessageHeroxAquariophile le Jeu 28 Mar 2019 - 17:25

MERCI !

Astuce Re: [TOUTES VERSIONS] Installer des polices supplémentaires à l'éditeur

#609762
Message n°8
Ptite_Perle
Ptite_Perle
Milouzien

MessagePtite_Perle le Ven 29 Mar 2019 - 14:51

Merci

Astuce Re: [TOUTES VERSIONS] Installer des polices supplémentaires à l'éditeur

#609787
Message n°9
xewup
xewup
Milouzien

Messagexewup le Sam 30 Mar 2019 - 10:53

Merci beaucoup

Voir le sujet précédent Voir le sujet suivant Revenir en haut

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

Astuces Forumactif :: Astuces Forumactif :: Toutes versions

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
© phpBB | Signaler un abus