Chatbox en spoiler

[M.You']

Salut ,

Comment mettre la chatbox en spoiler svp ?

Quentin

[Invité]

Bonjour,

Pourriez-vous me donner un exemple de ce que vous appelez "mettre la chatbox en spoiler?"
Il serait bien de remplir les champs de votre profil afin que nous connaissions la version du forum et si vous avez des templates et un CSS modifiés.

Cordialement.

[M.You']

Je suis en PhpBB2

En faite , en cliquant sur une image " Afficher la chatbox " une chatbox arrive comme sur ces screens :

[Invité]

Bonjour,

En accédant au template Index_Body, c'est possible.
Etape 1. Installer le code javascript dans PA> Modules > Gestion des codes javascript.

Code:

$(document).ready(function(){
$(".flip").click(function(){
    $(".panel").slideToggle("slow");
  });
});

Etape 2. Ajouter la partie CSS dans PA > Affichage > Couleurs > Feuille de style

Code:

div.panel{
  height:340px;
  display:none;
}

Etape 3. Modifier le template Index_body.
Cherchez:

Code:

{CHATBOX_TOP}

Et remplacez par:

Code:

<br />
<div class="flip" align="center" style="cursor:pointer;"><span class="gensmall">Voir/Masquer la Chatbox</span></div>
<div class="panel">
{CHATBOX_TOP}
</div>
<br />

Enregistrez et publiez le template.

Cordialement.