Astuces Forumactif

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

Derniers sujets*
» [AWESOMEBB]Supprimer le mot invité
par Milouze14 Lun 19 Juil 2021 - 19:03

 » [MODERNBB]Supprimer le mot invité
par Milouze14 Lun 19 Juil 2021 - 18:53

 » [AWESOMEBB]Modifier les icônes de la réponse rapide
par Milouze14 Sam 17 Juil 2021 - 19:37

 » [MODERNBB]Afficher des commentaires sous forme de vignettes
par Milouze14 Lun 12 Juil 2021 - 8:37

 » [AWESOMEBB]Afficher des commentaires sous forme de vignettes
par Milouze14 Mer 7 Juil 2021 - 19:25

 » [PHPBB2]Afficher des commentaires sous forme de vignettes
par Milouze14 Lun 5 Juil 2021 - 19:35

 » [PHPBB3]Afficher des commentaires sous forme de vignettes
par photoclic Jeu 1 Juil 2021 - 23:28

 » [PHPBB2] Afficher l'id/ami et brouillon dans le Welcome de la toolbar
par Ptite_Perle Jeu 24 Juin 2021 - 18:29

 » [TOUTES VERSIONS] Utiliser les variables utilisateur/forum
par Milouze14 Mer 23 Juin 2021 - 7:01

 » [TOUTES VERSIONS] Changer les boutons Nouveau MP et Répondre au MP par du texte
par Constellation Mer 16 Juin 2021 - 0:53

 » [PHPBB2] Afficher le posteur du sujet dans les réponses
par Constellation Jeu 10 Juin 2021 - 23:45

 » [PHPBB2] Afficher les brouillons en attente sur toutes les pages etc etc
par Constellation Jeu 10 Juin 2021 - 23:43

 » [PHPBB2]Supprimer le tag "Re" sur les messages
par Constellation Jeu 10 Juin 2021 - 2:37

 » [TOUTES VERSIONS] Ajouter le texte bienvenu et le Pseudo dans l'onglet du navigateur
par Constellation Jeu 10 Juin 2021 - 2:31

 » [TOUTES VERSIONS] Afficher la partie profil de la toolbar en bas à gauche avec effet slide
par Constellation Jeu 10 Juin 2021 - 2:27

 » [TOUTES VERSIONS] Modifier les textes des MPs nons lus
par Constellation Jeu 10 Juin 2021 - 2:25

 » [TOUTES VERSIONS]Afficher la date de la dernière visite au survol du Pseudo seulement pour les admins
par Constellation Jeu 10 Juin 2021 - 2:23

 » [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster
par Constellation Jeu 10 Juin 2021 - 2:20

 » [PHPBB3] Supprimer la ligne Cacher sa présence en ligne
par Chéryl Sam 29 Mai 2021 - 19:40

 » [TOUTES VERSIONS] Masquer le bouton j'aime pas ou j'aime a un membre
par fred9545 Sam 29 Mai 2021 - 11:51

Les statistiques du forum
Nous avons 480 membres enregistrés

L'utilisateur enregistré le plus récent est Spo0kyCat

Nos membres ont posté un total de 26680 messages dans 1352 sujets

[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

+3
Milouze14
Lilas
Splash
7 participants
Message n°10

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

#602947
Splash
Splash
Milouzien

https://lesforums.caforum.fr

MessageSplash 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




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
Message n°20

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

#602977
Lilas
Lilas
Milouzien

http://lefofodemacopine.forumactif.com

MessageLilas Sam 6 Oct 2018 - 13:52

Kikou Splash,

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

Bonne journée forum,

mdr
Message n°30

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

#603010
Milouze14
Milouze14
Fondateur

https://www.milouze14.com

MessageMilouze14 Dim 7 Oct 2018 - 6:50



NOUVELLE BARRE DE NAVIGATION


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

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

#603169
Anonymous
Invité
Invité

MessageInvité Ven 12 Oct 2018 - 3:12

Merci beaucoup !
Message n°50

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

#603907
avatar
ThunderTB
Milouzien

http://hockeyfederation.forumgratuit.org/forum

MessageThunderTB Mar 6 Nov 2018 - 5:26

Merci beaucoup !
Message n°60

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

#607247
Kaeyla
Kaeyla
Milouzien

https://sweethome.forumactif.com

MessageKaeyla Sam 26 Jan 2019 - 21:14

Merci pour ce superbe partage super
Message n°70

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

#609730
Anonymous
Invité
Invité

MessageInvité Jeu 28 Mar 2019 - 17:25

MERCI !
Message n°80

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

#609762
Ptite_Perle
Ptite_Perle
Milouzien

https://forumcrea.forumactif.org/

MessagePtite_Perle Ven 29 Mar 2019 - 14:51

Merci
Message n°90

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

#609787
avatar
xewup
Milouzien

http://www.freeartisticmind.forumactif.com

Messagexewup Sam 30 Mar 2019 - 10:53

Merci beaucoup

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

Sujets similaires internes ( 0 )
Aucun sujet

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à Milouzien ? 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 | Contact | Signaler un abus