Compteur de visites gratuit
CAForum infos
Derniers sujets
» » Pingdom Tools
Modifier la couleur, police, taille de la description forum  Clock-10Mar 10 Déc 2019 - 13:36 par David1195

» » Le coucou du jour
Modifier la couleur, police, taille de la description forum  Clock-10Jeu 5 Déc 2019 - 17:52 par chrisnvidia

» » [Tuto] Comment poster une image sur le forum ?
Modifier la couleur, police, taille de la description forum  Clock-10Ven 22 Nov 2019 - 9:22 par David1195

» » [Edge] Flèches Haut et Bas qui s'adaptent à la couleur du thème
Modifier la couleur, police, taille de la description forum  Clock-10Ven 22 Nov 2019 - 9:21 par David1195

» » Mise à jour, Problèmes - Les dernières informations de Forumactif
Modifier la couleur, police, taille de la description forum  Clock-10Mar 19 Nov 2019 - 16:42 par Splash

» » [ModernBB] Catégories de différentes couleurs
Modifier la couleur, police, taille de la description forum  Clock-10Mar 12 Nov 2019 - 12:39 par David1195

» » [phpBB3] Catégories de différentes couleurs
Modifier la couleur, police, taille de la description forum  Clock-10Mar 12 Nov 2019 - 12:38 par David1195

» » Ajouter/Modifier des polices à l'éditeur
Modifier la couleur, police, taille de la description forum  Clock-10Mer 6 Nov 2019 - 15:45 par Splash

» » [phpBB3] Flèches Haut et Bas qui s'adaptent à la couleur du thème
Modifier la couleur, police, taille de la description forum  Clock-10Mar 5 Nov 2019 - 12:33 par David1195

» » [Edge] Hover sur l'avatar pour afficher les infos de profil
Modifier la couleur, police, taille de la description forum  Clock-10Mar 5 Nov 2019 - 12:31 par David1195

» » Archive-Host
Modifier la couleur, police, taille de la description forum  Clock-10Mar 5 Nov 2019 - 10:08 par Chéryl12

» » [Toutes versions] Menu déroulant sur la toolbar
Modifier la couleur, police, taille de la description forum  Clock-10Lun 4 Nov 2019 - 23:20 par LilaCH

» » Insérer une infobulle sur une image
Modifier la couleur, police, taille de la description forum  Clock-10Jeu 31 Oct 2019 - 12:10 par David1195

» » Mettre une image en fond de page (body)
Modifier la couleur, police, taille de la description forum  Clock-10Lun 28 Oct 2019 - 21:17 par Splash

» » [AwesomeBB] Plusieurs images de header sur votre forum
Modifier la couleur, police, taille de la description forum  Clock-10Mer 23 Oct 2019 - 22:29 par Splash

Décembre 2019
LunMarMerJeuVenSamDim
      1
2345678
9101112131415
16171819202122
23242526272829
3031     

Calendrier Calendrier

Modifier la couleur, police, taille de la description forum

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

Invité

Invité
Anonymous

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

StaffAdmin
StaffAdmin
Splash

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

Invité
Anonymous

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

StaffAdmin
StaffAdmin
Splash

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

Invité
Anonymous

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

StaffAdmin
StaffAdmin
Splash

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

StaffAdmin
StaffAdmin
Splash

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 : http://caforum.forumactif.com/t76-ajouter-des-polices-supplementaires-a-l-editeur-methode-javascript



† Aucune aide ne sera donnée en privé
Invité

Invité
Anonymous

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