Changer la police du titre de la Chatbox

2 participants

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

Résolu Changer la police du titre de la Chatbox

Message par Ramihael Sam 3 Mar 2018 - 20:06

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 !


Dernière édition par Ramihael le Mar 6 Mar 2018 - 21:45, édité 1 fois
Ramihael

Ramihael
Nouveau membre

Messages : 3
Inscrit(e) le : 03/03/2018

Voir le profil de l'utilisateur http://bluemooncity-vampire.forum-invision.com/
Ramihael a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer la police du titre de la Chatbox

Message par adrien_69 Dim 4 Mar 2018 - 0:38

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.
avatar

adrien_69
****

Masculin
Messages : 414
Inscrit(e) le : 09/02/2005

Voir le profil de l'utilisateur http://www.passionlachasse.com
adrien_69 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer la police du titre de la Chatbox

Message par Ramihael Dim 4 Mar 2018 - 9:32

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 ! Very Happy
Ramihael

Ramihael
Nouveau membre

Messages : 3
Inscrit(e) le : 03/03/2018

Voir le profil de l'utilisateur http://bluemooncity-vampire.forum-invision.com/
Ramihael a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer la police du titre de la Chatbox

Message par Ramihael Mar 6 Mar 2018 - 19:49

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

Un grand merci d'avance ! Very Happy

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 !
Ramihael

Ramihael
Nouveau membre

Messages : 3
Inscrit(e) le : 03/03/2018

Voir le profil de l'utilisateur http://bluemooncity-vampire.forum-invision.com/
Ramihael a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum