Compteur de visites gratuit
CAForum infos
Modifier la couleur, police, taille de la description forum  Imgser10
Derniers sujets
» » Le coucou du jour
Modifier la couleur, police, taille de la description forum  Clock-10Hier à 21:06 par chrisnvidia

» » Bien débuter en référencement naturel (SEO)
Modifier la couleur, police, taille de la description forum  Clock-10Mer 17 Avr 2019 - 13:37 par David1195

» » Partie 2 Découverte d'un forum le P.A Onglet "Général"
Modifier la couleur, police, taille de la description forum  Clock-10Dim 14 Avr 2019 - 20:15 par chrisnvidia

» » Qeel sur le côté du forum
Modifier la couleur, police, taille de la description forum  Clock-10Sam 13 Avr 2019 - 17:08 par Matth0x

» » Ajouter son copyright
Modifier la couleur, police, taille de la description forum  Clock-10Sam 13 Avr 2019 - 17:05 par Matth0x

» » Coloriser les cases des Annonces, Annonces globales & des Notes
Modifier la couleur, police, taille de la description forum  Clock-10Sam 13 Avr 2019 - 16:57 par Matth0x

» » Mettre une image au qeel
Modifier la couleur, police, taille de la description forum  Clock-10Jeu 11 Avr 2019 - 15:22 par NinaCatali

» » Masquer le bloc "Modérateurs"
Modifier la couleur, police, taille de la description forum  Clock-10Jeu 11 Avr 2019 - 15:17 par NinaCatali

» » Ajouter des polices supplémentaires à l'éditeur
Modifier la couleur, police, taille de la description forum  Clock-10Jeu 11 Avr 2019 - 14:32 par NinaCatali

» » Modifier police, taille et couleur du titre des catégories
Modifier la couleur, police, taille de la description forum  Clock-10Jeu 11 Avr 2019 - 14:17 par NinaCatali

» » Masquer l'affichage du titre de forum sur le forum
Modifier la couleur, police, taille de la description forum  Clock-10Jeu 11 Avr 2019 - 14:15 par NinaCatali

» » Mettre une image en fond de page (body)
Modifier la couleur, police, taille de la description forum  Clock-10Jeu 11 Avr 2019 - 14:04 par NinaCatali

» » Qeel en bas de page
Modifier la couleur, police, taille de la description forum  Clock-10Jeu 11 Avr 2019 - 14:03 par NinaCatali

» » Suppression de la bar-top
Modifier la couleur, police, taille de la description forum  Clock-10Jeu 11 Avr 2019 - 13:58 par NinaCatali

» » Modifier la police du logo-texte
Modifier la couleur, police, taille de la description forum  Clock-10Jeu 11 Avr 2019 - 13:58 par NinaCatali

» » Arrondir l'entête des catégorie
Modifier la couleur, police, taille de la description forum  Clock-10Jeu 11 Avr 2019 - 13:58 par NinaCatali

» » Modifier le message sur la page d'accueil
Modifier la couleur, police, taille de la description forum  Clock-10Jeu 11 Avr 2019 - 13:57 par NinaCatali

» » Différencier les MP non lus et nouveaux
Modifier la couleur, police, taille de la description forum  Clock-10Jeu 11 Avr 2019 - 13:57 par NinaCatali

» » Poster un sujet verouillé
Modifier la couleur, police, taille de la description forum  Clock-10Lun 8 Avr 2019 - 16:34 par Mathis

» » Modifier l'apparence du qeel
Modifier la couleur, police, taille de la description forum  Clock-10Sam 6 Avr 2019 - 13:59 par Nioup

Modifier la couleur, police, taille de la description forum

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

Invité

Anonymous

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

Anonymous

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

Anonymous

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

Anonymous

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