Créer un encart flottant sur l'index du forum

[Cinderella.]

Bonjour à tous

J'aimerais créer un encart flottant sur mon forum, j'ai tenté de mettre le code de mon encart dans mes templates mais ce code ne convient pas, puisqu'en effet, mon encart se retrouve ainsi sur toutes les pages du forum !
Puis-je donc passer par les codes Javascript afin de créer un encart visible uniquement sur l'index du forum ?
Lorsque je mets mon code "html et css" de l'encart type :

Code:

<div style="height: 130px; width: 200px; background-color: white;">mon contenu</div>

Mon encart n'apparaît pas sur le forum, existe t-il donc un code javascript à mettre dans mon code pour que cela fonctionne ?

Un grand merci à tous
Voici un exemple d'encart flottant visible seulement sur la page d'accueil : http://falling-angels.forumactif.org/

[Lixyr]

Bonjour.

Vous pouvez faire ça en reprenant le code de la chatbox latérale, en Javascript.

panneau >> modules >> javascript >>
cocher que pour l'index, et mettre dedans :

Code:


jQuery(document).ready(function() { jQuery('body').append('
<table class="widget" style="top:50px;left:5px;display:none;" cellspacing="10">
  <tr>
    <td align="justify" style="padding:6px;">
    CONTENUE
    </td>
  </tr>
</table>'); } );

Et pour que ça soit tout en bas, et décalé vers la droite, vous changez ça ;

<table class="widget" style="top:50px;left:5px;display:none;" cellspacing="10">

par

<table class="widget" style="bottom:0px;left:15px;display:none;" cellspacing="10">

bottom : décalage par rapport au bas, en pixel
left : décalage par rapport à la gauche, en pixel. Changer juste les valeurs.
top : décalage par rapport au haut, en pixel
right : décalage par rapport à droite


hum et ensuite, le contenu, ça se met entre les balises
<td >et </td>

<td align="justify" style="padding:6px;">
CONTENUE
</td>

Bon courage.

[Cinderella.]

Merci pour votre aide, j'ai finalement trouvé en modifiant les codes donnés dans le tutoriel sur le panneau coulissant.

Sujet résolu