|
|
xodramm
{ Membre }
Messages : 254
| Voilà j'ai tenté d'avoir la box sur le côté en me fiant sur le code trouvé dans une des aides mais cela ne marche pas du tout. Voici donc les codes : - Code:
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" xmlns="http://www.w3.org/1999/xhtml"> <head>
<table id="lnrbox"><tr><td> <iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" scrolling="no" style="width: 100px; height: 56px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;"> <img src="http://i45.tinypic.com/2r29d12.png" onClick="document.getElementById('chatboxpop') .style.display=(this.src=='http://i45.tinypic.com/2r29d12.png')?'block':'none'; this.src=(this.src=='http://i45.tinypic.com/2r29d12.png')?'http://moe.mabul.org/up/moe/2010/04/15/img-052733tgzjj.jpg' :'http://moe.mabul.org/up/moe/2010/04/15/img-052733tgzjj.jpg';"/></td></tr></table>
<!-- BEGIN meta_emulate_ie7 --> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <!-- END meta_emulate_ie7 --> <title>{SITENAME_TITLE}{PAGE_TITLE}</title> <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" /> <meta http-equiv="content-script-type" content="text/javascript" /> <meta http-equiv="content-style-type" content="text/css" /> {META_FAVICO} {META} <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" /> {T_HEAD_STYLESHEET} {CSS} <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" /> <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" /> <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script> <!-- BEGIN switch_ticker --> <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script> <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" /> <!-- END switch_ticker --> <script type="text/javascript"> //<![CDATA[ $(document).ready(function(){ <!-- BEGIN switch_enable_pm_popup --> pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400'); pm.focus(); <!-- END switch_enable_pm_popup --> <!-- BEGIN switch_report_popup --> report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}'); report.focus(); <!-- END switch_report_popup --> <!-- BEGIN switch_ticker --> ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME}); <!-- END switch_ticker --> });
<!-- BEGIN switch_login_popup --> var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false; <!-- END switch_login_popup --> //]]> </script> {GREETING_POPUP} <!-- BEGIN hitskin_preview --> <style type="text/css"> #hitskin_preview { margin: 0; padding: 0; position: fixed; top: 0; left: 0; width: 100%; height: 65px; background: url('http://2img.net/i/fa/hitskin/hitskin_bar.png') repeat-x left -15px; color: #fff; } * html #hitskin_preview { /* Fix for IE6 since it doesn't implement fixed positionning */ position: absolute; top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop : document.body.scrollTop); z-index: 2; background: transparent url('http://2img.net/i/fa/hitskin/hitskin_bar-ie6.gif') repeat-x left -15px; } * html { /* Gunlaug's Speed fix for the above positionning fix. Sorry for the fix for the fix */ background: #fff url(foo) fixed; } #hitskin_preview h1 { float: left; margin: 3px 0 0 0; padding: 0 0 0 10px; font: italic normal 25px Arial,sans serif; color: #fff; } #hitskin_preview h1 img { vertical-align: middle; } #hitskin_preview em { color: #7CBA2C; font-weight: bold; } #hitskin_preview a { color: #fff; } #hitskin_preview a:hover { text-decoration: underline; }
#hitskin_preview .content { text-align: right; } #hitskin_preview .content p { margin: 4px 1em 0px 1em; font-size: 13px; line-height: 1.8em; color: #fff; font-weight: bold; } #hitskin_preview .content p span { font-weight: normal; font-size: 0.8em; } body { margin-top: 40px !important; } {hitskin_preview.HITSKIN_RTL_CSS} </style> <!-- END hitskin_preview --> </head> <body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}"> <!-- BEGIN hitskin_preview --> <div id="hitskin_preview" style="display: block;"> <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1> <div class="content"> <p> {hitskin_preview.L_THEME_SITE_PREVIEW} <br /> <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span> </p> </div> </div> <!-- END hitskin_preview -->
<!-- BEGIN switch_login_popup --> <div id="login_popup"> <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0"> <tr height="25"> <td class="catLeft"> <span class="genmed module-title">{SITENAME}</span> </td> </tr> <tr height="{LOGIN_POPUP_MSG_HEIGHT}"> <td class="row1" align="left" valign="top"> <div id="login_popup_buttons"> <form action="{S_LOGIN_ACTION}" method="get"> <input type="submit" class="mainoption" value="{L_LOGIN}" /> <input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" /> <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" /> </form> </div> <span class="genmed">{LOGIN_POPUP_MSG}</span> </td> </tr> </table> </div> <!-- END switch_login_popup -->
<a name="top"></a> {JAVAscript} <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center"> <tr> <td class="bodyline"> <table width="100%" cellspacing="0" cellpadding="0" border="0"> <tr> <!-- BEGIN switch_logo_left --> <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td> <td align="center" width="100%" valign="middle"> <div class="maintitle">{MAIN_SITENAME}</div> <br /> <span class="gen">{SITE_DEscriptION}<br /> </span> </td> <!-- END switch_logo_left -->
<!-- BEGIN switch_logo_center --> <td align="center" width="100%" valign="middle"> <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a><br /> <div class="maintitle">{MAIN_SITENAME}</div> <br /> <span class="gen">{SITE_DEscriptION}</span> </td> <!-- END switch_logo_center -->
<!-- BEGIN switch_logo_right --> <td align="center" width="100%" valign="middle"> <div class="maintitle">{MAIN_SITENAME}</div> <br /> <span class="gen">{SITE_DEscriptION}<br /> </span> </td> <td> <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a> </td> <!-- END switch_logo_right --> </tr> </table>
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}"> <tr> <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td> </tr> </table>
<div style="clear: both;"></div>
<!-- BEGIN switch_ticker --> <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;"> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline"> <tr> <td {CLASS_TABLE_TYPE} align="left" class="row1"> <div id="fa_ticker_container"> <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;"> <div class="fa_ticker_content"> <!-- BEGIN ticker_row --> <div>{switch_ticker.ticker_row.ELEMENT}</div> <!-- END ticker_row --> </div> </div> </div> </td> </tr> </table> </div> <!-- END switch_ticker -->
<div id="page-body"> <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}> <table cellpadding="0" cellspacing="0" width="100%" class="three-col"> <tbody> <tr> <td valign="top" width="{C1SIZE}"> <div id="{ID_LEFT}"> <!-- BEGIN giefmod_index1 --> {giefmod_index1.MODVAR} <!-- BEGIN saut --> <div style="height:{SPACE_ROW}px"></div> <!-- END saut --> <!-- END giefmod_index1 --> </div> </td> <td valign="top" width="100%"> <!-- BEGIN html_validation --> </td> </tr> </tbody> </table> </div> </div> </td> </tr> </table> </body> </html> <!-- END html_validation --> Le css : - Code:
-
#lnrbox { position: fixed; bottom: 50px; left: 0px; background-color: #COULEUR; background-position: center; border: 1px solid #COULEUR; border-bottom: 4px solid #COULEUR; z-index: 999; } Je n'ai pas encore toucher les "couleur" car je n'ai pas trop compris comment le reste fonctionne. On voit l'image pour la box mais on ne peut pas cliquer dessus ... et ce n'est pas la bonne image... lien du forum : http://worshire.forumactif.com/index.htm lien du bouton box : merci davance | | |
|
| |
Nashii
{ Membre actif }
Messages : 516
| Salut, ^^" j'ai rien pigé à ton template etpourquoi un css XD... Moi dans le template index-body j'ai sa pour la box sur le coté ^^ - Code:
-
<!-- END disable_viewonline -->
<table style="position: fixed; bottom: 50px; left: 0px;background-color: #E6E6E6;z-index:10000;"><tr><td><iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" scrolling="no" style="width: 800px; height: 500px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;"><img src="http://i13.servimg.com/u/f13/09/03/20/77/open10.jpg" onClick="document.getElementById('chatboxpop').style.display=(this.src=='http://i13.servimg.com/u/f13/09/03/20/77/open10.jpg')?'block':'none';this.src=(this.src=='http://i13.servimg.com/u/f13/09/03/20/77/open10.jpg')?'http://i13.servimg.com/u/f13/09/03/20/77/close10.jpg':'http://i13.servimg.com/u/f13/09/03/20/77/open10.jpg';"/></td></tr></table> <br clear="all" /> <!-- BEGIN switch_legend --> Bien sur les END et BEGIN c'est pour te dire ou sa se trouve ^^ . Par contre les images sont celle de mon forum c'est gris XD tente sa ^^ Bonne soirée | | |
|
| |
xodramm
{ Membre }
Messages : 254
| Heum ton code a un problème je dirais .... car on ne peut pas cliquer sur le bouton pour aller sur la box ... | | |
|
| |
Boow
{ Membre actif }
Messages : 866
| Le code de Nashii est correct, il faut mettre ceci :
- Code:
-
<!-- END disable_viewonline -->
<table style="position: fixed; bottom: 50px; left: -10px;z-index:10000;"><tr><td><iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;"> <img src="IMAGE OUVRIR" onClick="document.getElementById('chatboxpop') .style.display=(this.src=='IMAGE OUVRIR')?'block':'none'; this.src=(this.src=='IMAGE OUVRIR')?'IMAGE FERMER':'IMAGE OUVRIR';"/></td></tr></table> <br clear="all" /> | | |
|
| |
xodramm
{ Membre }
Messages : 254
| Bah moi ça marche pas du tout ! - Code:
-
{JAVAscript} <!-- BEGIN message_admin_index --> <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <!-- BEGIN message_admin_titre --> <tr> <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td> </tr> <!-- END message_admin_titre --> <!-- BEGIN message_admin_txt --> <tr> <td class="row1" rowspan="3" align="center" valign="middle"> <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div> </td> </tr> <!-- END message_admin_txt --> </table> <!-- END message_admin_index -->
<!-- BEGIN switch_user_login_form_header --> <form action="{S_LOGIN_ACTION}" method="post" name="form_login"> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline"> <tr> <td width="100%" valign="top" align="center" class="row1"> <label><span class="genmed">{L_USERNAME}:</span> <input class="post" type="text" size="10" name="username" /></label> <label><span class="genmed">{L_PASSWORD}:</span> <input class="post" type="password" size="10" name="password" /></label> {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /><br /> <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
</td> </tr> </table> </form> <!-- END switch_user_login_form_header -->
{CHATBOX_TOP} {BOARD_INDEX} <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="50%" valign="top"> <!-- BEGIN switch_user_logged_in --> <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a> <!-- END switch_user_logged_in --> <!-- BEGIN switch_delete_cookies --> <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a> <!-- END switch_delete_cookies --> </span> </td> <td width="50%" align="right" valign="top"> <span class="gensmall"> <!-- BEGIN switch_on_index --> <!-- BEGIN switch_delete_cookies --> <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a> <!-- END switch_delete_cookies --> <!-- END switch_on_index --> </span> </td> </tr> </table>
<!-- BEGIN switch_user_login_form_footer --> <form action="{S_LOGIN_ACTION}" method="post" name="form_login"> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline"> <tr> <td width="100%" valign="top" align="center" class="row1"> <span class="genmed">{L_USERNAME}:</span> <input class="post" type="text" size="10" name="username"/> <span class="genmed">{L_PASSWORD}:</span> <input class="post" type="password" size="10" name="password"/> {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /><br /> <span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /> </td> </tr> </table> </form> <!-- END switch_user_login_form_footer -->
<!-- BEGIN disable_viewonline --> <table cellspacing="2" cellpadding="2" width="100%" border="0" class="statistiques"> <tr> <td width="400"></td> <td width="60%" align="center" valign="middle"> <div class="groupes" align="center"> <a href="groupcp.forum?g=19" style="color:#6D563E;">Staff d'ARN</a> <a href="groupcp.forum?g=11" style="color:#CC9933;">Chouchous</a> <a href="groupcp.forum?g=5" style="color:#FFFF99;">Membres</a> <div style="padding:5px;"></div> <div style="padding:5px;"></div> </div> <br /> <div class="gensmall" style="font-size:9px;"> {TOTAL_USERS}. <br /> {NEWEST_USER}. <br /> {TOTAL_POSTS}<br /><br /> <a href="{U_VIEWONLINE}" style="text-decoration:none !important;">{TOTAL_USERS_ONLINE}</a><br /> <div class="listeconnectes">{LOGGED_IN_USER_LIST}</div> </div> </td> </tr> </table> <table cellspacing="2" cellpadding="3" width="99%" border="0" > <tr> <td align="center" style="font-size:9px"> <a href="{U_TODAY_ACTIVE}" style="padding:10px;">{L_TODAY_ACTIVE}</a> <a href="{U_TODAY_POSTERS}" style="padding:10px;">{L_TODAY_POSTERS}</a> <a href="{U_OVERALL_POSTERS}" style="padding:10px;">{L_OVERALL_POSTERS}</a> </td> </tr> <tr> <td align="center" style="font-size:9px"> {RECORD_USERS} <td> </tr> </table>
<table width="70%" align="center" class="liste24h" style="text-align: justify;font-size:9px;">{L_CONNECTED_MEMBERS}</table> <table width="70%" align="center" class="birthday" style="text-align:center;">{L_WHOSBIRTHDAY_TODAY}</td></tr></table> <!-- END disable_viewonline -->
<table style="position: fixed; bottom: 50px; left: -10px;z-index:10000;"><tr><td><iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;"> <img src="IMAGE OUVRIR" onClick="document.getElementById('chatboxpop') .style.display=(this.src=='IMAGE OUVRIR')?'block':'none'; this.src=(this.src=='IMAGE OUVRIR')?'IMAGE FERMER':'IMAGE OUVRIR';"/></td></tr></table> <br clear="all" /> <!-- BEGIN switch_legend --> <table border="0" cellspacing="3" cellpadding="0" align="center"> <tr> <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td> <td><span class="gensmall">{L_NEW_POSTS}</span></td> <td></td> <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td> <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td> <td> </td> <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td> <td><span class="gensmall">{L_FORUM_LOCKED}</span></td> </tr> </table> <!-- END switch_legend -->
{AUTO_DST} voici le code | | |
|
| |
Adrénalia
{ Membre }
Messages : 33
| Je voudrais savoir si on pouvait mettre ceci sur chaques pages du forum? | | |
|
| |
Boow
{ Membre actif }
Messages : 866
| Adrénalia : ce n'est pas vraiment ton topic alors va donc en ouvrir un nouveau ;p
Xodramm : Est-ce que, par hasard, tu es sûre d'avoir activé ta chat box sur ton forum ? Des fois c'est un petit oubli tout bête x) | | |
|
| |
Adrénalia
{ Membre }
Messages : 33
| Oh désolé, mais vu que c'était un peu sur le même sujet je pensais que je pouvais =) Après tout moi on m'a déjà fait le coup plusieurs fois on a jamais rien dis. Et puis je trouve que cela ne sers pas à grand chose de crée un nouveau topic pour ça. Donc bon.
Si tu y tiens j'en ferais un autre. | | |
|
| |
xodramm
{ Membre }
Messages : 254
| B•øw : oui tout est activé ... Toujours rien et j'ai voulu mettre l'image pour ma box et ça fonctionne toujours pas ... | | |
|
| |
Basil Hawkins
{ Membre hyper-actif }
Messages : 2912
| Dis-moi, où as-tu placé ta chatbox dans le code ? | | |
|
| |
xodramm
{ Membre }
Messages : 254
| Bien ou on ma dit de le faire ! Dans Index Body - Code:
-
{JAVAscript} <!-- BEGIN message_admin_index --> <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <!-- BEGIN message_admin_titre --> <tr> <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td> </tr> <!-- END message_admin_titre --> <!-- BEGIN message_admin_txt --> <tr> <td class="row1" rowspan="3" align="center" valign="middle"> <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div> </td> </tr> <!-- END message_admin_txt --> </table> <!-- END message_admin_index -->
<!-- BEGIN switch_user_login_form_header --> <form action="{S_LOGIN_ACTION}" method="post" name="form_login"> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline"> <tr> <td width="100%" valign="top" align="center" class="row1"> <label><span class="genmed">{L_USERNAME}:</span> <input class="post" type="text" size="10" name="username" /></label> <label><span class="genmed">{L_PASSWORD}:</span> <input class="post" type="password" size="10" name="password" /></label> {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /><br /> <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
</td> </tr> </table> </form> <!-- END switch_user_login_form_header -->
{CHATBOX_TOP} {BOARD_INDEX} <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="50%" valign="top"> <!-- BEGIN switch_user_logged_in --> <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a> <!-- END switch_user_logged_in --> <!-- BEGIN switch_delete_cookies --> <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a> <!-- END switch_delete_cookies --> </span> </td> <td width="50%" align="right" valign="top"> <span class="gensmall"> <!-- BEGIN switch_on_index --> <!-- BEGIN switch_delete_cookies --> <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a> <!-- END switch_delete_cookies --> <!-- END switch_on_index --> </span> </td> </tr> </table>
<!-- BEGIN switch_user_login_form_footer --> <form action="{S_LOGIN_ACTION}" method="post" name="form_login"> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline"> <tr> <td width="100%" valign="top" align="center" class="row1"> <span class="genmed">{L_USERNAME}:</span> <input class="post" type="text" size="10" name="username"/> <span class="genmed">{L_PASSWORD}:</span> <input class="post" type="password" size="10" name="password"/> {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /><br /> <span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /> </td> </tr> </table> </form> <!-- END switch_user_login_form_footer -->
<!-- BEGIN disable_viewonline --> <table cellspacing="2" cellpadding="2" width="100%" border="0" class="statistiques"> <tr> <td width="400"></td> <td width="60%" align="center" valign="middle"> <div class="groupes" align="center"> <a href="groupcp.forum?g=19" style="color:#6D563E;">Staff d'ARN</a> <a href="groupcp.forum?g=11" style="color:#CC9933;">Chouchous</a> <a href="groupcp.forum?g=5" style="color:#FFFF99;">Membres</a> <div style="padding:5px;"></div> <div style="padding:5px;"></div> </div> <br /> <div class="gensmall" style="font-size:9px;"> {TOTAL_USERS}. <br /> {NEWEST_USER}. <br /> {TOTAL_POSTS}<br /><br /> <a href="{U_VIEWONLINE}" style="text-decoration:none !important;">{TOTAL_USERS_ONLINE}</a><br /> <div class="listeconnectes">{LOGGED_IN_USER_LIST}</div> </div> </td> </tr> </table> <table cellspacing="2" cellpadding="3" width="99%" border="0" > <tr> <td align="center" style="font-size:9px"> <a href="{U_TODAY_ACTIVE}" style="padding:10px;">{L_TODAY_ACTIVE}</a> <a href="{U_TODAY_POSTERS}" style="padding:10px;">{L_TODAY_POSTERS}</a> <a href="{U_OVERALL_POSTERS}" style="padding:10px;">{L_OVERALL_POSTERS}</a> </td> </tr> <tr> <td align="center" style="font-size:9px"> {RECORD_USERS} <td> </tr> </table>
<table width="70%" align="center" class="liste24h" style="text-align: justify;font-size:9px;">{L_CONNECTED_MEMBERS}</table> <table width="70%" align="center" class="birthday" style="text-align:center;">{L_WHOSBIRTHDAY_TODAY}</td></tr></table> <!-- END disable_viewonline -->
<table style="position: fixed; bottom: 50px; left: -10px;z-index:10000;"><tr><td><iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;"> <img src="http://i221.photobucket.com/albums/dd52/xodramm/ARN/box.jpg" onClick="document.getElementById('chatboxpop') .style.display=(this.src=='IMAGE OUVRIR')?'block':'none'; this.src=(this.src=='IMAGE OUVRIR')?'http://i221.photobucket.com/albums/dd52/xodramm/ARN/box.jpg':'IMAGE OUVRIR';"/></td></tr></table> <br clear="all" /> <!-- BEGIN switch_legend --> <table border="0" cellspacing="3" cellpadding="0" align="center"> <tr> <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td> <td><span class="gensmall">{L_NEW_POSTS}</span></td> <td></td> <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td> <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td> <td> </td> <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td> <td><span class="gensmall">{L_FORUM_LOCKED}</span></td> </tr> </table> <!-- END switch_legend -->
{AUTO_DST} | | |
|
| |
xodramm
{ Membre }
Messages : 254
| Personne pour aider à résoudre mon problème ? | | |
|
| |
Basil Hawkins
{ Membre hyper-actif }
Messages : 2912
| Bon, une bonne fois pour toutes, les ups sont interdits ! Concernant ton problème, c'est normal, puisque tu n'as pas mis tes images là où il y a "IMAGE OUVRIR" | | |
|
| |
xodramm
{ Membre }
Messages : 254
| Bon je vais tenter de demander autre part ! Je ne comprends pas le code et me faire sentir comme une moins que rien car je ne comprends pas je n'apprécie pas .... Je ne comprends pas ces codes et si je viens demander de l'aide c'est pour résoudre mon problème ...
Merci de ne pas m'aider et je vais tenter de voir kkun qui veut bien le faire. | | |
|
| |
Basil Hawkins
{ Membre hyper-actif }
Messages : 2912
| - Citation :
- Concernant ton problème, c'est normal, puisque tu n'as pas mis tes images là où il y a "IMAGE OUVRIR"
Tu as lu ce que j'ai écris au moins ? Il faut écrire dans toutes les parties "IMAGE OUVRIR" l'adresse de ton image pour ouvrir | | |
|
| |
'Christa
Lostmindy
Messages : 2856
| *profond soupir* La pédagogie, les gens, la pédagogie. Alors, Xo, reprenons du début. Je préviens d'avance que je n'ai pas lu le tutoriel correspondant (flemme de le trouver) et que je me base donc sur ce qui a été dit sur ce sujet. Nous avons donc le fichier index_body à ouvrir. Ensuite, chercher le code - Code:
-
<!-- END disable_viewonline --> et - Code:
-
<!-- BEGIN switch_legend --> Entre les deux il faut ajouter - Code:
-
<table style="position: fixed; bottom: 50px; left: -10px;z-index:10000;"> <tr> <td> <iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe> </td> <td style="vertical-align: bottom;"> <img src="IMAGE OUVRIR" onClick="document.getElementById('chatboxpop') .style.display=(this.src=='IMAGE OUVRIR')?'block':'none';this.src=(this.src=='IMAGE OUVRIR')?'IMAGE FERMER':'IMAGE OUVRIR';"/> </td> </tr> </table> <br clear="all" /> Jusque là, j'ai juste repris ce qui a été dit plus haut pour bien saisir ce dont il est question (et j'ai espacé le code pour qu'il soit bien lisible, quand je parlais de pédagogie...) Si j'ai bien saisi, ton image à utiliser est Bon, comme tu le vois sur CSS Actif, pour la chatbox du forum tu as et (en bas à droite). Autrement dit, une image pour ouvrir et une image pour fermer la boite. Vu qu'il n'y a qu'une seule image dans ton code, on va prendre la même et remplacer les zones adéquates, ce qui donne : - Code:
-
<table style="position: fixed; bottom: 50px; left: -10px;z-index:10000;"> <tr> <td> <iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe> </td> <td style="vertical-align: bottom;"> <img src="http://i221.photobucket.com/albums/dd52/xodramm/ARN/box.jpg" onClick="document.getElementById('chatboxpop').style.display=(this.src=='http://i221.photobucket.com/albums/dd52/xodramm/ARN/box.jpg')?'block':'none'; this.src=(this.src=='http://i221.photobucket.com/albums/dd52/xodramm/ARN/box.jpg')?'http://i221.photobucket.com/albums/dd52/xodramm/ARN/box.jpg':'http://i221.photobucket.com/albums/dd52/xodramm/ARN/box.jpg';"/> </td> </tr> </table> <br clear="all" /> (Par contre je suis une buse en javascript, donc ces histoires de this.src c'est un chouia au delà de mes capacités personnelles) Pour le reste, faudra qu'un jour j'aille tester ça sur mon propre forum de test, ça devient à la mode, faut que je me mette à la page avant d'être dépassée XD |
Dernière édition par Lostmindy le Ven 23 Avr 2010, 12:19, édité 1 fois | |
|
| |
xodramm
{ Membre }
Messages : 254
| heum ... le souci présent la box ouvre maintenant mais ne ferme plus ... - Code:
-
{JAVAscript} <!-- BEGIN message_admin_index --> <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <!-- BEGIN message_admin_titre --> <tr> <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td> </tr> <!-- END message_admin_titre --> <!-- BEGIN message_admin_txt --> <tr> <td class="row1" rowspan="3" align="center" valign="middle"> <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div> </td> </tr> <!-- END message_admin_txt --> </table> <!-- END message_admin_index -->
<!-- BEGIN switch_user_login_form_header --> <form action="{S_LOGIN_ACTION}" method="post" name="form_login"> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline"> <tr> <td width="100%" valign="top" align="center" class="row1"> <label><span class="genmed">{L_USERNAME}:</span> <input class="post" type="text" size="10" name="username" /></label> <label><span class="genmed">{L_PASSWORD}:</span> <input class="post" type="password" size="10" name="password" /></label> {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /><br /> <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
</td> </tr> </table> </form> <!-- END switch_user_login_form_header -->
{CHATBOX_TOP} {BOARD_INDEX} <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="50%" valign="top"> <!-- BEGIN switch_user_logged_in --> <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a> <!-- END switch_user_logged_in --> <!-- BEGIN switch_delete_cookies --> <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a> <!-- END switch_delete_cookies --> </span> </td> <td width="50%" align="right" valign="top"> <span class="gensmall"> <!-- BEGIN switch_on_index --> <!-- BEGIN switch_delete_cookies --> <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a> <!-- END switch_delete_cookies --> <!-- END switch_on_index --> </span> </td> </tr> </table>
<!-- BEGIN switch_user_login_form_footer --> <form action="{S_LOGIN_ACTION}" method="post" name="form_login"> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline"> <tr> <td width="100%" valign="top" align="center" class="row1"> <span class="genmed">{L_USERNAME}:</span> <input class="post" type="text" size="10" name="username"/> <span class="genmed">{L_PASSWORD}:</span> <input class="post" type="password" size="10" name="password"/> {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /><br /> <span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /> </td> </tr> </table> </form> <!-- END switch_user_login_form_footer -->
<!-- BEGIN disable_viewonline --> <table cellspacing="2" cellpadding="2" width="100%" border="0" class="statistiques"> <tr> <td width="400"></td> <td width="60%" align="center" valign="middle"> <div class="groupes" align="center"> <a href="groupcp.forum?g=19" style="color:#6D563E;">Staff d'ARN</a> <a href="groupcp.forum?g=11" style="color:#CC9933;">Chouchous</a> <a href="groupcp.forum?g=5" style="color:#FFFF99;">Membres</a> <div style="padding:5px;"></div> <div style="padding:5px;"></div> </div> <br /> <div class="gensmall" style="font-size:9px;"> {TOTAL_USERS}. <br /> {NEWEST_USER}. <br /> {TOTAL_POSTS}<br /><br /> <a href="{U_VIEWONLINE}" style="text-decoration:none !important;">{TOTAL_USERS_ONLINE}</a><br /> <div class="listeconnectes">{LOGGED_IN_USER_LIST}</div> </div> </td> </tr> </table> <table cellspacing="2" cellpadding="3" width="99%" border="0" > <tr> <td align="center" style="font-size:9px"> <a href="{U_TODAY_ACTIVE}" style="padding:10px;">{L_TODAY_ACTIVE}</a> <a href="{U_TODAY_POSTERS}" style="padding:10px;">{L_TODAY_POSTERS}</a> <a href="{U_OVERALL_POSTERS}" style="padding:10px;">{L_OVERALL_POSTERS}</a> </td> </tr> <tr> <td align="center" style="font-size:9px"> {RECORD_USERS} <td> </tr> </table>
<table width="70%" align="center" class="liste24h" style="text-align: justify;font-size:9px;">{L_CONNECTED_MEMBERS}</table> <table width="70%" align="center" class="birthday" style="text-align:center;">{L_WHOSBIRTHDAY_TODAY}</td></tr></table> <!-- END disable_viewonline -->
<table style="position: fixed; bottom: 50px; left: -10px;z-index:10000;"> <tr> <td> <iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe> </td> <td style="vertical-align: bottom;"> <img src="http://i221.photobucket.com/albums/dd52/xodramm/ARN/box.jpg" onClick="document.getElementById('chatboxpop') .style.display=(this.src=='http://i221.photobucket.com/albums/dd52/xodramm/ARN/box.jpg')?'block':'none';this.src=(this.src=='http://i221.photobucket.com/albums/dd52/xodramm/ARN/box.jpg')?'http://i221.photobucket.com/albums/dd52/xodramm/ARN/box.jpg':'http://i221.photobucket.com/albums/dd52/xodramm/ARN/box.jpg';"/> </td> </tr> </table> <br clear="all" /> <!-- BEGIN switch_legend --> <table border="0" cellspacing="3" cellpadding="0" align="center"> <tr> <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td> <td><span class="gensmall">{L_NEW_POSTS}</span></td> <td></td> <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td> <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td> <td> </td> <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td> <td><span class="gensmall">{L_FORUM_LOCKED}</span></td> </tr> </table> <!-- END switch_legend -->
{AUTO_DST} | | |
|
| |
Basil Hawkins
{ Membre hyper-actif }
Messages : 2912
| Mhh ... Essaie celui-là pour voir : - Code:
-
<!-- END disable_viewonline -->
<table style="position: fixed; bottom: 50px; left: -10px;z-index:10000;"><tr><td><iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;"> <img src="http://i221.photobucket.com/albums/dd52/xodramm/ARN/box.jpg" onClick="document.getElementById('chatboxpop') .style.display=(this.src=='http://i221.photobucket.com/albums/dd52/xodramm/ARN/box.jpg')?'block':'none'; this.src=(this.src=='http://i221.photobucket.com/albums/dd52/xodramm/ARN/box.jpg')?'http://i221.photobucket.com/albums/dd52/xodramm/ARN/box.jpg':'http://i221.photobucket.com/albums/dd52/xodramm/ARN/box.jpg';"/></td></tr></table> <br clear="all" /> <!-- BEGIN switch_legend --> | | |
|
| |
'Christa
Lostmindy
Messages : 2856
| Xo > Arrête de donner ton code en entier XD Techniquement, d'après mes bases en java (pas javascript) le code m'a l'air correct, essaie voir si tu retires l'espace entre ('chatboxpop') et .style mais je doute que ça soit ça. J'ai rectifié mon précédent code de cette façon.
De toute façon je vois bien un système qui permet de changer l'apparence de la box, mais pas de la fermer O.o Il manque pas quelque chose ? Il est où ce tuto ? =.=
Basil > C'est quoi la différence ? O.o | | |
|
| |
Basil Hawkins
{ Membre hyper-actif }
Messages : 2912
| - Lostmindy a écrit:
- Xo > Arrête de donner ton code en entier XD Techniquement, d'après mes bases en java (pas javascript) le code m'a l'air correct, essaie voir si tu retires l'espace entre ('chatboxpop') et .style mais je doute que ça soit ça. J'ai rectifié mon précédent code de cette façon.
De toute façon je vois bien un système qui permet de changer l'apparence de la box, mais pas de la fermer O.o Il manque pas quelque chose ? Il est où ce tuto ? =.=
Basil > C'est quoi la différence ? O.o Je n'en sais rien, je n'ai pas vraiment regardé son code ^^' J'ai juste repris le code de base et mis l'url de ses images comme ça pas la peine de se casser la tête pour trouver une apostrophe manquante | | |
|
| |
'Christa
Lostmindy
Messages : 2856
| C'est pas comme si je l'avais pas fait un post plus haut | | |
|
| |
xodramm
{ Membre }
Messages : 254
| pareil .... le code marche pas je ne peux pas fermer la box une fois ouverte ! | | |
|
| |
Liliana
{ Membre actif }
Messages : 997
| Bonsoir, C'est normal que le code ne marche pas puisque tu mets le même lien d'image dans le "ouvrir" que dans le "fermer" ... Le script ne fait donc pas la différence entre les deux fonctions, d'où l'impossibilité de refermer la chatbox (puisqu'il associe le lien de l'image à la fonction "ouvrir" ...) Le meilleur moyen pour que ce code marche, c'est de créer une image "fermer la chatbox", de l'héberger et de la mettre dans le code ... - Citation :
- <!-- END disable_viewonline -->
<table style="position: fixed; bottom: 50px; left: -10px; z-index:10000;"> <tr> <td> <iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe> </td>
<td style="vertical-align: bottom;"> <img src="https://2img.net/h/i221.photobucket.com/albums/dd52/xodramm/ARN/box.jpg" onClick="document.getElementById('chatboxpop') .style.display=(this.src=='https://2img.net/h/i221.photobucket.com/albums/dd52/xodramm/ARN/box.jpg')?'block':'none'; this.src=(this.src=='https://2img.net/h/i221.photobucket.com/albums/dd52/xodramm/ARN/box.jpg')?'https://2img.net/r/ihimizer/img249/4241/box5571712.jpg':'https://2img.net/h/i221.photobucket.com/albums/dd52/xodramm/ARN/box.jpg';"/> </td> </tr> </table> <br clear="all" />
<!-- BEGIN switch_legend -->
En ré-hébergeant ton image "ouvrir la chatbox" sous un autre hébergeur qui m'a donc donné un nouveau lien (le truc en gras dans le code) - différent de l'autre - ça marche tout seul ... Je te conseille donc de modifier le lien en gras dans le code par le lien d'une image "fermer la chatbox" | | |
|
| |
xodramm
{ Membre }
Messages : 254
| |
| |
Vertigo
{ Membre }
Messages : 33
| J'y arrive pas >< Pourtant j'ai bien lu toutes vos explications... Alors moi j'ai mis ceci: - Code:
-
<!-- END disable_viewonline -->
<table style="position: fixed; bottom: 50px; left: -10px; z-index:10000;"> <tr> <td> <iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe> </td>
<td style="vertical-align: bottom;"> <img src="http://www.servimg.com/image_preview.php?i=210&u=14971866" onClick="document.getElementById('chatboxpop') .style.display=(this.src=='http://www.servimg.com/image_preview.php?i=210&u=14971866')?'block':'none';this.src=(this.src=='http://www.servimg.com/image_preview.php?i=210&u=14971866')?'http://nsa15.casimages.com/img/2010/05/04//100504111504191282.jpg':'http://www.servimg.com/image_preview.php?i=210&u=14971866';"/> </td> </tr> </table> <br clear="all" />
<!-- BEGIN switch_legend --> Et j'ai eu bon joué sur les espaces tout cela, je ne trouve pas ou je me suis planté...En fait sur mon fow on ne voit plus la cb et même en rajoutant - Code:
-
{CHATBOX_BOTTOM} <br clear="all" />
cela ne fonctionne pas non plus...Je débute et bon je m'y retrouve pas pour le coup...J'ai pourtant héberger aussi sur des hébergeurs différents pour mieux m'y retrouver...Mais je parie que j'ai fait une boulette pas possible mais désolé je m'y retrouve pas >< | | |
|
| |
Contenu sponsorisé
| |
| |
|