Chatbox en spoiler

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

Résolu Chatbox en spoiler

Message par M.You' le Sam 3 Déc 2011 - 20:38

Salut ,

Comment mettre la chatbox en spoiler svp ?

Quentin

M.You'
**

Masculin
Messages : 71
Inscrit(e) le : 27/01/2011

http://virtual-manager.forumactif.com/
M.You' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Chatbox en spoiler

Message par Invité le Sam 3 Déc 2011 - 23:06

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.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Chatbox en spoiler

Message par M.You' le Dim 4 Déc 2011 - 0:38

Je suis en PhpBB2

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


M.You'
**

Masculin
Messages : 71
Inscrit(e) le : 27/01/2011

http://virtual-manager.forumactif.com/
M.You' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Chatbox en spoiler

Message par Invité le Mar 6 Déc 2011 - 9:47

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.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

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


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