Compteur de visites gratuit
CAForum infos
Derniers sujets
» » Les 30 ans du Web
Jeu 21 Fév 2019 - 12:27 par David1195

» » Supprimer le gras de certains pseudos
Jeu 21 Fév 2019 - 12:26 par David1195

» » [phpBB3] disparition de la liste des banissements
Jeu 21 Fév 2019 - 9:27 par Splash

» » Le coucou du jour (partie 2)
Mer 20 Fév 2019 - 16:22 par chrisnvidia

» » Ajouter le bouton de sélection de contenu
Lun 11 Fév 2019 - 12:42 par David1195

» » Personnaliser la navbar
Lun 11 Fév 2019 - 12:42 par David1195

» » Ajouter des polices supplémentaires à l'éditeur
Mar 5 Fév 2019 - 20:10 par chrisnvidia

» » Afficher/Masquer les catégories avec un effet
Mar 5 Fév 2019 - 20:07 par chrisnvidia

» » Maintenance Datacenter mardi 05 février 2019
Mar 5 Fév 2019 - 13:52 par David1195

» » Personnaliser la balise de soulignement
Dim 3 Fév 2019 - 10:20 par LilaCH

» » Un ptit délire
Dim 27 Jan 2019 - 21:35 par chrisnvidia

» » Masquer le bloc des modérateurs
Mar 22 Jan 2019 - 6:27 par Splash

» » Masquer le bloc "Modérateurs"
Lun 21 Jan 2019 - 21:35 par LilaCH

» » [Avis Administrateur] Intervention dans les templates
Lun 21 Jan 2019 - 13:34 par chrisnvidia

» » Barre alphabétique de recherche pour liste des membres
Lun 21 Jan 2019 - 10:22 par David1195

» » Icon Monstr
Lun 21 Jan 2019 - 10:14 par LilaCH

» » [Avis Administrateur] Comprendre le Qeel à l'intérieur du template
Lun 21 Jan 2019 - 10:13 par LilaCH

» » HTML Minifier
Dim 20 Jan 2019 - 12:19 par Splash

» » Centrer l'avatar, le pseudo & le rang dans les messages
Sam 19 Jan 2019 - 2:53 par chrisnvidia

» » Arrondir l'entête des catégorie
Mar 8 Jan 2019 - 12:56 par chrisnvidia

Modifier la couleur, police, taille de la description forum

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

Invité

avatar

Invité

MessageInvité le Mar 18 Sep 2018 - 17:22

  • MP
  • Zoom
Voici un code pour améliorer le visuel de votre titre forum. Comme indiqué vous avez la possibilité de changer la couleur, la taille, ainsi que le style de la police d'écriture*.


Code:
 #header-banner h2
{
color:#ffffff;
font-size: 20px;
font-family: "Roboto", Arial, sans-serif;


* Un Javascript, au préalable, est nécessaire pour le changement de police.
Splash

Splash

StaffAdmin
StaffAdmin

MessageSplash le Mar 18 Sep 2018 - 17:55

  • MP
  • Zoom
Mzelle Buzz a écrit:
* Un Javascript, au préalable,  est nécessaire pour le changement de police.

Pas besoin de javascript, ce code fonctionne parfaitement pour changer de police :
Code:
#header-banner h2 {
    font-family: "Cursive";
}


† Aucune aide ne sera donnée en privé sur ce forum




Pour toutes questions avec un code ou une astuce, ouvrez une discussion
> ici <


Suivez le forum sur Facebook
Invité

avatar

Invité

MessageInvité le Mar 18 Sep 2018 - 18:17

  • MP
  • Zoom
Forum a écrit:
Mzelle Buzz a écrit:
* Un Javascript, au préalable,  est nécessaire pour le changement de police.

Pas besoin de javascript, ce code fonctionne parfaitement pour changer de police :
Code:
#header-banner h2 {
    font-family: "Cursive";
}


Le javascript est nécessaire si la police est choisie sur Google fonts par exemple :

Indie Flower

https://fonts.google.com/specimen/Indie+Flower




Splash

Splash

StaffAdmin
StaffAdmin

MessageSplash le Mar 18 Sep 2018 - 21:28

  • MP
  • Zoom
Où trouve-t-on le code javascript sur cette page ?


† Aucune aide ne sera donnée en privé sur ce forum




Pour toutes questions avec un code ou une astuce, ouvrez une discussion
> ici <


Suivez le forum sur Facebook
Invité

avatar

Invité

MessageInvité le Mer 19 Sep 2018 - 9:44

  • MP
  • Zoom
Forum a écrit:Où trouve-t-on le code javascript sur cette page ?

Le code JS est indépendant de google fonts. C'est une recherche / astuce différente du sujet.
Splash

Splash

StaffAdmin
StaffAdmin

MessageSplash le Mer 19 Sep 2018 - 10:01

  • MP
  • Zoom
Ce code javascript permet d'ajouter la police Wallpoet sur un forum :
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);
  })();

Par contre il y a un problème lorsque l'on veut ajouter plusieurs polices par javascript : https://forum.forumactif.com/t398147-awesomebb-ajout-de-police-supplementaire


† Aucune aide ne sera donnée en privé sur ce forum




Pour toutes questions avec un code ou une astuce, ouvrez une discussion
> ici <


Suivez le forum sur Facebook
Splash

Splash

StaffAdmin
StaffAdmin

MessageSplash le Dim 23 Sep 2018 - 11:04

  • MP
  • Zoom
Mzelle Buzz a écrit:
Forum a écrit:Où trouve-t-on le code javascript sur cette page ?

Le code JS est indépendant de google fonts. C'est une recherche / astuce différente du sujet.

Méthode donnée ici : https://caforum.forumactif.com/t76-ajouter-des-polices-supplementaires-a-l-editeur-methode-javascript


† Aucune aide ne sera donnée en privé sur ce forum




Pour toutes questions avec un code ou une astuce, ouvrez une discussion
> ici <


Suivez le forum sur Facebook
Invité

avatar

Invité

MessageInvité le Dim 23 Sep 2018 - 12:24

  • MP
  • Zoom
Merci pour l'astuce de l'ajout de polices supplémentaires. Elle est très utile.

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

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