Panneau latéral

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

Résolu Panneau latéral

Message par LaTeamEthologie le Sam 27 Aoû 2011 - 22:52

  • Bonjour !
    J'ai un problème avec un panneau latéral. J'ai suivi ce tuto et ça ne marche pas.
    C'est un panneau à droite & je n'ai rien modifier du code. Rien du tout.

    Merci d'avance Smile !


Dernière édition par LaTeamEthologie le Jeu 1 Sep 2011 - 14:29, édité 1 fois

LaTeamEthologie
**

Féminin
Messages : 92
Inscrit(e) le : 04/08/2011

http://silvercrest.forumgratuit.org/
LaTeamEthologie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Panneau latéral

Message par LaTeamEthologie le Lun 29 Aoû 2011 - 16:12

UP SVP !

LaTeamEthologie
**

Féminin
Messages : 92
Inscrit(e) le : 04/08/2011

http://silvercrest.forumgratuit.org/
LaTeamEthologie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Panneau latéral

Message par capello12 le Lun 29 Aoû 2011 - 17:24

Bonjour LaTeamEthologie,

j'ai un code qui marche
je rentre a mon domicile et je te le fait passer

A+

capello12
**

Masculin
Messages : 95
Inscrit(e) le : 06/03/2010

http://jsp-ouest.forumpyrenees.com
capello12 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Panneau latéral

Message par LaTeamEthologie le Lun 29 Aoû 2011 - 17:31

  • D'acco' ! Merci beaucoup ♥

LaTeamEthologie
**

Féminin
Messages : 92
Inscrit(e) le : 04/08/2011

http://silvercrest.forumgratuit.org/
LaTeamEthologie a été remercié(e) par l'auteur de ce sujet.

Résolu Panneau coulissant

Message par capello12 le Lun 29 Aoû 2011 - 18:00

re,

Code:
jQuery(document).ready(function() { jQuery('body').append('<table style="position: fixed; bottom:600px; left: 0px;background-color:bleu;z-index:10000;"><tr><td><div id="panneau2" scrolling="no" style="width:90px; height:90px; display: none;" marginwidth="0" marginheight="0" frameborder="0">
 
<a href="http://www.pompiers-aveyron.com/" ><center><img src="http://i48.servimg.com/u/f48/16/68/10/89/ud1210.png " border="0"></center></a>
<br />


</div></td><td style="vertical-align: bottom;"><img src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onClick="document.getElementById(\'panneau2\').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>'); } );

Pour un panneau coulissant avec image cliquable => a changer

A+


capello12
**

Masculin
Messages : 95
Inscrit(e) le : 06/03/2010

http://jsp-ouest.forumpyrenees.com
capello12 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Panneau latéral

Message par LaTeamEthologie le Lun 29 Aoû 2011 - 18:11

  • Merci mais j'aimerais avoir un code pour avoir le truc à droite. Et j'aimerais savoir comment on fait pour modifier les ailler...

    Merci en tout cas ! Very Happy

LaTeamEthologie
**

Féminin
Messages : 92
Inscrit(e) le : 04/08/2011

http://silvercrest.forumgratuit.org/
LaTeamEthologie a été remercié(e) par l'auteur de ce sujet.

Résolu panneau coulissant

Message par capello12 le Lun 29 Aoû 2011 - 19:29

re,
repère se morceau de code <table style="position: fixed; bottom:600px; left: 0px;background-color:bleu
tu change left = gauche par right = droite.
pour le reste je ne comprend pas se que tu veux

A+


capello12
**

Masculin
Messages : 95
Inscrit(e) le : 06/03/2010

http://jsp-ouest.forumpyrenees.com
capello12 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Panneau latéral

Message par LaTeamEthologie le Lun 29 Aoû 2011 - 19:59

  • Arf, désolée j'ai buger quand j'ai écrit. J'aimerais savoir comment changer la taille du panneau ^_^

    Merci encore ☺♥

  • EDIT : J'ai changer ce qu'il y avait dedans, ainsi que les dimensions et voici mon code :
    Code:
    jQuery(document).ready(function() { jQuery('body').append('<table style="position: fixed; bottom:600px; right: 0px;background-color:bleu;z-index:10000;"><tr><td><div id="panneau2" scrolling="no" style="width:800px; height:400px; display: none;" marginwidth="0" marginheight="0" frameborder="0">
           
    <table class="defilement">
    <tr><td><div style="height:100px; overflow:auto;"><div style="text-align: justify";>Oh ! Coucou toi ! Tu cherches des nouvelles croustillantes ? Tu as de la chance, en voici la liste :</br>

    <b>→ Moi de Septembre</b></br>
    <i>    • xx septembre ~ Ouverture du forum</br>
        • xx septembre ~ Ce qui se passe</br>
        • xx septembre ~ Ce qui se passe</i></br></div></div></tr></td></table>
           
           
            </div></td><td style="vertical-align: bottom;"><img src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onClick="document.getElementById(\'panneau2\').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>'); } );
    Le souci, c'est qu'elle ne marche plus T_T

LaTeamEthologie
**

Féminin
Messages : 92
Inscrit(e) le : 04/08/2011

http://silvercrest.forumgratuit.org/
LaTeamEthologie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Panneau latéral

Message par capello12 le Mar 30 Aoû 2011 - 6:48

re,

ton code de défilement fait beuguet tout le reste
désoler je ne suis pas compétent pour trouver l'erreur, je cherche.
A+

capello12
**

Masculin
Messages : 95
Inscrit(e) le : 06/03/2010

http://jsp-ouest.forumpyrenees.com
capello12 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Panneau latéral

Message par LaTeamEthologie le Mar 30 Aoû 2011 - 12:57

  • Donc il faudrais que je l'enlève mon joli code ? *O*

LaTeamEthologie
**

Féminin
Messages : 92
Inscrit(e) le : 04/08/2011

http://silvercrest.forumgratuit.org/
LaTeamEthologie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Panneau latéral

Message par LaTeamEthologie le Mer 31 Aoû 2011 - 12:02

  • Upinou SVP ♥

LaTeamEthologie
**

Féminin
Messages : 92
Inscrit(e) le : 04/08/2011

http://silvercrest.forumgratuit.org/
LaTeamEthologie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Panneau latéral

Message par Invité le Mer 31 Aoû 2011 - 22:13

Bonsoir,

En utilisant le code donné dans l'astuce, et en retirant les </br> de votre code, je ne rencontre aucun soucis sur mon forum test.

On n'utilise pas </br>, mais <br> ou <br /> Wink .
Code:
jQuery(document).ready(function() { jQuery('body').append('<table style="position: fixed; bottom: 50px; right: 0px;background-color: #ffffff;z-index:10000;"><tr><td><div id="panneau" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0">

<table class="defilement">
<tr><td><div style="height:100px; overflow:auto;"><div style="text-align: justify";>Oh ! Coucou toi ! Tu cherches des nouvelles croustillantes ? Tu as de la chance, en voici la liste :<br>
 
<b>→ Moi de Septembre</b><br>
<i>    • xx septembre ~ Ouverture du forum<br>
    • xx septembre ~ Ce qui se passe<br>
    • xx septembre ~ Ce qui se passe</i><br></div></div></tr></td></table>

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

Cordialement.

Invité
Invité


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

Résolu Re: Panneau latéral

Message par LaTeamEthologie le Jeu 1 Sep 2011 - 14:29

  • Merci beaucoup ♥

LaTeamEthologie
**

Féminin
Messages : 92
Inscrit(e) le : 04/08/2011

http://silvercrest.forumgratuit.org/
LaTeamEthologie 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