Panneau latéral

[LaTeamEthologie]

• 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 !

[LaTeamEthologie]

UP SVP !

[capello12]

Bonjour LaTeamEthologie,

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

A+

[LaTeamEthologie]

• D'acco' ! Merci beaucoup ♥

[capello12]

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+

[LaTeamEthologie]

• 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 !

[capello12]

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+

[LaTeamEthologie]

• 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

[capello12]

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+

[LaTeamEthologie]

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

[LaTeamEthologie]

• Upinou SVP ♥

[Invité]

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

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.

[LaTeamEthologie]

• Merci beaucoup ♥