Changer la police du titre de la Chatbox

[Ramihael]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 03.03.2018
Lien du forum : http://bluemooncity-vampire.forum-invision.com/

Description du problème

Bonjour,

J'essaie désespérément de changer la police du titre de la Chatbox mais sans succès.

J'ai pu modifier le titre lui-même, sa taille, sa couleur, le mettre en majuscule... Mais la police, il s'en moque.

Je précise que la police est correctement installée sur le forum, puisqu'elle est bien prise en compte pour les autres catégories, y compris le "qui est en ligne".

Voici le code installé dans mon CSS :

Code:


/*Police du titre de la CB*/
#chatbox_header .catBottom .cattitle {
        font-family: Fredericka the Great!important;
 font-weight: Bold;
 color: #FFFFFF;
 font-size: 22px;
 text-transform: uppercase;
        }


*#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: "Atrium de Blue Moon"}



Un grand merci d'avance !

[adrien_69]

Bonsoir,

Essaye comme ça :

Code:

 
/*Police du titre de la CB*/
#chatbox_header .catBottom .cattitle {
        font-family: Fredericka the Great!important;
   font-weight: Bold;
   color: #FFFFFF;
   font-size: 22px!important;
   text-transform: uppercase;
        }
#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: "Atrium de Blue Moon"}


@+, Adrien.

[Ramihael]

Bonjour !

Merci d'avoir répondu ! Malheureusement, ça n'a eu aucun effet...

Vu que j'ai mis pas mal de CSS différents pour bidouiller ma CB, voici la liste. Il y a peut-être quelque chose, là-dedans, qui fait court-circuit ?

Code:



/*Police du titre de la CB*/
#chatbox_header .catBottom .cattitle {
        font-family: Fredericka the Great!important;
  font-weight: Bold;
  color: #FFFFFF;
  font-size: 22px!important;
  text-transform: uppercase;
        }
#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: "Atrium de Blue Moon"}



/*Taille de la zone de saisie de la CB*/
    body.chatbox input#message { width: 800px;}

/*Taille des avatars sur la page membres */
.avatar.mini, .avatar.mini img {
   width: 90px;
   height: 90px;
   }

/*Pas de bordure entre les messages quand avatars activés sur CB*/
    #chatbox > p {
      border: none !important;
    }

/*Change la taille de la zone de saisie en bas de la CB*/
#chatbox_footer ,.chatfootertable
{
height:36px !important;
}
.text-styles input#message
{
height:30px !important;
  margin-top: 6px !important;
  border: none;
}
.chatfootertable #help-button, #chatbox_footer table.text-styles{margin-top: -6px !important;}
 
/*Texte avant le message*/
#chatbox_footer label{
  color:#FFFFFF
}

/*Bouton Gras*/
#chatbox_footer .text-styles label[title="Gras"] {
  background-color: #FFFFFF;
  color: #000000
}
/*Bouton Italique*/
#chatbox_footer .text-styles label[title="Ital."] {
  background-color: #FFFFFF;
  color: #000000
}
/*Bouton Surligné*/
#chatbox_footer .text-styles label[title="Soulig."] {
  background-color: #FFFFFF;
  color: #000000
}
/*Bouton Barré*/
#chatbox_footer .text-styles label[title="Barré"] {
  background-color: #FFFFFF;
  color: #000000
}
/*Bouton Couleur de police*/
#chatbox_footer #divcolor {
  background-color: #FFFFFF;
  color: #000000
}
/*Bouton Smiley*/
#chatbox_footer #divsmilies {
  background-color: #FFFFFF;
  color: #000000
}

/*Bouton pour envoyer le message*/
#chatbox_footer #submit_button {
  background-color: #FFFFFF;
  color: #000000
}


/*Afficher les avatars des membres dans la liste à gauche sur la CB. Lié à un code Javascript*/
#chatbox_members .cb-avatar > img {
  height:30px;width:30px;
  vertical-align: middle;
}

/*Message d'accueil sur la CB quand qqun se connecte. Lié à un code Javascript*/
#chatbox.recently-connected:after {
  font-family: "verdana", serif;
  font-size: 12px; line-height:1.5em; font-weight: bold; color: #D1BA88;
  text-align:center;
  box-shadow:0 0 5px #5C3CE8; display:block; background: #000000; margin:auto;
  width:40%; margin:1.5% auto; padding:1%; white-space: pre;
  content: "Bienvenue dans le Temple de la Déconne. \a Si vous désirez que les Esprits Gardiens de Blue Moon se pointent, \a merci de sacrifier une chèvre sur l'autel de la perversité au fond à droite. \a Non... On déconne, un message dans votre partie privée suffit. :p ";
}


/*Pour cacher le titre des membres en ligne*/
    #chatbox_members .online {
      font-size: 0px;    }

/*Titre des membres en ligne personnalisé*/
    #chatbox_members .online:before {
      content: "Actifs";
      font-size: 12px;
          }

/*Pour cacher le titre des membres absents*/
#chatbox_members .away {
  font-size: 0px;}

/*Titre des membres absents personnalisé*/
#chatbox_members .away:before {
  content: "En torpeur";
  font-size: 12px;
  }



Un très grand merci d'avance !

[Ramihael]

Petit up ! Je n'ai toujours pas trouvé de solution à ce problème... T_T

Un grand merci d'avance !

Edit :

Résolu grâce à ce code trouvé sur le forum :

Code:


@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(https://fonts.gstatic.com/s/robotoslab/v6/y7lebkjgREBJK96VQi37Zo4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');
}


Merci encore !