Quote:
Originally Posted by SBlueman
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"> </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"> </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.
More Information