Derniers sujets*
» [TOUTES VERSIONS]Mise en place automatique décorations
par clost Dim 21 Fév 2021 - 11:37
» [AWESOMEBB] Outils de modération rapide
par Milouze14 Jeu 11 Fév 2021 - 6:04
» [TOUTES VERSIONS] Modifier la couleur des pseudos mentionner dans l'éditeur
par fred9545 Mar 2 Fév 2021 - 21:03
» [EDGE] Auto suggestion de la recherche
par tenrev Ven 22 Jan 2021 - 15:13
» [EDGE] Coloriser la cellule vue dans la liste des sujets ....
par tenrev Mar 19 Jan 2021 - 21:31
» [TOUTES VERSIONS] Utiliser les variables utilisateur/forum
par tenrev Mer 30 Déc 2020 - 16:29
» [PHPBB3] Faire un menu déroulant dans le titre d'un forum ou d'un sous forum
par tenrev Mar 29 Déc 2020 - 12:04
» [PHPBB3] Afficher un bouton de navigation sur le premier et le dernier message
par tenrev Mar 29 Déc 2020 - 11:48
» [TOUTES VERSIONS] Toutes versions Bouton générateur d'iframes
par tenrev Mar 29 Déc 2020 - 11:46
» [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster
par tenrev Mar 29 Déc 2020 - 11:43
» [AWESOMEBB] Ajouter un bouton "S'enregistrer" en haut du forum
par Milouze14 Dim 27 Déc 2020 - 8:39
» [AWESOMEBB] Coloriser les cases Annonces & Notes
par Milouze14 Mer 23 Déc 2020 - 8:17
» [PHPBB2] Séparer les messages
par fanny Lun 21 Déc 2020 - 17:51
» [PHPBB2] Mettre en résolu via la réponse rapide
par fred9545 Dim 20 Déc 2020 - 10:48
» [PHPBB2]Supprimer le tag "Re" sur les messages
par fanny Dim 13 Déc 2020 - 22:22
» [PHPBB2] Mettre une couleur de fond dans le profil des messages
par fanny Dim 13 Déc 2020 - 13:26
» [EDGE] Afficher les forums de la catégorie dans la liste des sujets
par clost Sam 12 Déc 2020 - 10:27
» [TOUTES VERSIONS] Afficher une barre des tâches façon Windows 10 sur votre forum
par Quad Daniel Sam 12 Déc 2020 - 8:53
» [TOUTES VERSIONS] Faire clignoter le chiffre ou le nombre de notification(s) dans la toolbar
par fanny Ven 11 Déc 2020 - 14:32
» [PHPBB2] Afficher un message en haut de sujet lorsqu'il est verrouillé
par fanny Jeu 10 Déc 2020 - 10:36
par clost Dim 21 Fév 2021 - 11:37
» [AWESOMEBB] Outils de modération rapide
par Milouze14 Jeu 11 Fév 2021 - 6:04
» [TOUTES VERSIONS] Modifier la couleur des pseudos mentionner dans l'éditeur
par fred9545 Mar 2 Fév 2021 - 21:03
» [EDGE] Auto suggestion de la recherche
par tenrev Ven 22 Jan 2021 - 15:13
» [EDGE] Coloriser la cellule vue dans la liste des sujets ....
par tenrev Mar 19 Jan 2021 - 21:31
» [TOUTES VERSIONS] Utiliser les variables utilisateur/forum
par tenrev Mer 30 Déc 2020 - 16:29
» [PHPBB3] Faire un menu déroulant dans le titre d'un forum ou d'un sous forum
par tenrev Mar 29 Déc 2020 - 12:04
» [PHPBB3] Afficher un bouton de navigation sur le premier et le dernier message
par tenrev Mar 29 Déc 2020 - 11:48
» [TOUTES VERSIONS] Toutes versions Bouton générateur d'iframes
par tenrev Mar 29 Déc 2020 - 11:46
» [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster
par tenrev Mar 29 Déc 2020 - 11:43
» [AWESOMEBB] Ajouter un bouton "S'enregistrer" en haut du forum
par Milouze14 Dim 27 Déc 2020 - 8:39
» [AWESOMEBB] Coloriser les cases Annonces & Notes
par Milouze14 Mer 23 Déc 2020 - 8:17
» [PHPBB2] Séparer les messages
par fanny Lun 21 Déc 2020 - 17:51
» [PHPBB2] Mettre en résolu via la réponse rapide
par fred9545 Dim 20 Déc 2020 - 10:48
» [PHPBB2]Supprimer le tag "Re" sur les messages
par fanny Dim 13 Déc 2020 - 22:22
» [PHPBB2] Mettre une couleur de fond dans le profil des messages
par fanny Dim 13 Déc 2020 - 13:26
» [EDGE] Afficher les forums de la catégorie dans la liste des sujets
par clost Sam 12 Déc 2020 - 10:27
» [TOUTES VERSIONS] Afficher une barre des tâches façon Windows 10 sur votre forum
par Quad Daniel Sam 12 Déc 2020 - 8:53
» [TOUTES VERSIONS] Faire clignoter le chiffre ou le nombre de notification(s) dans la toolbar
par fanny Ven 11 Déc 2020 - 14:32
» [PHPBB2] Afficher un message en haut de sujet lorsqu'il est verrouillé
par fanny Jeu 10 Déc 2020 - 10:36
Les statistiques du forum
[TOUTES VERSIONS] Installer des polices supplémentaires à l'éditeur
Page 1 sur 1 • Partagez
- SplashMilouzien
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 :
Et ce code pour la seconde police :
Ensuite mettre ce nouveau code javascript Sur toutes les pages (ce code correspondra aux polices de l'éditeur) :
Cette partie du code sert à inscrire les 2 nouvelles polices :
Polices qu'il faut également ajouter à cette ligne (en fin de code) :
![[TOUTES VERSIONS] Installer des polices supplémentaires à l'éditeur Police10](https://i.servimg.com/u/f90/19/89/22/92/police10.jpg)
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](https://i.servimg.com/u/f90/19/89/22/92/select10.png)
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](https://i.servimg.com/u/f90/19/89/22/92/select11.png)
Déployez le en cliquant sur le petit tiret blanc (sur la gauche) :
![[TOUTES VERSIONS] Installer des polices supplémentaires à l'éditeur Select12](https://i.servimg.com/u/f90/19/89/22/92/select12.png)
Copier le code qui se trouve après Embed Font, pour nos 2 polices c'est celui-ci :
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 :
Ensuite ajouter le code javascript pour l'ajout à l'éditeur :
A bientôt.
Voila, c'est tout pour le moment
.
Un soucis direction l'entraide
https://www.milouze14.com/f14-entraide-forumactif
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](https://i.servimg.com/u/f90/19/89/22/92/police10.jpg)
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](https://i.servimg.com/u/f90/19/89/22/92/select10.png)
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](https://i.servimg.com/u/f90/19/89/22/92/select11.png)
Déployez le en cliquant sur le petit tiret blanc (sur la gauche) :
![[TOUTES VERSIONS] Installer des polices supplémentaires à l'éditeur Select12](https://i.servimg.com/u/f90/19/89/22/92/select12.png)
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

Un soucis direction l'entraide

https://www.milouze14.com/f14-entraide-forumactif
Dernière édition par Splash le Sam 6 Oct 2018 - 21:21, édité 3 fois
- LilasMilouzien
Kikou Splash,
Je m'intéresse à ta petite astuce, aujourd'hui.
Bonne journée forum,

Je m'intéresse à ta petite astuce, aujourd'hui.
Bonne journée forum,

- Milouze14Fondateur
NOUVELLE BARRE DE NAVIGATION
LES DERNIERES ASTUCES & DERNIERS MESSAGES
Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
- InvitéInvité
Merci beaucoup !
- ThunderTBMilouzien
Merci beaucoup !
- KaeylaMilouzien
Merci pour ce superbe partage 

- InvitéInvité
MERCI !
- Ptite_PerleMilouzien
Merci
- xewupMilouzien
Merci beaucoup
Sujets similaires internes ( 0 )
Aucun sujet
Créer un compte ou se connecter pour répondre
Vous devez être membre pour répondre.
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum