image latérale

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

Résolu image latérale

Message par Jézebel L. le Ven 29 Mar 2013 - 19:31

Bonjour/bonsoir Very Happy

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

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


Dernière édition par Jézebel L. le Ven 29 Mar 2013 - 21:26, édité 1 fois

Jézebel L.
****

Féminin
Messages : 206
Inscrit(e) le : 02/05/2011

http://monde-oublie.forumactif.com/
Jézebel L. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: image latérale

Message par Scipion le Ven 29 Mar 2013 - 19:57

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

Scipion
+ Hyperactif +

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

http://forum.forumactif.com/
Scipion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: image latérale

Message par Jézebel L. le Ven 29 Mar 2013 - 20:25

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>

Jézebel L.
****

Féminin
Messages : 206
Inscrit(e) le : 02/05/2011

http://monde-oublie.forumactif.com/
Jézebel L. a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: image latérale

Message par Scipion le Ven 29 Mar 2013 - 21:07

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

Like a Star @ heaven Activer la gestion des codes javascripts = oui
Like a Star @ heaven Enregistrez.

Like a Star @ heaven 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>'); } );
Like a Star @ heaven Cliquez sur 'Valider.

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

Bonne soirée
Cordialement

Scipion
+ Hyperactif +

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

http://forum.forumactif.com/
Scipion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: image latérale

Message par Jézebel L. le Ven 29 Mar 2013 - 21:25

Re !

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

Merci beaucoup Scipion Mr. Green

Jézebel L.
****

Féminin
Messages : 206
Inscrit(e) le : 02/05/2011

http://monde-oublie.forumactif.com/
Jézebel L. 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