Widget sur le côté

[laureline57]

Bonsoir,

J'aimerai avoir un widget sur le côté comme dans l'image (ci-dessous) mais je ne sais pas comment faire.

J'aimerai que lorsque l'on clique sur ce widget apparaisse cette image :

Spoiler:

Merci de bien vouloir m'aider.

[Scipion]

Bonsoir

Je vous invite à vous diriger sur votre panneau d'administration (PA) >> Modules >> Html et Javascript >> Gestion des codes Javascripts >> Codes Javascript :

Activer la gestion des codes javascripts = oui
Enregistrez.
Cliquez sur 'Créer un nouveau javascript'

- Titre : Ce qui vous convient
- Placement : Sur toutes les pages
- 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: 355px; height: 250px; display: none;" marginwidth="0" marginheight="0" frameborder="0"><img src="http://i72.servimg.com/u/f72/15/20/05/80/41930210.png" border="0" alt="" />

</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>'); } );

- Enregistrez.

Pour personnaliser, vous aurez à utiliser ce tutoriel FA : Créer un panneau latérale

Pour les boutons ouvrir et fermer, il vous faut deux images différentes.

Cordialement

[laureline57]

Bonsoir,

Merci beaucoup, c'est exactement çà. ^^