vb.org Archive - Chat Modifications - Cyb

Quote:

Originally Posted by SBlueman (Post 1546918)

Thank you Darkfire! Now....just a question on the template edit.....how can I make it so when you are on the Full page the chat is on top, with the text field underneath with the controls to the right?

In the XML Change:

Code:

            <table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">

                <thead>

                    <tr>

                        <td class="<if condition="($vboptions[cybchatbox_box_style]==1)">tcat<else />thead</if>" colspan="3">

                            <a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('cybcb_boxswitch')"><img id="collapseimg_cybcb_boxswitch" src="$stylevar[imgdir_button]/collapse_<if condition="($vboptions[cybchatbox_box_style]==1)">tcat<else />thead</if>$vbcollapse[collapseimg_cybcb_boxswitch].gif" alt="" border="0" /></a>

                            <span id="cybchatmenuccbox"><if condition="($_REQUEST['do']!='cchatbox')">$vbphrase[cybcb_chatbox]<else />$vbphrase[cybcb_chatbox_full]</if> <script language="Javascript" type="text/javascript"> vbmenu_register("cybchatmenuccbox"); </script></span> <span class="smallfont" id="cybcb_newinfoarea" style="display:inline;">($cybcb_newstat)</span>

                        </td>

                    </tr>

                </thead>

                <tbody id="collapseobj_cybcb_boxswitch" style="<if condition="$vboptions[cybchatbox_collapsed_always]"><if condition="(THIS_SCRIPT!='misc')">display:none</if><else />$vbcollapse[collapseobj_cybcb_boxswitch]</if>">

                    <tr valign="top">

                        <td class="alt2" width="1%">

                            <div style="white-space:nowrap;width:100%;height:25px;display:block;">

                                <input id="ccb_m_bold" type="button" class="button" style="width:30px;font-weight:bold;" value="B" onclick='Ccb_updateSButton(this, "fontWeight")' <if condition="$cybcb_cantpost">disabled="disabled"</if> />

                                <input id="ccb_m_italic" type="button" class="button" style="width:30px;font-style:italic;" value="I" onclick='Ccb_updateSButton(this, "fontStyle")' <if condition="$cybcb_cantpost">disabled="disabled"</if> />

                                <input id="ccb_m_underline" type="button" class="button" style="width:30px;text-decoration:underline;" value="U" onclick='Ccb_updateSButton(this, "textDecoration")' <if condition="$cybcb_cantpost">disabled="disabled"</if> />

                                <select id="ccb_m_color" name="ccb_m_color" style="width:50px;background-color:black;" onchange='Ccb_updateColor(this, "color");Ccb_Init();' <if condition="$cybcb_cantpost">disabled="disabled"</if>>

                                    <option style="background-color:$stylevar[alt1_fgcolor];color:$stylevar[alt1_fgcolor];" value="$stylevar[alt1_fgcolor]" selected="selected">&nbsp;</option>

                                    $cybcb_colors

                                </select>

                                <if condition="(($vboptions[cybchatbox_smiliestotal]!=0) AND !$cybcb_cantpost AND $cybcb_smilies_init)">

                                    <span id="cybchatmenusmilies">$vbphrase[smilies] <script language="Javascript" type="text/javascript"> vbmenu_register("cybchatmenusmilies"); </script></span>

                                    <span class="vbmenu_popup" id="cybchatmenusmilies_menu" style="display:none;">

                                        <table cellpadding="0" cellspacing="0" border="0">

                                            <tr>

                                                <td class="thead">$vbphrase[smilies]</td>

                                            </tr>

                                            <tr>

                                                <td class="alt2">

                                                    <div id="cybcb_smiliesarea" style="max-height:200px;overflow:auto;background-color:$stylevar[alt1_bgcolor];border-top:0px;border-bottom:1px;border-left:0px;border-right:0px;border-color:$stylevar[time_fgcolor];border-style:dashed;">

                                                        <div id="cybcb_smiliesarea_init" style="overflow:auto;background-color:$stylevar[alt1_bgcolor];border-top:0px;border-bottom:1px;border-left:0px;border-right:0px;border-color:$stylevar[time_fgcolor];border-style:dashed;">

                                                            $cybcb_smilies_init

                                                        </div>

                                                        <div id="cybcb_smiliesarea_full" style="background-color:$stylevar[alt1_bgcolor];margin:1px;">

                                                            <span id="cybcb_smilies_more" class="smallfont" style="display:inline;">

                                                                <a href="javascript:void(0);" onclick="Ccb_getSmilies();" style="text-decoration:none;">$vbphrase[more]</a>

                                                            </span>

                                                            <span id="cybcb_smilies_loading" class="smallfont" style="display:none;">

                                                                $vbphrase[cybcb_loading]

                                                            </span>

                                                        </div>

                                                    </div>

                                                    <div align="center" style="margin:4px;">

                                                        <img id="cybcb_smiliepreview" src="$cybcb_smilie_first" border="0" alt="" />

                                                    </div>

                                                </td>

                                            </tr>

                                        </table>

                                    </span>

                                </if>

                            </div>

                            <textarea name="ccb_entermessage" id="ccb_entermessage" class="smallfont" style="width:99%;height:$cybcb_height_input;overflow:auto;color:$stylevar[alt1_fgcolor];background-color:$stylevar[alt1_bgcolor];border:0px;" onkeydown="if (event.keyCode == 13) {return Ccb_postMessage(cybcb_post_form);}"  onfocus="if(!this._haschanged){this.value=''};this._haschanged=true;" <if condition="$cybcb_cantpost">disabled="disabled"</if> rows="1" cols="1">$vbphrase[message]...</textarea>

                        </td>

                        <td class="alt2">

                            <div id="cybcb_messagearea" style="overflow:auto;height:$cybcb_height_messarea;width:100%;border:0px;background-color:$stylevar[alt2_bgcolor]">

                                $vbphrase[cybcb_loading]

                            </div>

                        </td>

                    </tr>

                    <if condition="$vboptions[cybchatbox_belownote]">

                    <tr>

                        <td class="alt2" align="$stylevar[left]" colspan="3">

                            <div class="smallfont" style="float:$stylevar[right];">$vbphrase[cybcb_chatbox_note]</div>

                        </td>

                    </tr>

                    </if>

                </tbody>

            </table>

To:

Code:

            <table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">

                <thead>

                    <tr>

                        <td class="<if condition="($vboptions[cybchatbox_box_style]==1)">tcat<else />thead</if>" colspan="3">

                            <a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('cybcb_boxswitch')"><img id="collapseimg_cybcb_boxswitch" src="$stylevar[imgdir_button]/collapse_<if condition="($vboptions[cybchatbox_box_style]==1)">tcat<else />thead</if>$vbcollapse[collapseimg_cybcb_boxswitch].gif" alt="" border="0" /></a>

                            <span id="cybchatmenuccbox"><if condition="($_REQUEST['do']!='cchatbox')">$vbphrase[cybcb_chatbox]<else />$vbphrase[cybcb_chatbox_full]</if> <script language="Javascript" type="text/javascript"> vbmenu_register("cybchatmenuccbox"); </script></span> <span class="smallfont" id="cybcb_newinfoarea" style="display:inline;">($cybcb_newstat)</span>

                        </td>

                    </tr>

                </thead>

                <tbody id="collapseobj_cybcb_boxswitch" style="<if condition="$vboptions[cybchatbox_collapsed_always]"><if condition="(THIS_SCRIPT!='misc')">display:none</if><else />$vbcollapse[collapseobj_cybcb_boxswitch]</if>">

                    <tr valign="top">

                        <td class="alt2">

                            <div id="cybcb_messagearea" style="overflow:auto;height:$cybcb_height_messarea;width:100%;border:0px;background-color:$stylevar[alt2_bgcolor]">

                                $vbphrase[cybcb_loading]

                            </div>

                        </td>

                    </tr>

                    <tr valign="top">

                        <td class="alt2">

                            <textarea name="ccb_entermessage" id="ccb_entermessage" class="smallfont" style="width:75%;height:15px;overflow:auto;color:$stylevar[alt1_fgcolor];background-color:$stylevar[alt1_bgcolor];border:0px;" onkeydown="if (event.keyCode == 13) {return Ccb_postMessage(cybcb_post_form);}"  onfocus="if(!this._haschanged){this.value=''};this._haschanged=true;" <if condition="$cybcb_cantpost">disabled="disabled"</if> rows="1" cols="1">$vbphrase[message]...</textarea>

                                <input id="ccb_m_bold" type="button" class="button" style="width:30px;font-weight:bold;" value="B" onclick='Ccb_updateSButton(this, "fontWeight")' <if condition="$cybcb_cantpost">disabled="disabled"</if> />

                                <input id="ccb_m_italic" type="button" class="button" style="width:30px;font-style:italic;" value="I" onclick='Ccb_updateSButton(this, "fontStyle")' <if condition="$cybcb_cantpost">disabled="disabled"</if> />

                                <input id="ccb_m_underline" type="button" class="button" style="width:30px;text-decoration:underline;" value="U" onclick='Ccb_updateSButton(this, "textDecoration")' <if condition="$cybcb_cantpost">disabled="disabled"</if> />

                                <select id="ccb_m_color" name="ccb_m_color" style="width:50px;background-color:black;" onchange='Ccb_updateColor(this, "color");Ccb_Init();' <if condition="$cybcb_cantpost">disabled="disabled"</if>>

                                    <option style="background-color:$stylevar[alt1_fgcolor];color:$stylevar[alt1_fgcolor];" value="$stylevar[alt1_fgcolor]" selected="selected">&nbsp;</option>

                                    $cybcb_colors

                                </select>

                                <if condition="(($vboptions[cybchatbox_smiliestotal]!=0) AND !$cybcb_cantpost AND $cybcb_smilies_init)">

                                    <span id="cybchatmenusmilies">$vbphrase[smilies] <script language="Javascript" type="text/javascript"> vbmenu_register("cybchatmenusmilies"); </script></span>

                                    <span class="vbmenu_popup" id="cybchatmenusmilies_menu" style="display:none;">

                                        <table cellpadding="0" cellspacing="0" border="0">

                                            <tr>

                                                <td class="thead">$vbphrase[smilies]</td>

                                            </tr>

                                            <tr>

                                                <td class="alt2">

                                                    <div id="cybcb_smiliesarea" style="max-height:200px;overflow:auto;background-color:$stylevar[alt1_bgcolor];border-top:0px;border-bottom:1px;border-left:0px;border-right:0px;border-color:$stylevar[time_fgcolor];border-style:dashed;">

                                                        <div id="cybcb_smiliesarea_init" style="overflow:auto;background-color:$stylevar[alt1_bgcolor];border-top:0px;border-bottom:1px;border-left:0px;border-right:0px;border-color:$stylevar[time_fgcolor];border-style:dashed;">

                                                            $cybcb_smilies_init

                                                        </div>

                                                        <div id="cybcb_smiliesarea_full" style="background-color:$stylevar[alt1_bgcolor];margin:1px;">

                                                            <span id="cybcb_smilies_more" class="smallfont" style="display:inline;">

                                                                <a href="javascript:void(0);" onclick="Ccb_getSmilies();" style="text-decoration:none;">$vbphrase[more]</a>

                                                            </span>

                                                            <span id="cybcb_smilies_loading" class="smallfont" style="display:none;">

                                                                $vbphrase[cybcb_loading]

                                                            </span>

                                                        </div>

                                                    </div>

                                                    <div align="center" style="margin:4px;">

                                                        <img id="cybcb_smiliepreview" src="$cybcb_smilie_first" border="0" alt="" />

                                                    </div>

                                                </td>

                                            </tr>

                                        </table>

                                    </span>

                                </if>

                        </td>

                    </tr>

                    <if condition="$vboptions[cybchatbox_belownote]">

                    <tr>

                        <td class="alt2" align="$stylevar[left]" colspan="3">

                            <div class="smallfont" style="float:$stylevar[right];">$vbphrase[cybcb_chatbox_note]</div>

                        </td>

                    </tr>

                    </if>

                </tbody>

            </table>

Screenshots attached.

Hope this is what you wanted.

Note: Re-uploading the XML will NOT reset the shoutbox, all settings will stay the same.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.02018 seconds Memory Usage 1,847KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (2)bbcode_code_printable (5)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)pagenav (1)pagenav_curpage (4)pagenav_pagelink (4)pagenav_pagelinkrel (1)post_thanks_navbar_search (1)printthread (10)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start pagenav_page pagenav_complete bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: