Modifier la hauteur de la chatbox

[TheeooTop]

Bonjour,

Je souhaiterais modifier la hauteur de la chatbox de mon forum pour qu'on puisse voir un plus grand nombre de message pour le moment (6 à l'heure actuelle), mais je ne trouve pas la ligne de code en CSS à mettre pour modifier ça ?

Merci pour votre aide !

[Toryudo]

Bienvenue sur le forum de support de Forumactif Puisque vous êtes nouveau, voici quelques sujets susceptibles de vous intéresser : L'importance de garder secret l'email de fondation, Sécurité : ce qu'il ne faut pas faire, Liste des questions et réponses fréquentes, Liste des trucs et astuces, La fonction rechercher N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse.

Bonjour !

Voici le CSS pour, par exemple, doubler la taille de la chatbox sur la page d'accueil :

Code:

#chatbox_top, #chatbox_bottom {
  height: 600px !important;
}

Par défaut, la taille est de 300, vous pouvez adapter la valeur comme vous voulez !

[TheeooTop]

Merci beaucoup ! J'avais oublié le chatbox_bottom

Tant que j'y suis une petite question supplémentaire : je voudrais ajouter une petite marge entre la première lettre que l'on tape dans le champ de la chatbox et les bords de celle-ci, mais je n'arrive pas à ajouter, j'imagine que c'est un margin-left ?

Et une deuxième : l'apparition de nouveau message dans le chat est plutôt "brusque", est ce que c'est possible de rajouter une petite animation pour que ça soit plus "smooth" ?

Merci !

[Toryudo]

Bonjour !

Alors, pour le petit espace, vous pouvez utiliser ce CSS :

Code:

#chatbox_footer #message {
  padding-left: 6px;
}

Et pour l'apparition d'un message dans la chatbox, vous pouvez utiliser ce CSS :

Code:

.chatbox p {
  opacity: 1;
  animation: 1s ease fadeinchatbox;
}

@keyframes fadeinchatbox {
  from { opacity: 0; }
  to  { opacity: 1; }
}

C'est le 1s dans la propriété animation qui donne la durée de l'apparition, 1 seconde ici pour cette proposition !

[TheeooTop]

Merci c'est top, vous êtes géniaux !