Compteur de visites gratuit
CAForum infos
Modifier la couleur, police, taille de la description forum  Imgser10
Derniers sujets
» » Centrer l'avatar, le pseudo & le rang dans les messages
Modifier la couleur, police, taille de la description forum  Clock-10Hier à 18:51 par Passiflore

» » Mettre une image en fond de page (body)
Modifier la couleur, police, taille de la description forum  Clock-10Lun 19 Aoû 2019 - 16:14 par new september

» » Qeel en bas de page
Modifier la couleur, police, taille de la description forum  Clock-10Lun 19 Aoû 2019 - 16:11 par new september

» » L'image du jour
Modifier la couleur, police, taille de la description forum  Clock-10Dim 18 Aoû 2019 - 20:42 par chrisnvidia

» » Liens haut & bas de page façon AwesomeBB
Modifier la couleur, police, taille de la description forum  Clock-10Ven 16 Aoû 2019 - 18:21 par Passiflore

» » Insérer des boutons "Haut" & "Bas" de forum
Modifier la couleur, police, taille de la description forum  Clock-10Lun 12 Aoû 2019 - 21:38 par ERROR 404

» » Bouton MP "Répondre" adapté à la version ModernBB
Modifier la couleur, police, taille de la description forum  Clock-10Lun 12 Aoû 2019 - 16:23 par NamiSushi

» » Modifier l'apparence du qeel
Modifier la couleur, police, taille de la description forum  Clock-10Lun 12 Aoû 2019 - 16:02 par NamiSushi

» » Happy day Chrisnvidia
Modifier la couleur, police, taille de la description forum  Clock-10Ven 9 Aoû 2019 - 23:00 par chrisnvidia

» » [ModernBB] Affichage de la liste des membres
Modifier la couleur, police, taille de la description forum  Clock-10Sam 3 Aoû 2019 - 6:50 par Splash

» » Bloc de connexion
Modifier la couleur, police, taille de la description forum  Clock-10Ven 2 Aoû 2019 - 17:12 par chrisnvidia

» » Le coucou du jour
Modifier la couleur, police, taille de la description forum  Clock-10Ven 2 Aoû 2019 - 17:09 par chrisnvidia

» » Prévisualisation d'un MP juste au-dessus du corps de message
Modifier la couleur, police, taille de la description forum  Clock-10Ven 2 Aoû 2019 - 11:29 par Dynaste

» » Modifier l'affichage "Sujets" et "Messages" sur l'index
Modifier la couleur, police, taille de la description forum  Clock-10Jeu 1 Aoû 2019 - 23:58 par LilaCH

» » Rendre l'image du header cliquable
Modifier la couleur, police, taille de la description forum  Clock-10Jeu 1 Aoû 2019 - 23:57 par LilaCH

» » Les dernières informations de Forumactif
Modifier la couleur, police, taille de la description forum  Clock-10Mer 31 Juil 2019 - 15:52 par Splash

» » Les notifications Web Push
Modifier la couleur, police, taille de la description forum  Clock-10Mar 30 Juil 2019 - 19:02 par Splash

» » Titre dans les notifications de suivi
Modifier la couleur, police, taille de la description forum  Clock-10Dim 28 Juil 2019 - 17:45 par Passiflore

» » Supprimez les/des boutons de la Chatbox
Modifier la couleur, police, taille de la description forum  Clock-10Ven 19 Juil 2019 - 13:33 par Passiflore

» » [phpBB3] Nouvelle police d'écriture
Modifier la couleur, police, taille de la description forum  Clock-10Jeu 18 Juil 2019 - 9:43 par Splash

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