ajout police d'ecriture

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

Résolu ajout police d'ecriture

Message par logan125 le Jeu 20 Mar 2014 - 14:09

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


Dernière édition par logan125 le Ven 4 Avr 2014 - 17:45, édité 1 fois

logan125
*

Messages : 44
Inscrit(e) le : 26/03/2013

http://legionair.lebonforum.com/
logan125 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ajout police d'ecriture

Message par MlleAlys le Jeu 20 Mar 2014 - 17:02

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 ^^

MlleAlys
+ Hyperactif +

Messages : 4404
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ajout police d'ecriture

Message par logan125 le Jeu 20 Mar 2014 - 20:06

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

logan125
*

Messages : 44
Inscrit(e) le : 26/03/2013

http://legionair.lebonforum.com/
logan125 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ajout police d'ecriture

Message par logan125 le Jeu 20 Mar 2014 - 20:30

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?

logan125
*

Messages : 44
Inscrit(e) le : 26/03/2013

http://legionair.lebonforum.com/
logan125 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ajout police d'ecriture

Message par MlleAlys le Jeu 20 Mar 2014 - 21:19

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 ^^

MlleAlys
+ Hyperactif +

Messages : 4404
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ajout police d'ecriture

Message par logan125 le Ven 21 Mar 2014 - 14:08

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;


Dernière édition par logan125 le Sam 22 Mar 2014 - 10:26, édité 1 fois

logan125
*

Messages : 44
Inscrit(e) le : 26/03/2013

http://legionair.lebonforum.com/
logan125 a été remercié(e) par l'auteur de ce sujet.

L'auteur de ce message est actuellement banni du forum - Voir le message

Résolu Re: ajout police d'ecriture

Message par logan125 le Ven 21 Mar 2014 - 16:41

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


Dernière édition par logan125 le Sam 22 Mar 2014 - 11:53, édité 1 fois

logan125
*

Messages : 44
Inscrit(e) le : 26/03/2013

http://legionair.lebonforum.com/
logan125 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ajout police d'ecriture

Message par Artdrock le Ven 21 Mar 2014 - 23:02

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'

Artdrock
****

Messages : 274
Inscrit(e) le : 13/09/2011

http://quentoch-team.forum.st/forum
Artdrock a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ajout police d'ecriture

Message par logan125 le Ven 21 Mar 2014 - 23:05

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

logan125
*

Messages : 44
Inscrit(e) le : 26/03/2013

http://legionair.lebonforum.com/
logan125 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ajout police d'ecriture

Message par logan125 le Sam 22 Mar 2014 - 10:26

é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
*

Messages : 44
Inscrit(e) le : 26/03/2013

http://legionair.lebonforum.com/
logan125 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ajout police d'ecriture

Message par logan125 le Dim 23 Mar 2014 - 18:19

UP

logan125
*

Messages : 44
Inscrit(e) le : 26/03/2013

http://legionair.lebonforum.com/
logan125 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ajout police d'ecriture

Message par logan125 le Lun 24 Mar 2014 - 9:19

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
*

Messages : 44
Inscrit(e) le : 26/03/2013

http://legionair.lebonforum.com/
logan125 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ajout police d'ecriture

Message par logan125 le Jeu 27 Mar 2014 - 0:18

up

logan125
*

Messages : 44
Inscrit(e) le : 26/03/2013

http://legionair.lebonforum.com/
logan125 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ajout police d'ecriture

Message par Dr. Sam le Jeu 27 Mar 2014 - 2:24

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,
Smile

Dr. Sam
*****

Masculin
Messages : 894
Inscrit(e) le : 28/06/2012

http://www.fa-aide.com/
Dr. Sam a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ajout police d'ecriture

Message par logan125 le Jeu 27 Mar 2014 - 8:52

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

logan125
*

Messages : 44
Inscrit(e) le : 26/03/2013

http://legionair.lebonforum.com/
logan125 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ajout police d'ecriture

Message par demeter1 le Jeu 27 Mar 2014 - 9:34

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.

demeter1
+ Hyperactif +

Masculin
Messages : 8224
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ajout police d'ecriture

Message par Dr. Sam le Jeu 27 Mar 2014 - 16:44

Bonjour,

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

Cordialement,
Smile

Dr. Sam
*****

Masculin
Messages : 894
Inscrit(e) le : 28/06/2012

http://www.fa-aide.com/
Dr. Sam a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ajout police d'ecriture

Message par logan125 le Ven 28 Mar 2014 - 0:12

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

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

logan125
*

Messages : 44
Inscrit(e) le : 26/03/2013

http://legionair.lebonforum.com/
logan125 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ajout police d'ecriture

Message par demeter1 le Ven 28 Mar 2014 - 2:09

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.

demeter1
+ Hyperactif +

Masculin
Messages : 8224
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ajout police d'ecriture

Message par Dr. Sam le Ven 28 Mar 2014 - 4:36

Bonjour.

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


Cordialement,
Smile

Dr. Sam
*****

Masculin
Messages : 894
Inscrit(e) le : 28/06/2012

http://www.fa-aide.com/
Dr. Sam a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ajout police d'ecriture

Message par logan125 le Sam 29 Mar 2014 - 13:53

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

logan125
*

Messages : 44
Inscrit(e) le : 26/03/2013

http://legionair.lebonforum.com/
logan125 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ajout police d'ecriture

Message par logan125 le Mer 2 Avr 2014 - 21:55

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

logan125
*

Messages : 44
Inscrit(e) le : 26/03/2013

http://legionair.lebonforum.com/
logan125 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ajout police d'ecriture

Message par logan125 le Ven 4 Avr 2014 - 17:44

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

logan125
*

Messages : 44
Inscrit(e) le : 26/03/2013

http://legionair.lebonforum.com/
logan125 a été remercié(e) par l'auteur de ce sujet.

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


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum