ajout police d'ecriture

[logan125]

Bonjours a tous et merci de votre future aide
Avant de poster ici j'ai chercher sur le forum des forum et sur google mais le code css que j'ai trouver ne fonctionne pas je ne suis pas tres doué dans le codage je l'avoue mais si vous pouviez m'aider ca m'aiderais énormément

J'aimerais mettre une police d’écriture de google font sur l'ensemble du forum ( police walpoet) : http://www.google.com/fonts#UsePlace:use/Collection:Wallpoet

j'ai tenter ce code la : font-family: 'police d'écriture', cursive;

J'aimerais aussi mettre une autre police sur les catégorie du forum  police black ops one : http://www.google.com/fonts#UsePlace:use/Collection:Black+Ops+One

Et si possible j'aimerais que ces deux police puisse etre dans le choix de tout utilisateur du forum pour leur messages

A bientot merci

[MlleAlys]

Bonjour,

♦ Pour utiliser, ou plutôt voir, les polices spéciales sur le forum, il faut qu'elles soient installées sur le forum. Pour cela il y a plusieurs façons, en voilà une :

Au point 3. "Add this code to your website" sur la page de google font, on vous propose trois façons (onglets) : via une balise <link>, à mettre dans le template "haut de page"; via @import; ou bien via un javascript, à mettre dans le template ou bien via module>javascripts.
Pour cette dernière option (qui a des avantages et des défauts je suppose, mais bon c'en est une xD) :
- allez dans modules>javascripts
- vérifiez que la gestion des javascripts est cochée sur "Oui"
- créez un nouveau code, donnez lui un nom (celui de la police par exemple ^^)
- cochez "sur toutes les pages" pour pouvoir l'utiliser sur tout le forum
- dans la zone de saisie, collez le code qui est proposé, sans les balises <script>. Ce qui donne par exemple, pour wallpoet :

Code:

WebFontConfig = {
    google: { families: [ 'Wallpoet::latin' ] }
  };
  (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);
  })();

- enregistrez.


La police est à présent installée sur le forum, et vous pourrez l'utiliser via le css comme n'importe quelle autre ^^

Vous pouvez de la même façon installer les autres polices qui vous intéressent.



♦ Enfin, pour ajouter les polices à celles proposées dans l'éditeur, créez un nouveau javascript, donnez lui un nom ("polices éditeur" par exemple ^^), cochez "sur toutes les pages", puis dans la zone de saisie, collez ce code :

Code:

$(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';
 
});

- Vous pouvez alors modifier dans ce code la liste des polices que vous souhaitez voir apparaitre. Par exemple, si vous voulez ajouter Wallpoet en début de liste, modifiez le code comme ceci :

Code:

$(function(){
  if(!$["sceditor"]) return;
 
  $.sceditor.defaultOptions.fonts= 'Wallpoet,Arial,Arial Black,Comic Sans MS,Courier New,Georgia,Impact,Sans-serif,Serif,Times New Roman,Trebuchet MS,Verdana';
 
});

- Quand vous avez terminé, enregistrez le code ^^

Les polices ajoutées à la liste apparaitront alors dans la liste des polices proposées dans l'éditeur, et si elles ont été correctement installées via la première étapes, seront lisibles ^^

[logan125]

Merci je vais tenter tout ca d'ici tres peu de temps je vous tien informer des resultat

[logan125]

Quand tu dis sur le code pour wallpoet

Code:


WebFontConfig = {
   google: { families: [ 'Wallpoet::latin' ] }
 };
 (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);
 })();

ca veut dire qu'en fait tu creer comme un genre d'entré a ton codage css de la police Walpoet

pour celle de black ops one ça sera le code suivant :

Code:

WebFontConfig = {
    google: { families: [ 'Black+Ops+One::latin' ] }
  };
  (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);
  })();

est ce que pour les majuscule et les + c'est bon?

[MlleAlys]

le code javascript à mettre est celui donné par google font :

Il faut juste retirer les balises <script ... > et </script> au début et à la fin du code ^^

[logan125]

Merci pour l'astuce j'avais pas vu l'onglet par contre j'ai un coucis j'ai reussi a mettre la police black ops one fonctionelle mais pas la wallpoet avez vous une idée du pourquoi?

voici mon code javascript pour wallpoet

Code:

WebFontConfig = {
    google: { families: [ 'Wallpoet::latin' ] }
  };
  (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);
  })();

celui a comparer pour black ops qui fonctionne a merveille:

Code:

WebFontConfig = {
    google: { families: [ 'Black+Ops+One::latin' ] }
  };
  (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 le code javascript pour les polices d'écritures:

Code:

$(function(){
  if(!$["sceditor"]) return;
 
  $.sceditor.defaultOptions.fonts= 'Wallpoet,Black Ops One,Arial,Arial Black,Comic Sans MS,Courier New,Georgia,Impact,Sans-serif,Serif,Times New Roman,Trebuchet MS,Verdana';
 
});

code css pour les deux polices:

Code:

font-family: 'Wallpoet', cursive;
font-family: 'Black+Ops+One', cursive;

[Serang]

Hello,

MlleAlys ne vous à pas donnée le lien d'un tutoriel concernant votre question. Donc je complète sa réponse voici un tutoriel.
=> https://forum.forumactif.com/t343855-

Le tutoriel est simple de lecture, je vous laisse le consulter.
Si vous avez encore un problème faite le nous part ici même ou sur un autre nouveau sujet.

Bonne journée,
A bientôt

[logan125]

Merci pour le tutoriel malheureusement je n'ai pas acces aux template donc pas possible de modifier ce dernier ce qui fait que la police "wallpoet" fonctionne toujours pas

[Artdrock]

Bonsoir ,
C'est un bug de copie ou tu à mis les mêmes scripts ?

voici mon code javascript pour wallpoet
families: [ 'Black+Ops+One::latin'
pour black ops qui fonctionne a merveille:
families: [ 'Black+Ops+One::latin'

[logan125]

BONSOIR erreur de copie j'ai bien mis Wallpoet et pas black ops one

[logan125]

édit fait  même après d'autres essais rien ne fonctionne je dois dire que je suis un peu perdu la

Je profite de ce poste pour poser une autre question comment modifie t'on la polices des catégories du forum?

Egalement j'aimerais mettre le texte " Forum de la team legion'air" dans un style atypique genre : une de ces police trouvé pour word :
ou celles ci:


est ce possible ou faut il que le modifi ce texte en images?

[logan125]

UP

[logan125]

Quelqu'un a une idée pour le soucis avec la police wallpoet?

Egalement comment peut on mettre la police black ops one ou walpoet ( quend ca fonctionnera) dans les catégories du forum?
car dans les polices des catégories " black ops one " n’apparaît pas mais les autre oui.

Par rapport aux immages mise plus haut une idée de comment mettre le texte : Forum de la team legion'air. en Capture it ( image je suppose vu que cette police serait pas prise en compte par les pc l'ayant pas sur leur base des police

[logan125]

up

[Dr. Sam]

Bonsoir,

Allons y plus simple. (Si tu prends ma solution, il faudra que tu efface ce que les autres ton fait faire pour que rien ne rentre en conflit.)

Dans votre template overall_header, placez ce code:

Code:

<link href='http://fonts.googleapis.com/css?family=Wallpoet' rel='stylesheet' type='text/css'>

En dessous de ce code:

Code:

<title>{SITENAME_TITLE}{PAGE_TITLE}</title>

Ensuite, quand vous voulez mettre la police à un élément de votre site, rajouter ceci dans votre CSS:

Code:

font-family: 'Wallpoet', cursive;

Vous aurez remarqué que ceci est juste pour la police Wallpoet. Voici les code pour l'autre police Black Ops.

Rajouter ceci:

Code:

<link href='http://fonts.googleapis.com/css?family=Black+Ops+One' rel='stylesheet' type='text/css'>

En dessous de

Code:

<title>{SITENAME_TITLE}{PAGE_TITLE}</title>

Ensuite, quand vous voulez mettre la police à un élément de votre site, rajouter ceci dans votre CSS:

Code:

font-family: 'Black Ops One', cursive;

Cordialement,

[logan125]

Merci énormément mais je n'ai pas acces au template

[demeter1]

Si vous êtes en phpbb2 comme l'indique votre profil, vous avez accès forcément aux templates; à moins que vous ne soyez pas le fondateur du forum.

[Dr. Sam]

Bonjour,

- Quel est le lien du forum concerné ?
- Êtes vous fondateur du forum ?

Cordialement,

[logan125]

en effet je ne suis pas le fondateur du forum juste le modo qui y fait le plus de travail dessus

le forum concerné est le suivant:
http://legionair.lebonforum.com/
on est bien en phbb2

[demeter1]

Demandez tout bonnement au fondateur de vous autorisez à utiliser son compte de fondation pour faire les modifs si lui même n'est pas apte à les faire.

[Dr. Sam]

Bonjour.

Comme Demeter1 l'a dit, mais vous pouvez toujours y donner le lien du sujet.


Cordialement,

[logan125]

c'est ce que je pense faire merci des tuyaus en tout cas

[logan125]

j'attend des nouvelles du createur du forum je vous tiens informer

[logan125]

problème regler avec la modification du template par le créateur du forum Merci a tous