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

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

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

Message par Cinderella. le Mer 9 Mai 2012 - 11:09

Bonjour à tous Smile

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 I love you
Voici un exemple d'encart flottant visible seulement sur la page d'accueil : http://falling-angels.forumactif.org/


Dernière édition par Cinderella. le Mer 9 Mai 2012 - 19:52, édité 1 fois

Cinderella.
***

Féminin
Messages : 125
Inscrit(e) le : 13/03/2011

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

Résolu Re: Créer un encart flottant sur l'index du forum

Message par Lixyr le Mer 9 Mai 2012 - 12:42

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.





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer un encart flottant sur l'index du forum

Message par Cinderella. le Mer 9 Mai 2012 - 19:53

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

Sujet résolu Very Happy

Cinderella.
***

Féminin
Messages : 125
Inscrit(e) le : 13/03/2011

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