CAForum infos
Derniers sujets
» » [phpBB2] Encadrement d'un texte
Aujourd'hui à 6:57 par Splash

» » Mettre en valeur un texte en l'encadrant
Aujourd'hui à 1:10 par Lilas

» » Un texte qui clignote
Aujourd'hui à 0:47 par Lilas

» » FancyBox
Aujourd'hui à 0:27 par Lilas

» » Le coucou du jour
Hier à 10:27 par David1195

» » Boutons Haut & Bas de page qui change au survol de souris
Hier à 10:21 par David1195

» » Aide à l'analyse design, fonctions générales du forum
Hier à 8:49 par Splash

» » Insérer des boutons "Haut" & "Bas" de forum
Ven 7 Déc 2018 - 10:11 par David1195

» » Installer le traducteur Google
Ven 7 Déc 2018 - 10:10 par David1195

» » Supprimer les titres de sujets
Lun 3 Déc 2018 - 19:35 par Splash

» » Mettre une image en fond de page (body)
Dim 2 Déc 2018 - 21:32 par chrisnvidia

» » Qeel en bas de page
Dim 2 Déc 2018 - 18:21 par NopestealthTwo

» » Le navigateur Brave
Mar 27 Nov 2018 - 16:00 par David1195

» » Ajouter un sélecteur de contenu
Lun 26 Nov 2018 - 20:44 par David1195

» » Élargir le cadre de la boîte de smileys
Mer 21 Nov 2018 - 14:45 par Richere

» » Après l'installation Le back-office PARTIE 2
Dim 18 Nov 2018 - 14:29 par David1195

» » Après l'installation le back-office PARTIE 1
Dim 18 Nov 2018 - 14:21 par David1195

» » Installation de WORDPRESS
Dim 18 Nov 2018 - 13:54 par David1195

» » Icônes de messages
Dim 18 Nov 2018 - 9:03 par David1195

» » Masquer "Connexion" & "S'enregistrer" sur la toolbar
Dim 18 Nov 2018 - 9:02 par David1195

Modifier la couleur, police, taille de la description forum

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

Mzelle Buzz

avatar

ApportAwesomeBB
ApportAwesomeBB

MessageMzelle Buzz 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

avatar

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
Mzelle Buzz

avatar

ApportAwesomeBB
ApportAwesomeBB

MessageMzelle Buzz 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

avatar

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
Mzelle Buzz

avatar

ApportAwesomeBB
ApportAwesomeBB

MessageMzelle Buzz 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

avatar

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

avatar

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
Mzelle Buzz

avatar

ApportAwesomeBB
ApportAwesomeBB

MessageMzelle Buzz 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