Anthocyane
{ Membre }
Messages : 17
| Bonjour, J'ai cherché, bidouillé, mais je n'ai pas réussi. J'aimerais mettre la chatbox avec un bouton pour l'ouvrir et la fermer en bas de la page. Déjà pour ça je l'ai mis dans le template overall_footer bon c'est pas vraiment collé en ba comme j'aimerais, mais en plus quand on ouvre la chat box, le bouton reste à droite alors que j'aimerais bien qu'il soit au dessus. Pour avoir un exemple : http://aventures.forumotion.com/forum.htm (le bouton d'ouverture de la chatbox es le carré nouveau message tout en bas (oui je n'ai pas encore fait mon bouton ) Et le code du overall_footer : - Code:
-
<!-- BEGIN html_validation --> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <body> <table> <tr> <td> <div> <div> <table> <tbody> <tr> <td> <!-- END html_validation --> <td valign="top" width="{C3SIZE}"> <div id="{ID_RIGHT}"> <!-- BEGIN giefmod_index2 --> {giefmod_index2.MODVAR} <!-- BEGIN saut --> <div style="height: {SPACE_ROW}px"></div> <!-- END saut --> <!-- END giefmod_index2 --> </div> </td> </tr> </tbody> </table> </div> </div> <!-- close div id="page-body" --> <div id="page-footer"> <div align="center"> <div class="gen"> <strong>{ADMIN_LINK}</strong>{U_VERSION_RTL}{U_CREATE_A_FORUM}{U_VERSION} {U_SUPPORT} <!-- BEGIN switch_view_stats --> | <a name="bottom" href="/{switch_view_stats.S_STATS}" class="copyright" rel="nofollow">{switch_view_stats.L_STATS}</a> <!-- END switch_view_stats --> <!-- BEGIN switch_view_donation --> | <a name="bottom" href="/{switch_view_donation.U_DONATION}" class="copyright" rel="nofollow">{switch_view_donation.L_MAKE_DONATION}</a> <!-- END switch_view_donation --> <!-- BEGIN switch_view_contact --> | <a name="bottom" href="/{switch_view_contact.U_CONTACT}" class="copyright" rel="nofollow">{switch_view_contact.L_CONTACT}</a> <!-- END switch_view_contact --> {U_ABUSE} {U_BLOG} <table style="position: scroll; bottom: 1px; left: -10px;z-index:10000;"> <tr> <td> <iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" scrolling="yes" style="width: 800px; height: 400px; display: none;" marginwidth="1" marginheight="1" frameborder="1"></iframe> </td> <td style="vertical-align: bottom;"> <img src="http://i86.servimg.com/u/f86/14/46/16/55/new10.jpg" onClick="document.getElementById('chatboxpop') .style.display=(this.src=='http://i86.servimg.com/u/f86/14/46/16/55/new10.jpg')?'block':'none'; this.src=(this.src=='http://i86.servimg.com/u/f86/14/46/16/55/new10.jpg')?'http://i86.servimg.com/u/f86/14/46/16/55/verr10.jpg':'http://i86.servimg.com/u/f86/14/46/16/55/new10.jpg';"/> </td> </tr> </table> <br clear="all" /> </div> </div> </div> {PROTECT_FOOTER} </td> </tr> </table>
<!-- BEGIN switch_facebook_login --> <div id="fb-root"></div> <script type="text/javascript"> //<![CDATA[ FB.init({appId: '{switch_facebook_login.FACEBOOK_APP_ID}', status: true, cookie: true, xfbml: true}); //]]> </script> <!-- END switch_facebook_login -->
<!-- BEGIN switch_facebook_logout_TMP --> <script type="text/javascript"> //<![CDATA[ FB.Event.subscribe('auth.logout', function(response) { if ($('a#logout')) { var lien_redir = $('a#logout').attr('href');
if ($('a#logout').attr('href') && $('a#logout').attr('href') != '') { document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir; } } });
$(document).ready( function() { $('a#logout').click( function() { FB.logout(); } ); } ); //]]> </script> <!-- END switch_facebook_logout_TMP -->
<script type="text/javascript"> //<![CDATA[ fa_endpage(); //]]> </script> </body> </html> Voilà et merci à celui ou celle qui prendra le temps de m'aider. ^^ | | |
|
Liliana
{ Membre actif }
Messages : 997
| Bonjour; Alors c'est parce que ton code est composé d'une ligne et de deux colonnes : Alors que ce que tu veux se présente ainsi : Donc, retournes dans ton templates et modifie ton code de chatbox par celui-ci : J'ai essayé de faire qu'elle soit collée au bord en bas; en mettant une marge négative que tu peux modifier ^^ - Code:
-
<table style="z-index:1000; margin-bottom: -27px;"> <tr> <td> <img src="http://i86.servimg.com/u/f86/14/46/16/55/new10.jpg" onClick="document.getElementById('chatboxpop').style.display=(this.src=='http://i86.servimg.com/u/f86/14/46/16/55/new10.jpg')?'block':'none'; this.src=(this.src=='http://i86.servimg.com/u/f86/14/46/16/55/new10.jpg')?'http://i86.servimg.com/u/f86/14/46/16/55/verr10.jpg':'http://i86.servimg.com/u/f86/14/46/16/55/new10.jpg';"/> </td> </tr>
<tr> <td> <iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" scrolling="yes" style="width: 800px; height: 400px; display: none;" marginwidth="1" marginheight="1" frameborder="1"></iframe> </td> </tr> </table> Dis moi si cela marche =) | | |
|
Anthocyane
{ Membre }
Messages : 17
| Merci beaucoup ça fonctionne !
Ah il ne me reste plus qu'à faire le bouton maintenant ! ^^
Merci !
| | |
|
Liliana
{ Membre actif }
Messages : 997
| De rien =) Je classe alors; bon courage pour le bouton xD | | |
|