image latérale

[Jézebel L.]

Bonjour/bonsoir

Besoin de votre aide, svp, et plus précisément d'un code ^^

Voilà j'ai une image sur le côté du forum :



et j'aimerais en fait la cacher, comme pour les cb latérales.
que lorsque on clique sur, elle apparait, en coulissant.
enfin, je sais pas si je suis clair.

Merci d'avance, à la personne qui me répondra.

[Scipion]

Bonsoir

Pouvez-vous mettre à disposition l'URL de cette image afin que je puisse l'intégrer et surtout ajuster ses dimensions (hauteur et largeur) dans le code que vous souhaitez, merci ?

Cordialement

[Jézebel L.]

Bonsoir,

Merci d'avoir répondu ^^

voici le code de l'image et l'url auquel il renvoit :

Code:

<a href="http://monde-oublie.forumactif.com/t1531-event-2-les-vampires-venus-d-europe-inscription-ouverte"><img src="http://nsa34.casimages.com/img/2013/03/10/130310020817602160.png" alt=""/></a>

[Scipion]

Merci bien. Pour installer le code, vous allez sur PA >> Modules >> Html et Javascript >> Gestion des codes javascripts >> Codes javascripts :

Activer la gestion des codes javascripts = oui
Enregistrez.

Cliquez sur 'Créer un nouveau javascript

- Titre : au choix
- Placement : sur l'index
- Code javascript : installez ce code

Code:

jQuery(document).ready(function() { jQuery('body').append('<table style="position: fixed; bottom: 50px; left: 0px;background-color: #ffffff;z-index:10000;"><tr><td><div id="panneau" scrolling="no" style="width: 149px; height: 361px; display: none;" marginwidth="0" marginheight="0" frameborder="0"><a href="http://monde-oublie.forumactif.com/t1531-event-2-les-vampires-venus-d-europe-inscription-ouverte"><img src="http://nsa34.casimages.com/img/2013/03/10/130310020817602160.png" alt=""/></a>

</div></td><td style="vertical-align: bottom;"><img src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onClick="document.getElementById(\'panneau\').style.display=(this.src==\'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png\')?\'block\':\'none\';this.src=(this.src==\'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png\')?\'http://i81.servimg.com/u/f81/11/21/85/73/fermer10.png\':\'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png\';"/></td></tr></table>'); } );

Cliquez sur 'Valider.

Après, vous aurez à remplacer les images 'ouvrir' et 'fermer'.

Bonne soirée
Cordialement

[Jézebel L.]

Re !

J'ai essayé, et c'est bon !
juste ce que je voulais
je n'ai plus qu'à changer Ouvrir et Fermer.

Merci beaucoup Scipion