Re: [Add-on] AJAX Chat 2.0.0 Beta Styles

[Sniper_E]

@ mykee.... This topic is for the chat layout in your page. You need to post here: viewtopic.php?f=27&t=1250

@ [K]endy.... The chat_body.html template I posted for you earlier was the same template we use here: chat.php?style=1
It should look exactly like that one. Your chat had thick cells in it before I gave you that updated template.
So there has to be something else going on with your site. Maybe it going in the right to left direction has something to do with it.
But I see your forum isn't going in the other direction. Forum, left to right.... Chat, right to left.
I wouldn't know how to help you with those issues. It seems like all of your site should be going in one direction or the other.
As far as the smilies and bbcodes, pepertom showed that for prosilver in Handyman's topic somewhere.

[mykee]

Thanks, and sorry. I posted my problem there.

[[K]endy]

Hixx, I don't know why! May be cause my Naruto Shippuuden style?
Oh and I don't see member pepertom you said! And the topic of handyman has above 200 page and I can't go to everypage to find how to add bbcode and smilies
Thank you very much for your help!

[Sniper_E]

@ [K]endy

Here is where the smilies and bbcode is added to the chat in prosilver only: viewtopic.php?p=64264#p64264

Here is where I posted the latest updated chat_body.html codes: viewtopic.php?p=76578#p76578

Your forum is reading left to right, just like our forums.... Your chat is reading right to left. That needs to be fixed.
I wonder how this chat looks on the other sites that read right to left everywhere.
I'd like to see one of those, maybe we need to write a special page for those types of sites.

Let us see your right to left site.

[xex]

Try this layout xex.... Play around with it and when you get it like you want it, show us what you come up with.

Spoiler:

Code: Select all

<!-- IF S_USER_LOGGED_IN -->
<!-- IF S_GET_CHAT -->
   <!-- IF S_READ or S_ADD -->
      <!-- BEGIN chatrow -->
         <div id="p{chatrow.MESSAGE_ID}">
            <table class="tablebg" style="text-align:left; border-width: 1px; border-style: solid; border-color: #669FD3;" cellpadding="6" cellspacing="0" width="100%">
            <tr class="<!-- IF chatrow.CLASS is even -->row2<!-- ELSEIF chatrow.CLASS is odd -->row1<!-- ENDIF -->">
               <td width="100%" align="left"><!-- IF U_ACP or U_MCP --> <a href="javascript:void({chatrow.MESSAGE_ID})" title="{L_DELETE_POST}" onClick="delete_post('{chatrow.MESSAGE_ID}')"><img src="{T_IMAGESET_LANG_PATH}/icon_post_delete.gif" /></a> <!-- ENDIF --> <b class="postauthor">{chatrow.USERNAME_FULL}</b> « {chatrow.TIME} » &nbsp; <span class="postbody">{chatrow.MESSAGE}</span> </td>
            </tr>
            </table>
            <table cellpadding="0" cellspacing="0" width="100%">
            <tr>
            <td><img src="{T_THEME_PATH}/images/spacer.gif" alt="" width="100%" height="2" /></td>
            </tr>
            </table>
         </div>
      <!-- END chatrow -->--!--{LAST_ID}
      <!-- IF S_WHOISONLINE -->--!--
         <!-- BEGIN whoisrow -->
            <div><img src="{T_IMAGESET_PATH}/{whoisrow.USER_STATUS}.png" class="online_img" /> {whoisrow.USERNAME_FULL}</div>
         <!-- END whoisrow -->--!--{LAST_TIME}--!--{DELAY}--!--{LAST_POST}
      <!-- ENDIF -->
   <!-- ENDIF -->
<!-- ELSE -->
   <!-- IF S_CHAT -->
      <!-- INCLUDE overall_header.html -->
   <!-- ENDIF -->
   <script type="text/javascript">
   <!--
   var fieldname = 'chat';
   var last_time = 0;
   var xmlHttp = http_object();
   var last_id = {LAST_ID};
   var type = 'receive';
   var post_time = {TIME};
   var read_interval = 15000;
   var interval = setInterval('handle_send("read", last_id);', read_interval);

   function handle_send(mode, f)
   {
      if (xmlHttp.readyState == 4 || xmlHttp.readyState == 0)
      {
         indicator_switch('on');
         type = 'receive';
         param = 'mode=' + mode;
         param += '&last_id=' + last_id;
         param += '&last_time=' + last_time;
         param += '&last_post=' + post_time;
         param += '&read_interval=' + read_interval;

         if (mode == 'add' && document.text.message.value != '')
         {
            type = 'send';
            for(var i = 0; i < f.elements.length; i++)
            {
               elem = f.elements[i];
               param += '&' + elem.name + '=' + encodeURIComponent(elem.value);
            }
            document.text.message.value = '';
         }
         else if (mode == 'delete')
         {
            type = 'delete';
            param += '&chat_id=' + f;
         }
         xmlHttp.open("POST", '{FILENAME}', true);
         xmlHttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
         xmlHttp.onreadystatechange = handle_return;
         xmlHttp.send(param);
      }
   }

   function handle_return()
   {
      if (xmlHttp.readyState == 4)
      {
         if (type != 'delete')
         {
            results = xmlHttp.responseText.split('--!--');
            if (results[1])
            {
               if (last_id == 0)
               {
                  document.getElementById(fieldname).innerHTML = results[0];
               }
               else
               {
                  document.getElementById(fieldname).innerHTML = results[0] + document.getElementById(fieldname).innerHTML;
               }
               last_id = results[1];

               if (results[2])
               {
                  document.getElementById('whois_online').innerHTML = results[2];
                  last_time = results[3];
                  if (results[4] != read_interval * 1000)
                  {
                     window.clearInterval(interval);
                     read_interval = results[4] * 1000;
                     interval = setInterval('handle_send("read", last_id);', read_interval);
                     document.getElementById('update_seconds').innerHTML = results[4];
                  }
                  post_time = results[5];
               }
            }
         }
         indicator_switch('off');
      }
   }

   function delete_post(chatid)
   {
      document.getElementById('p' + chatid).style.display = 'none';
      handle_send('delete', chatid);
   }

   function indicator_switch(mode)
   {
      if(document.getElementById("act_indicator"))
      {
         var img = document.getElementById("act_indicator");
         if(img.style.visibility == "hidden" && mode == 'on')
         {
            img.style.visibility = "visible";
         }
         else if (mode == 'off')
         {
            img.style.visibility = "hidden"
         }
      }
   }

   function http_object()
   {
      if (window.XMLHttpRequest)
      {
         return new XMLHttpRequest();
      }
      else if(window.ActiveXObject)
      {
         return new ActiveXObject("Microsoft.XMLHTTP");
      }
      else
      {
         document.getElementById('p_status').innerHTML = 'Status: Cound not create XmlHttpRequest Object.  Consider upgrading your browser.';
      }
   }
   -->
   </script>
   <style type="text/css">
   <!--
      .box
      {
         width: 100%;
         margin-left: auto;
         margin-right: auto;
      }
      .shouts {
         width: 100%;
         height:300px;
         overflow:auto;
      }
      #chat {
         width: 100%;
         text-align:left;
      }
      #message {
         width: 65%;
      }
      #whois_online{
         vertical-align:text-top;
         text-align:left;
      }
      .online_img {
         vertical-align:middle;
      }
      #act_indicator {
         visibility:hidden;
      }
   -->
   </style>
   <div class="box">
    {$CA_BLOCK_START}
   <table class="tablebg" width="100%" cellspacing="{$CA_SPACING}">
   {$CA_CAP_START}{SITENAME} {L_CHAT_EXPLAIN}{$CA_CAP_END}
      <tr>
         <th colspan="2" align="center" width="100%">
      <!-- IF S_USER_LOGGED_IN -->
         <form name="text" id="text" method="post" action="javascript:void(0);" onSubmit="handle_send('add', this)" autocomplete="off">{L_MESSAGE}:
         <input type="text" tabindex="1" name="message" id="message" class="inputbox" size="28" />
         <input class="btnmain" type="submit" name="submit" value="{L_SUBMIT}" />
         </form>
      <!-- ENDIF -->
         </th>
      </tr>
        <!-- INCLUDE chat_posting_buttons.html -->
      <tr>
         <td class="row3" style="text-align:left;" height="220">
            <div class="shouts">
               <div id="chat">
               <!-- BEGIN chatrow -->
         <div id="p{chatrow.MESSAGE_ID}">
            <table class="tablebg" cellpadding="6" cellspacing="0" width="100%">
                  <!-- IF chatrow.CLASS is even -->
                     <tr class="row2">
                  <!-- ELSE -->
                     <tr class="row1">
                  <!-- ENDIF -->
                        <td align="left">
                     <!-- IF U_ACP or U_MCP -->
                        <a href="javascript:void({chatrow.MESSAGE_ID})" title="{L_DELETE_POST}" onClick="delete_post('{chatrow.MESSAGE_ID}')"><img src="{T_IMAGESET_LANG_PATH}/icon_post_delete.gif" /></a>
                     <!-- ENDIF -->
                        <b class="postauthor">{chatrow.USERNAME_FULL}</b> « {chatrow.TIME} » &nbsp; <span class="postbody">{chatrow.MESSAGE}</span>
                        </td>
                     </tr>
                     </table>
                  </div>
               <!-- END chatrow -->
               </div>
            </div>
         </td>
         <td class="row1" width="15%" nowrap="nowrap">{L_ONLINE_LIST}<br /><br />
            <div class="shouts">
               <div id="whois_online">
               <!-- BEGIN whoisrow -->
                  <div>
                     <img src="{T_IMAGESET_PATH}/{whoisrow.USER_STATUS}.png" class="online_img" /> {whoisrow.USERNAME_FULL}
                  </div>
               <!-- END whoisrow -->
               </div>
            </div>
         </td>
      </tr>
      <tr>
         <td class="cat" colspan="2" width="100%" height="28">
         <div style="float: left;">&nbsp;<img src="{T_THEME_PATH}/images/icon_mini_chat.png"> <a href="http://startrekguide.com/community/viewtopic.php?p=16364#p16364"><strong>AJAX Chat</strong></a>&nbsp;&copy; 2007 <strong style="color: #7B95B2;">StarTrek</strong><strong style="color: #D98303;">Guide</strong></div><div style="float: right;"><img src="{T_IMAGESET_PATH}/act_indicator.gif" id="act_indicator" />&nbsp;&nbsp;<strong>{L_UPDATES} <span id="update_seconds"> {DELAY} </span> {L_UNIT}</strong> &nbsp;&nbsp;</div>
         </td>
      </tr>
      </table>
   {$CA_BLOCK_END}
   </div>
<!-- IF S_CHAT -->
<!-- INCLUDE overall_footer.html -->
<!-- ENDIF -->
<!-- ENDIF -->
<!-- ENDIF -->

Look at how your style is written. It has to have this code for the title:

Code: Select all

   {$CA_BLOCK_START}
   <table class="tablebg" width="100%" cellspacing="{$CA_SPACING}">
   {$CA_CAP_START}{SITENAME} {L_CHAT_EXPLAIN}{$CA_CAP_END}

As I still don't get smilies or bbcodes to work and remembered that I added that chatbody u told me but did not check how my style was written cause I did not know what file I had to look at and where it was located. Maybe this is the clue, please where do I have to check if there is that code for title??

Thanks

[Sniper_E]

Yes xex, the last I saw, you had the chat section of your page looking real good.

You have a subsilver2 type style so you would have to use this bbcode/smilies mod: viewtopic.php?f=127&t=6962
Post any problems you have with adding that bbcode/smilies mod to your style in that thread.
But don't mess up the look of your chat page.

You come back here after you get it working and we can tweak out the look of your chat page again.

[strahd1970 Paul]

Not sure if this is the right thread, but how do I get the delete icons on the same row as the post? They are not in a fixed location Here is what it looks like:



I'd like to get it either all the way to the right of the post or underneath the time to the right of the username!

Any help would be greatly appreciated!

[Sniper_E]

@ xex.... Gee, all I can tell you is that you are still in the wrong topic to be asking about that. Do you need the link to that topic?
I'll fool with the smilies in subsilver2 type styles one day but see if Dave can work it out for you. That's his MOD.

@ strahd1970.... Actually, that delete button should be floating to the right of the message and not below the message.
Look at this section of your chat_body.html. It's at the top and again at the bottom, listed twice.

Code: Select all

               <!-- BEGIN chatrow -->
                  <div id="p{chatrow.MESSAGE_ID}" class="post bg{chatrow.CLASS}">
                     <div class="inner"><span class="corners-top"><span></span></span>
                        <div class="postbody">
                           <!-- IF U_ACP or U_MCP -->
                              <ul class="profile-icons">
                                 <li class="delete-icon">
                                    <a href="javascript:void({chatrow.MESSAGE_ID})" title="{L_DELETE_POST}" onClick="delete_post('{chatrow.MESSAGE_ID}')"><span>{L_DELETE_POST}</span></a>
                                 </li>
                              </ul>
                           <!-- ENDIF -->
                           <div class="content">{chatrow.MESSAGE}</div>
                        </div>
                        <dl class="postprofile" id="profile{postrow.POST_ID}">
                           <dt>{chatrow.USERNAME_FULL}<br />{chatrow.TIME}</dt>

                        </dl>
                        <span class="corners-bottom"><span></span></span>
                     </div>
                  </div>
               <!-- END chatrow -->

[strahd1970 Paul]

Sniper_E.. You are the man!!! Worked like a charm!!

Thanks!!

[ezzzy]

Can someone please help me on the style color of my chat. I would like to get the colors to match up with the original style colors also can this chat be separated from the Board Statistics area and move to it's own CATEGORY/FORUM

site: http://www.bp-and-tus.net/forum/


Forumlist_body html

Spoiler:

<!-- BEGIN forumrow -->
<!-- IF not forumrow.S_IS_CAT and forumrow.S_FIRST_ROW -->
<table id="bx" width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<table width="100%" height="44" border="0" cellpadding="0" cellspacing="0">

<td><img src="{T_THEME_PATH}/images/box_01.png" width="41" height="48" alt=""></td>
<td background="{T_THEME_PATH}/images/box_02.png" width="50%" height="48"></td>

<td background="{T_THEME_PATH}/images/cu.png" width="300" height="48">

<h4 align="center"><a href="{forumrow.U_VIEWFORUM}">{forumrow.FORUM_NAME} </a></h4>
</td>


<td background="{T_THEME_PATH}/images/box_02.png" width="50%" height="48" align="right">

<!-- IF not S_IS_BOT and U_MARK_FORUMS --><h6><a class="navf" href="{U_MARK_FORUMS}">{L_MARK_FORUMS_READ}</a><!-- ENDIF -->&nbsp;</h6></td>




<td><img src="{T_THEME_PATH}/images/box_04.png" width="41" height="48" alt=""></td>
</table>
</tr>
<tr>
<table width="100%" height="44" border="0" cellpadding="0" cellspacing="0">

<td background="{T_THEME_PATH}/images/box_08.png" width="41" height="100%"></td>
<td>
<table class="tablebg" onMouseOver="this.className='tablebg2'" onMouseOut="this.className='tablebg'" cellspacing="1" width="100%">
<tr>
<th colspan="2">&nbsp;{L_FORUM}&nbsp;</th>
<th width="50">&nbsp;{L_TOPICS}&nbsp;</th>
<th width="50">&nbsp;{L_POSTS}&nbsp;</th>
<th>&nbsp;{L_LAST_POST}&nbsp;</th>
</tr>
<!-- ENDIF -->

<!-- IF forumrow.S_IS_CAT -->
<!-- IF not forumrow.S_FIRST_ROW -->
</table>
</td>
<td background="{T_THEME_PATH}/images/box_09.png" width="41" height="100%"></td>
</tr>
<tr>
<td><img src="{T_THEME_PATH}/images/box_10.png" width="41" height="46" alt=""></td>
<td background="{T_THEME_PATH}/images/box_11.png" width="100%" height="46"></td>
<td><img src="{T_THEME_PATH}/images/box_13.png" width="41" height="46" alt=""></td>
</tr>
</table>
<br />
<br />
<table id="bx" width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<table width="100%" height="44" border="0" cellpadding="0" cellspacing="0">

<td><img src="{T_THEME_PATH}/images/box_01.png" width="41" height="48" alt=""></td>
<td background="{T_THEME_PATH}/images/box_02.png" width="50%" height="48"></td>

<td background="{T_THEME_PATH}/images/cu.png" width="300" height="48">

<h4 align="center"><a href="{forumrow.U_VIEWFORUM}">{forumrow.FORUM_NAME} </a></h4>
</td>


<td background="{T_THEME_PATH}/images/box_02.png" width="50%" height="48"></td>
<td><img src="{T_THEME_PATH}/images/box_04.png" width="41" height="48" alt=""></td>
</table>
</tr>
<tr>
<table width="100%" height="44" border="0" cellpadding="0" cellspacing="0">

<td background="{T_THEME_PATH}/images/box_08.png" width="41" height="100%"></td>
<td>
<table class="tablebg" onMouseOver="this.className='tablebg2'" onMouseOut="this.className='tablebg'" cellspacing="1" width="100%">
<!-- ELSE -->
</table>
<table id="bx" width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<table width="100%" height="44" border="0" cellpadding="0" cellspacing="0">

<td><img src="{T_THEME_PATH}/images/box_01.png" width="41" height="48" alt=""></td>
<td background="{T_THEME_PATH}/images/box_02.png" width="50%" height="48"></td>

<td background="{T_THEME_PATH}/images/cu.png" width="300" height="48"><h4 align="center"><a href="{forumrow.U_VIEWFORUM}">{forumrow.FORUM_NAME}</a></h4></td>
<td background="{T_THEME_PATH}/images/box_02.png" width="50%" height="48" align="right">
<!-- IF not S_IS_BOT and U_MARK_FORUMS --><h6><a class="navf" href="{U_MARK_FORUMS}">{L_MARK_FORUMS_READ}</a><!-- ENDIF -->&nbsp;</h6></td>


<td><img src="{T_THEME_PATH}/images/box_04.png" width="41" height="48" alt=""></td>
</table>
</tr>
<table width="100%" height="44" border="0" cellpadding="0" cellspacing="0">

<tr>
<td background="{T_THEME_PATH}/images/box_08.png" width="41" height="100%"></td>
<td>
<table class="tablebg" onMouseOver="this.className='tablebg2'" onMouseOut="this.className='tablebg'" cellspacing="1" width="100%">
<!-- ENDIF -->
<tr>
<th colspan="2">&nbsp;{L_FORUM}&nbsp;</th>
<th width="50">&nbsp;{L_TOPICS}&nbsp;</th>
<th width="50">&nbsp;{L_POSTS}&nbsp;</th>
<th>&nbsp;{L_LAST_POST}&nbsp;</th>
</tr>
<!-- ELSEIF forumrow.S_IS_LINK -->
<tr>
<td class="row1" onMouseOver="this.className='row4'" onMouseOut="this.className='row1'" width="50" align="center">{forumrow.FORUM_FOLDER_IMG}</td>
<td class="row1" onMouseOver="this.className='row4'" onMouseOut="this.className='row1'">
<!-- IF forumrow.FORUM_IMAGE -->
<div style="float: {S_CONTENT_FLOW_BEGIN}; margin-{S_CONTENT_FLOW_END}: 5px;">{forumrow.FORUM_IMAGE}</div><div style="float: {S_CONTENT_FLOW_BEGIN};">
<!-- ENDIF -->
<a class="forumlink" href="{forumrow.U_VIEWFORUM}">{forumrow.FORUM_NAME}</a>
<p class="forumdesc">{forumrow.FORUM_DESC}</p>
<!-- IF forumrow.FORUM_IMAGE --></div><!-- ENDIF -->
</td>
<!-- IF forumrow.CLICKS -->
<td class="row2" colspan="3" align="center"><span class="genmed">{L_REDIRECTS}: {forumrow.CLICKS}</span></td>
<!-- ELSE -->
<td class="row2" colspan="3" align="center">&nbsp;</td>
<!-- ENDIF -->
</tr>
<!-- ELSE -->
<!-- IF forumrow.S_NO_CAT -->
<tr>
<td class="cat" colspan="2"><h4>{L_FORUM}</h4></td>
<td class="catdiv" colspan="3">&nbsp;</td>
</tr>
<!-- ENDIF -->
<tr>
<td class="row1" onMouseOver="this.className='row4'" onMouseOut="this.className='row1'" width="50" align="center">{forumrow.FORUM_FOLDER_IMG}</td>
<td class="row1" onMouseOver="this.className='row4'" onMouseOut="this.className='row1'" width="100%">
<!-- IF forumrow.FORUM_IMAGE -->
<div style="float: {S_CONTENT_FLOW_BEGIN}; margin-{S_CONTENT_FLOW_END}: 5px;">{forumrow.FORUM_IMAGE}</div><div style="float: {S_CONTENT_FLOW_BEGIN};">
<!-- ENDIF -->
<a class="forumlink" href="{forumrow.U_VIEWFORUM}">{forumrow.FORUM_NAME}</a>
<p class="forumdesc">{forumrow.FORUM_DESC}</p>
<!-- IF forumrow.MODERATORS -->
<p class="forumdesc"><strong>{forumrow.L_MODERATOR_STR}:</strong> {forumrow.MODERATORS}</p>
<!-- ENDIF -->
<!-- IF forumrow.SUBFORUMS and forumrow.S_LIST_SUBFORUMS -->
<p class="forumdesc"><strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}</p>
<!-- ENDIF -->
<!-- IF forumrow.FORUM_IMAGE --></div><!-- ENDIF -->
</td>
<td class="row2" onMouseOver="this.className='row4'" onMouseOut="this.className='row2'" align="center"><p class="topicdetails">{forumrow.TOPICS}</p></td>
<td class="row2" onMouseOver="this.className='row4'" onMouseOut="this.className='row2'" align="center"><p class="topicdetails">{forumrow.POSTS}</p></td>
<td class="row2" onMouseOver="this.className='row4'" onMouseOut="this.className='row2'" align="center" nowrap="nowrap">
<!-- IF forumrow.LAST_POST_TIME -->
<p class="topicdetails"><a href="{forumrow.U_LAST_POST}" title="{forumrow.LAST_POST_SUBJECT}">{forumrow.LAST_POST_SHORTENED_SUBJECT}</a></p>
<p class="topicdetails">{forumrow.LAST_POST_TIME}</p>
<p class="topicdetails">{forumrow.LAST_POSTER_FULL}
<a href="{forumrow.U_LAST_POST}">{LAST_POST_IMG}</a>
</p>
<!-- ELSE -->
<p class="topicdetails">{L_NO_POSTS}</p>
<!-- ENDIF -->
</td>
</tr>
<!-- ENDIF -->
<!-- BEGINELSE -->
<tr>
<td class="row1" colspan="5" align="center"><p class="gensmall">{L_NO_FORUMS}</p></td>
</tr>
<!-- END forumrow -->
</table>
</td>
<td background="{T_THEME_PATH}/images/box_09.png" width="41" height="100%"></td>
</tr>
<tr>
<td><img src="{T_THEME_PATH}/images/box_10.png" width="41" height="46" alt=""></td>
<td background="{T_THEME_PATH}/images/box_11.png" width="100%" height="46"></td>
<td><img src="{T_THEME_PATH}/images/box_13.png" width="41" height="46" alt=""></td>
</tr>
</table>

Chat_Body html

Spoiler:

<!-- IF S_GET_CHAT -->
<!-- IF S_READ or S_ADD -->
<!-- BEGIN chatrow -->
<div id="p{chatrow.MESSAGE_ID}" class="post bg{chatrow.CLASS}">
<div class="inner"><span class="corners-top"><span></span></span>
<div class="postbody">
<p class="author">{chatrow.TIME} </p>

<div class="content">{chatrow.MESSAGE}</div>
</div>
<dl class="postprofile" id="profile{postrow.POST_ID}">
<dt>{chatrow.USERNAME_FULL}</dt>
</dl>
<!-- IF U_ACP or U_MCP -->
<ul class="profile-icons postprofile">
<li class="delete-icon">
<a href="javascript:void({chatrow.MESSAGE_ID})" title="{L_DELETE_POST}" onclick="delete_post('{chatrow.MESSAGE_ID}')"><span>{L_DELETE_POST}</span></a>
</li>
</ul>
<!-- ENDIF -->
<span class="corners-bottom"><span></span></span>
</div>
</div>
<!-- END chatrow -->---{LAST_ID}
<!-- IF S_WHOISONLINE -->---
<!-- BEGIN whoisrow -->
<div>
<div class="inner">
<div class="user"><img src="{T_IMAGESET_PATH}/{whoisrow.USER_STATUS}.png" class="online_img" /> : {whoisrow.USERNAME_FULL}</div>
</div>
</div>
<!-- END whoisrow -->---{LAST_TIME}---{DELAY}---{LAST_POST}
<!-- ENDIF -->
<!-- ENDIF -->
<!-- ELSE -->
<!-- IF S_CHAT -->
<!-- INCLUDE overall_header.html -->
<!-- ENDIF -->
<script type="text/javascript">
<!--
var fieldname = 'chat';
var last_time = 0;
var xmlHttp = http_object();
var last_id = {LAST_ID};
var type = 'receive';
var post_time = {TIME};
var read_interval = 15000;
var interval = setInterval('handle_send("read", last_id);', read_interval);

function handle_send(mode, f)
{
if (xmlHttp.readyState == 4 || xmlHttp.readyState == 0)
{
indicator_switch('on');
type = 'receive';
param = 'mode=' + mode;
param += '&last_id=' + last_id;
param += '&last_time=' + last_time;
param += '&last_post=' + post_time;
param += '&read_interval=' + read_interval;

if (mode == 'add' && document.text.message.value != '')
{
type = 'send';
for(var i = 0; i < f.elements.length; i++)
{
elem = f.elements[i];
param += '&' + elem.name + '=' + encodeURIComponent(elem.value);
}
document.text.message.value = '';
}
else if (mode == 'delete')
{
type = 'delete';
param += '&chat_id=' + f;
}
xmlHttp.open("POST", '{FILENAME}', true);
xmlHttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xmlHttp.onreadystatechange = handle_return;
xmlHttp.send(param);
}
}

function handle_return()
{
if (xmlHttp.readyState == 4)
{
if (type != 'delete')
{
results = xmlHttp.responseText.split('---');
if (results[1])
{
if (last_id == 0)
{
document.getElementById(fieldname).innerHTML = results[0];
}
else
{
document.getElementById(fieldname).innerHTML = results[0] + document.getElementById(fieldname).innerHTML;
}
last_id = results[1];
if (results[2])
{
document.getElementById('whois_online').innerHTML = results[2];
last_time = results[3];
if (results[4] != read_interval * 1000)
{
window.clearInterval(interval);
read_interval = results[4] * 1000;
interval = setInterval('handle_send("read", last_id);', read_interval);
document.getElementById('update_seconds').innerHTML = results[4];
}
post_time = results[5];
}
}
}
indicator_switch('off');
}
}

function delete_post(chatid)
{
document.getElementById('p' + chatid).style.display = 'none';
handle_send('delete', chatid);
}

function indicator_switch(mode)
{
if(document.getElementById("act_indicator"))
{
var img = document.getElementById("act_indicator");
if(img.style.visibility == "hidden" && mode == 'on')
{
img.style.visibility = "visible";
}
else if (mode == 'off')
{
img.style.visibility = "hidden"
}
}
}

function http_object()
{
if (window.XMLHttpRequest)
{
return new XMLHttpRequest();
}
else if(window.ActiveXObject)
{
return new ActiveXObject("Microsoft.XMLHTTP");
}
else
{
document.getElementById('p_status').innerHTML = 'Status: Cound not create XmlHttpRequest Object. Consider upgrading your browser.';
}
}
-->
</script>
<style type="text/css">
<!--
#act_indicator {
visibility:hidden;
}
.shouts {
width: 85%;
height:300px;
overflow:auto;
float:left;
}
#chat {
width: 100%;
text-align:left;
}
.postprofile {
min-height: 5px !important;
}
.chatform {
width: 90%;
text-align:center;
}
.onlinelist {
width: 15%;
overflow:auto;
height:300px;
}
.users {
width: 90%;
text-align: left;
text-indent: 5px;
margin-left:auto;
margin-right:auto;
}
.user {
width: 95%;
font-size: 1.1em;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height: 1.4em;
}
#act_indicator {
visibility: hidden;
}
.chatinput {width: 80% !important;}
.online_img {
vertical-align:middle;
}
-->
</style>
<!-- IF S_USER_LOGGED_IN -->
<div class="forabg">
<div class="inner">
<span class="corners-top"><span></span></span>
<div class="chatform" align="center">
<form name="text" id="text" method="post" action="javascript:void(0);" onsubmit="handle_send('add', this)" autocomplete="off">
<strong style="color: white;">{L_MESSAGE}:</strong> <input type="text" tabindex="1" name="message" id="message" class="inputbox chatinput" />
<input type="submit" class="button1" value="{L_SUBMIT}" name="submit" tabindex="6" accesskey="s"/><br />
</form>
</div>
<span class="corners-bottom"><span></span></span>
</div>
</div>
<!-- ENDIF -->
<div class="forabg" align="left">
<div class="inner">
<span class="corners-top"><span></span></span>
<div class="shouts">
<div id="chat">
<!-- BEGIN chatrow -->
<div id="p{chatrow.MESSAGE_ID}" class="post bg{chatrow.CLASS}">
<div class="inner"><span class="corners-top"><span></span></span>
<div class="postbody">
<p class="author">{chatrow.TIME} </p>

<div class="content">{chatrow.MESSAGE}</div>
</div>
<dl class="postprofile" id="profile{postrow.POST_ID}">
<dt>{chatrow.USERNAME_FULL}</dt>
</dl>
<!-- IF U_ACP or U_MCP -->
<ul class="profile-icons postprofile">
<li class="delete-icon">
<a href="javascript:void({chatrow.MESSAGE_ID})" title="{L_DELETE_POST}" onclick="delete_post('{chatrow.MESSAGE_ID}')"><span>{L_DELETE_POST}</span></a>
</li>
</ul>
<!-- ENDIF -->
<span class="corners-bottom"><span></span></span>
</div>
</div>
<!-- END chatrow -->
</div>
</div>
<div class="onlinelist bg1">
<div class="users" id="whois_online">
<!-- BEGIN whoisrow -->
<div>
<div class="inner">
<div class="user"><img src="{T_IMAGESET_PATH}/{whoisrow.USER_STATUS}.png" class="online_img" /> {whoisrow.USERNAME_FULL}</div>
</div>
</div>
<!-- END whoisrow -->
</div>
</div>
<span class="corners-bottom"><span></span></span>
</div>
</div>
<div class="forabg" align="center">
<div class="inner">
<span class="corners-top"><span></span></span>
<div class="post">
<div id="author">{L_DETAILS}
<img src="{T_IMAGESET_PATH}/act_indicator.gif" id="act_indicator" />
<strong>â?¢ {L_UPDATES} <span id="update_seconds">{DELAY}</span> {L_UNIT}</strong>
</div>
</div>
<span class="corners-bottom"><span></span></span>
</div>
</div>
<!-- IF S_CHAT -->
<!-- INCLUDE overall_footer.html -->
<!-- ENDIF -->
<!-- ENDIF -->

Oh I forgot is their a MOD for prosilver smileys to add to my chat


Thanks for all your help
Ezzzy