mChat Templates - Style Dependent

[Sniper_E]

Task at Hand

The goal is to have mChat templates and a stylesheet that will drop in any "normal" prosilver type style and blend in with the style's theme colors and look. Of course there are quite a few custom styles out there that will need slight modifications as usual. But shouldn't be much though.

1. I'm pulling the mChat posts out of the wrapper they are in and setting them up so the style's background is behind them.
   (This will allow the posts in mChat to blend in with any given style's colors.)
2. Then I'm adding the top and bottom corners to make them look like the posts in the viewtopic and using the .bg1 and .bg2 classes to match the style's colors.
   (The mChat posts will then look just like the forum posts.)
3. I'm putting the mChat header in it's wrapper along with moving the Announcement and Who's Chatting in the header.
   (This will leave the posts in the open and it will also trim some content from the mChat footer.)
4. The mChat footer will be put in a navbar wrapper which will blend in with the style's breadcrumbs.

Update: phpBB 3.0.12 and mChat 1.3.7

[url=http://www.rmcgirr83.org/viewtopic.php?p=20434#p20434]Updated Style Dependent mChat Install[/url]

[steve]

Looks wicked ,what about subsilver2?

[Sniper_E]

Update: phpBB 3.0 12 and mChat 1.3.7

These style dependent mChat template edits are for a phpBB 3.0.12 board and the lastest mChat 1.3.7
After you have mChat installed and working...

Open prosilver/template/mchat_body.html

Find This may be a partial find and not the whole line

Code: Select all

      <div class="postbody mChatBodyFix">

Add before Add these lines on a new blank line before the preceding line(s) to find

Code: Select all

   <span class="corners-bottom"><span></span></span></div>
</div>

Find This may be a partial find and not the whole line

Code: Select all

         <!-- IF not MCHAT_ARCHIVE_MODE -->         
         </div>

Add after Add these lines on a new blank line after the preceding line(s) to find

Code: Select all

      <div class="post navbar">
         <div class="inner"><span class="corners-top"><span><a name="mChat"></a></span></span>

Open prosilver/template/mchat_avatars.html

Find This may be a partial find and not the whole line

Code: Select all

               <div id="mess{mchatrow.MCHAT_MESSAGE_ID}" class="mChatBG{mchatrow.MCHAT_CLASS} mChatHover">

Replace with Replace the preceding lines with the following

Code: Select all

               <div id="mess{mchatrow.MCHAT_MESSAGE_ID}" class="post <!-- IF mchatrow.S_ROW_COUNT is odd -->bg1<!-- ELSE -->bg2<!-- ENDIF -->">
                  <div class="inner"><span class="corners-top"><span></span></span>

Find This may be a partial find and not the whole line

Code: Select all

               </div>
               <!-- END mchatrow -->

Replace with Replace the preceding lines with the following

Code: Select all

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

Open prosilver/template/mchat_no_avatars.html

Find This may be a partial find and not the whole line

Code: Select all

               <div id="mess{mchatrow.MCHAT_MESSAGE_ID}" class="mChatBG{mchatrow.MCHAT_CLASS} mChatHover">

Replace with Replace the preceding lines with the following

Code: Select all

               <div id="mess{mchatrow.MCHAT_MESSAGE_ID}" class="post <!-- IF mchatrow.S_ROW_COUNT is odd -->bg1<!-- ELSE -->bg2<!-- ENDIF -->">
                  <div class="inner"><span class="corners-top"><span></span></span>
                  

Find This may be a partial find and not the whole line

Code: Select all

</div>
               <!-- END mchatrow -->

Replace with Replace the preceding lines with the following

Code: Select all

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

Open prosilver/theme/mchat.css

Find This may be a partial find and not the whole line

Code: Select all

div.mChatBodyFix {
   width: 100% !important;
   background-color: #E9F0F5 !important;
}

Replace with Replace the preceding lines with the following

Code: Select all

div.mChatBodyFix {
   width: 100% !important;
}

Preview:

[steve]

I was only joking but thanks for sharing sarah.

[Sniper_E]

Well, if my efforts here was a joke... I want bother with subsilver2 templates. Peace out!

[noth]

I would like to try doing it, the first screenshot shows a red version, so how do I make it brown?

are there easy instructions? I will try it

[steve]

I only think Rich supports subsilver2 snipes.. Get him to do it

[noth]

Sniper - installed your css IT DID MAKE IT BROWN but the chat is jumbled how can I restore order?

[Sniper_E]

No noth... you have to upload the templates in this download to go with the mchat.css
Refresh your templates and them, then go back to your forum and refresh your browser. (Ctrl-F5)

Backup Rich's templates and stylesheet first and if these don't work you can put his back.
I don't have and could not find your style or I could show you how to customize it with these templates.

If you use Rich's templates, put Titounet2407 mchat.css back in with it.
Then look in your style's colours.css and see if you have the .bg1 and the .bg2 classes.
Put those background colors in the mchat.css classes, div.mChatBG1 class and div.mChatBG2 class.

Then again, your custom style may not use the .bg1 and the .bg2 classes... like the The "grunge" style.

[noth]

here's a DEMO http://www.prisonofficer.org.uk/ it's [url=https://www.phpbb.com/community/viewtopic.php?f=185&t=2108168&start=15]Deathwing_107[/url] (there are issues with it)

[steve]

Looks a mess here:

[noth]

hi Steve well spotted

but Sniper_E says he will kindly try and recode it for me

but that is not the only problem with the style :puke:

[steve]

Off topic but the style is minging

[Sniper_E]

Yea, your custom style had a few different lines than prosilver.
Your posts and your navbar didn't use the top and bottom corners in your style.
And your navbar uses a little extra code in it.

Try these templates using the mchat.css stylesheet in this download.

mchat_body.html

Code: Select all

<!-- IF MCHAT_ARCHIVE_MODE or MCHAT_CUSTOM_PAGE -->
   <!-- INCLUDE overall_header.html -->
<!-- ENDIF -->
   <!-- IF MCHAT_ARCHIVE_MODE -->
   <!--**
   *
   * @package mChat
   * @version $Id: mchat_body.html
   * @copyright (c) 2010 Rich McGirr
   * @license http://opensource.org/licenses/gpl-license.php GNU Public License
   *
   */-->
   <ul class="linklist">
      <li class="rightside pagination">{MCHAT_TOTAL_MESSAGES} &bull; <!-- IF MCHAT_PAGINATION --><a href="#" onclick="jumpto(); return false;" title="{L_JUMP_TO_PAGE}">{MCHAT_PAGE_NUMBER}</a> &bull; <span>{MCHAT_PAGINATION}</span><!-- ELSE -->{MCHAT_PAGE_NUMBER}<!-- ENDIF --></li>
   </ul>
   <!-- ENDIF -->
   <!-- IF not MCHAT_READ_MODE -->
   <div class="forabg">
      <div class="inner"><span class="corners-top"><span><a name="mChat"></a></span></span>
         <ul class="topiclist">
            <li class="header">
               <dl class="icon">
                  <dt><!-- IF MCHAT_ARCHIVE_MODE -->{SITENAME} {L_MCHAT_ARCHIVE_PAGE}<!-- ELSE -->{SITENAME} {L_MCHAT_TITLE}<!-- ENDIF --></dt>
               </dl>
            </li>
         </ul>
         <ul class="topiclist forums">
            <li class="row mChatAnnounce">
            <!-- IF not (MCHAT_ARCHIVE_MODE or MCHAT_CUSTOM_PAGE) and MCHAT_WHOIS and S_MCHAT_INDEX_STATS --><div class="mChatStats" id="mChatStats"><!-- IF MCHAT_USERS_LIST --><a href="#" onclick="mChat.toggle('UserList'); return false;">{MCHAT_USERS_COUNT}</a><!-- ELSE -->{MCHAT_USERS_COUNT}<!-- ENDIF -->&nbsp;{L_MCHAT_ONLINE_EXPLAIN}<br /><span id="mChatUserList">{MCHAT_USERS_LIST}</span></div><!-- ENDIF -->         
            <!-- IF MCHAT_STATIC_MESS --><div class="mChatStatic"><strong>{L_MCHAT_ANNOUNCEMENT}:</strong> <span class="mChatStaticMess">{MCHAT_STATIC_MESS}</span></div><!-- ENDIF -->
            </li>
         </ul>
      <span class="corners-bottom"><span></span></span></div>
   </div>
   <div class="mChatBodyFix">
   <!-- ENDIF -->
   <!-- IF MCHAT_ENABLE -->
         <!-- IF not MCHAT_READ_MODE -->
         <script type="text/javascript">
         // <![CDATA[
         // Define mChat setting
         var mChatNoMessage = '{MCHAT_NOMESSAGE_MODE}';
         var mChatFile = '{MCHAT_FILE_NAME}';
         var mChatForumRoot = '{ROOT_PATH}';
         var mChatCustomPage = '{MCHAT_CUSTOM_PAGE}';
         <!-- IF not MCHAT_ARCHIVE_MODE -->
         var mChatPause = '{MCHAT_PAUSE_ON_INPUT}';
         var mChatRefresh = '{MCHAT_REFRESH_JS}';
         <!-- ELSE -->
         var mChatPause = false;
         var mChatRefresh = false;
         <!-- ENDIF -->
         <!-- IF MCHAT_USER_TIMEOUT -->
         var mChatUserTimeout = '{MCHAT_USER_TIMEOUT}';
         <!-- ELSE -->
         var mChatUserTimeout = false;
         <!-- ENDIF -->
         var mChatNoMessageInput = '{LA_MCHAT_NOMESSAGEINPUT}';
         var mChatNoMessage = '{LA_MCHAT_NOMESSAGE}';
         var mChatEditInfo = '{LA_MCHAT_EDITINFO}';
         var mChatNoAccess = '{LA_MCHAT_NOACCESS}';
         var mChatFlood = '{LA_MCHAT_FLOOD}';
         var mChatDelConfirm = '{LA_MCHAT_DELCONFIRM}';
         var mChatReset = '{LA_MCHAT_RESET_QUESTION}';
         var mChatRefreshing = '{LA_MCHAT_REFRESHING}';
         var mChatSessOut = '{LA_MCHAT_SESSION_OUT}';
         var mChatSessEnds = '{LA_MCHAT_SESSION_ENDS}';
         var mChatRefreshYes = '{MCHAT_REFRESH_YES}';
         var mChatRefreshNo = '{LA_MCHAT_REFRESH_NO}';
         var mChatMssgLngthLong = '{MCHAT_MESS_LONG}';
         <!-- IF MCHAT_MESSAGE_LNGTH -->
         var mChatMssgLngth = '{MCHAT_MESSAGE_LNGTH}';
         <!-- ELSE -->
         var mChatMssgLngth = false;
         <!-- ENDIF -->
         <!-- IF S_MCHAT_SOUND_YES -->
         var mChatSound = true;
         <!-- ELSE -->
         var mChatSound = false;
         <!-- ENDIF -->
         <!-- IF MCHAT_WHOIS -->
         var mChatWhois = true;
         var mChatWhoisRefresh = '{MCHAT_WHOIS_REFRESH}';
         <!-- ELSE -->
         var mChatWhois = false;
         var mChatWhoisRefresh = false;
         <!-- ENDIF -->
         <!-- IF MCHAT_ARCHIVE_MODE -->
         var mChatArchiveMode = true;
         <!-- ELSE -->
         var mChatArchiveMode = false;
         var form_name = 'postform';
         var text_name = 'message';
         var mChatFocusFix = true;
         <!-- ENDIF -->
         // ]]>
         </script>
         <!-- IF not MCHAT_ARCHIVE_MODE -->
         <script type="text/javascript" src="{T_TEMPLATE_PATH}/editor.js"></script>
         <div id="mChatmain" <!-- IF MCHAT_CUSTOM_PAGE -->class="mChatRowLimitCustom" style="height: {MCHAT_CUSTOM_HEIGHT}px;"<!-- ELSE -->class="mChatRowLimit" style="height: {MCHAT_INDEX_HEIGHT}px;"<!-- ENDIF -->>
         <!-- ENDIF -->
         <div id="mChatData">
   <!-- ENDIF -->
         <!-- IF S_MCHAT_AVATARS -->
            <!-- INCLUDE mchat_avatars.html -->
         <!-- ELSE -->
            <!-- INCLUDE mchat_no_avatars.html -->
         <!-- ENDIF -->
      <!-- IF not MCHAT_READ_MODE -->
               <!-- IF MCHAT_NOMESSAGE_MODE --><div id="mChatNoMessage">{L_MCHAT_NOMESSAGE}</div><!-- ENDIF -->
         </div>
         <!-- IF not MCHAT_ARCHIVE_MODE -->         
         </div>
         <div class="container"><div class="mChatPanel navbar">
         <form method="post" action="javascript//" onsubmit="mChat.add();" id="postform">
            <noscript><div class="mchat_alert">{L_MCHAT_NOJAVASCRIPT}</div></noscript>
            <!-- IF MCHAT_ADD_MESSAGE -->
            <input type="hidden" name="mode" value="add" />
            <input type="text" name="message" class="inputbox medium mChatText" id="mChatMessage" /><br />
            <input id="submit_button" type="button" class="button2" onclick="mChat.add();" value="{L_MCHAT_ADD}" />
            <input id="mChatClear" type="button" class="button2" onclick="mChat.clear();" value="{L_MCHAT_CLEAR_INPUT}" />
            <!-- IF MCHAT_ALLOW_SMILES and .smiley -->
            <input type="button" class="button2" onclick="mChat.toggle('Smiles');" value="{L_MCHAT_SMILES}" />
            <!-- ENDIF -->
            <!-- IF MCHAT_ALLOW_BBCODES -->
            <input type="button" class="button2" onclick="mChat.toggle('BBCodes');" value="{L_MCHAT_BBCODES}" />
            <!-- ENDIF -->
            <!-- ENDIF -->
            <!-- IF MCHAT_READ_ARCHIVE_BUTTON -->
            <input type="button" class="button2" onclick="window.location.href = '{MCHAT_ARCHIVE_URL}';" value="{L_MCHAT_ARCHIVE}" />
            <!-- ENDIF -->
            <!-- IF MCHAT_FOUNDER -->
            <input type="button" class="button2" onclick="window.location.href = '{MCHAT_CLEAN_URL}';" value="{L_MCHAT_CLEAN}" />
            <!-- ENDIF -->
            <!-- IF MCHAT_ADD_MESSAGE -->
            <!-- IF MCHAT_RULES -->
            <input type="button" class="button2" onclick="popup('{U_MCHAT_RULES}', 450, 275); return false;" value="{L_MCHAT_HELP}" />
            <!-- ENDIF -->
            <!-- IF MCHAT_ALLOW_BBCODES -->
               <!-- INCLUDE mchat_bbcodes.html -->
            <!-- ENDIF -->
            <!-- ENDIF -->
            <!-- IF MCHAT_ALLOW_SMILES and .smiley -->
            <div id="mChatSmiles">               
               <!-- BEGIN smiley -->
               <a href="#" onclick="insert_text('{smiley.A_SMILEY_CODE}', true); return false;"><img src="{smiley.SMILEY_IMG}" width="{smiley.SMILEY_WIDTH}" height="{smiley.SMILEY_HEIGHT}" alt="{smiley.SMILEY_CODE}" title="{smiley.SMILEY_DESC}" /></a>
               <!-- END smiley -->
               <a href="{U_MORE_SMILIES}" onclick="popup(this.href, 300, 350, '_phpbbsmilies'); return false;">{L_MORE_SMILIES}</a>               
            </div>
            <!-- ENDIF -->
            <div class="mChatUpdate">
               <img src="{ROOT_PATH}mchat/load.gif" alt="{L_MCHAT_LOAD}" title="{L_MCHAT_LOAD}" id="mChatLoadIMG" class="mChatImageLoad" />
               <img src="{ROOT_PATH}mchat/ok.gif" alt="{L_MCHAT_OK}" title="{L_MCHAT_OK}" id="mChatOkIMG" class="mChatImageOk" />
               <img src="{ROOT_PATH}mchat/error.gif" alt="{L_MCHAT_ERROR}" title="{L_MCHAT_ERROR}" id="mChatErrorIMG" class="mChatImageHideImg" />
               <img src="{ROOT_PATH}mchat/paused.gif" alt="{L_MCHAT_PAUSE}" title="{L_MCHAT_PAUSE}" id="mChatPauseIMG" class="mChatImageHideImg" />
               <span id="mChatRefreshText">{MCHAT_REFRESH_YES}</span><!-- IF MCHAT_USER_TIMEOUT --> &bull; <span id="mChatSessMess">&nbsp;</span><!-- ENDIF --> &bull; <label for="mChatUseSound">{L_MCHAT_USESOUND} <input type="checkbox" id="mChatUseSound" <!-- IF S_MCHAT_SOUND_YES -->checked="checked"<!-- ENDIF --> /></label><!--/ ** If you remove this expect no support from me ** /-->&bull; {L_MCHAT_COPYRIGHT}
            </div>
         </form>
         <!-- ENDIF -->
         <div id="mChatSound" class="mChatSound"></div>
         <script type="text/javascript" src="{ROOT_PATH}mchat/mchat_ajax_mini.js"></script>
      <!-- ENDIF -->
   <!-- ELSE -->
   <div class="mchat_alert">{L_MCHAT_ENABLE}</div>
   <!-- ENDIF -->
   <!-- IF not MCHAT_READ_MODE -->
         <!--/ ** If you remove this expect no support from me ** /-->
         <!-- IF MCHAT_ARCHIVE_MODE --><div class="mChatPanel">{L_MCHAT_COPYRIGHT}</div><!-- ENDIF -->
      </div>
   <!-- IF not MCHAT_ARCHIVE_MODE -->
      </div></div>
   <!-- ENDIF -->
   <!-- ENDIF -->
   <!-- IF MCHAT_ARCHIVE_MODE -->
   <ul class="linklist">
      <li class="rightside pagination">{MCHAT_TOTAL_MESSAGES} &bull; <!-- IF MCHAT_PAGINATION --><a href="#" onclick="jumpto(); return false;" title="{L_JUMP_TO_PAGE}">{MCHAT_PAGE_NUMBER}</a> &bull; <span>{MCHAT_PAGINATION}</span><!-- ELSE -->{MCHAT_PAGE_NUMBER}<!-- ENDIF --></li>
   </ul>
   <!-- ENDIF -->
   <!-- IF MCHAT_CUSTOM_PAGE and MCHAT_WHOIS -->
      <h3>{L_WHO_IS_CHATTING}</h3>
      <p><!-- IF MCHAT_USERS_LIST --><a href="#" onclick="mChat.toggle('UserList'); return false;">{MCHAT_USERS_COUNT}</a><!-- ELSE -->{MCHAT_USERS_COUNT}<!-- ENDIF -->
      &nbsp;{L_MCHAT_ONLINE_EXPLAIN}<br />
      <span id="mChatUserList">{MCHAT_USERS_LIST}</span> <span id="mChatRefresh">{L_MCHAT_WHOIS_REFRESH_EXPLAIN}</span>
      <span id="mChatRefreshN" style="display: none;">{L_MCHAT_REFRESHING}</span>
      <!-- IF LEGEND --><br /><em>{L_LEGEND}: {LEGEND}</em><!-- ENDIF --></p>
   <!-- ENDIF -->
   <!-- IF MCHAT_CUSTOM_PAGE and S_DISPLAY_ONLINE_LIST -->
      <!-- IF U_VIEWONLINE --><h3><a href="{U_VIEWONLINE}">{L_WHO_IS_ONLINE}</a></h3><!-- ELSE --><h3>{L_WHO_IS_ONLINE}</h3><!-- ENDIF -->
      <p>{TOTAL_USERS_ONLINE} ({L_ONLINE_EXPLAIN})<br />{LOGGED_IN_USER_LIST}
   <br />   
   <!-- ENDIF -->
<!-- IF MCHAT_ARCHIVE_MODE or MCHAT_CUSTOM_PAGE -->
<!-- INCLUDE overall_footer.html -->
<!-- ENDIF -->

mchat_avatars.html

Code: Select all

                  <!-- BEGIN mchatrow -->
                  <!-- IF not mchatrow.S_FIRST_ROW -->
              <hr class="divider">
                  <!-- ENDIF -->
                  <div id="mess{mchatrow.MCHAT_MESSAGE_ID}" class="post <!-- IF mchatrow.S_ROW_COUNT is odd -->bg1<!-- ELSE -->bg2<!-- ENDIF -->">
                        <div class="postbody mChatRowLimitCustom">
                           <ul class="profile-icons">
                           <!-- IF MCHAT_ALLOW_IP -->
                              <li><a href="{mchatrow.MCHAT_U_WHOIS}" onclick="popup(this.href, 750, 500); return false;"><img src="{ROOT_PATH}mchat/ip.gif" alt="{L_MCHAT_IP} {mchatrow.MCHAT_USER_IP}" title="{L_MCHAT_IP} {mchatrow.MCHAT_USER_IP}" class="mChatImage" /></li>
                           <!-- ENDIF -->
                           <!-- IF mchatrow.MCHAT_ALLOW_BAN -->
                              <li><a href="{mchatrow.MCHAT_U_BAN}"><img src="{ROOT_PATH}mchat/ban.gif" alt="{L_MCHAT_PERMISSIONS}" title="{L_MCHAT_PERMISSIONS}" class="mChatImage" /></a></li>
                           <!-- ENDIF -->
                           <!-- IF mchatrow.MCHAT_ALLOW_EDIT -->
                              <li><a href="javascript//" onclick="mChat.edit('{mchatrow.MCHAT_MESSAGE_ID}');"><img src="{ROOT_PATH}mchat/edit.gif" alt="{L_MCHAT_EDIT}" title="{L_MCHAT_EDIT}" class="mChatImage" /></li>
                           <!-- ENDIF -->
                              <input type="hidden" id="edit{mchatrow.MCHAT_MESSAGE_ID}" value="{mchatrow.MCHAT_MESSAGE_EDIT}" />
                           <!-- IF mchatrow.MCHAT_ALLOW_DEL -->
                              <li><a href="javascript//" onclick="mChat.del('{mchatrow.MCHAT_MESSAGE_ID}');"><img src="{ROOT_PATH}mchat/del.gif" alt="{L_MCHAT_DELITE}" title="{L_MCHAT_DELITE}" class="mChatImage" /></a></li>
                           <!-- ENDIF -->
                           </ul>
                          <div class="mChatAvatars">
                           <!-- IF mchatrow.U_VIEWPROFILE --><a href="{mchatrow.U_VIEWPROFILE}" title="{L_READ_PROFILE}"><!-- ENDIF -->
                     <!-- IF mchatrow.MCHAT_USER_AVATAR -->{mchatrow.MCHAT_USER_AVATAR}<!-- ELSE --><img src="{T_THEME_PATH}/images/no_avatar.gif" width="40px;" height="40px;" alt="" /><!-- ENDIF --><!-- IF mchatrow.U_VIEWPROFILE --></a><!-- ENDIF -->
                     </div>
                           <!-- IF not MCHAT_ARCHIVE_MODE and MCHAT_ADD_MESSAGE -->
                        <!-- IF MCHAT_ALLOW_BBCODES -->
                           <!-- IF mchatrow.MCHAT_USERNAME_COLOR -->
                         <a class="mChatScriptLink" href="javascript//" onclick="insert_text('&#64;&nbsp;[b][color={mchatrow.MCHAT_USERNAME_COLOR}]{mchatrow.MCHAT_USERNAME}[/color][/b], ', false);" title="{L_MCHAT_RESPOND}"><span style="color: {mchatrow.MCHAT_USERNAME_COLOR}"><strong>&#64;</strong></span></a>
                         <!-- ELSE -->
                         <a href="javascript//" class="mChatScriptLink" onclick="insert_text('&#64;&nbsp;[b]{mchatrow.MCHAT_USERNAME}[/b], ', false);" title="{L_MCHAT_RESPOND}"><strong>&#64;</strong></a>
                         <!-- ENDIF -->
                        <!-- ELSE -->
                        <a href="javascript//" class="mChatScriptLink" onclick="insert_text('&#64;&nbsp;{mchatrow.MCHAT_USERNAME}, ', false);" title="{L_MCHAT_RESPOND}">&#64;</a>
                        <!-- ENDIF -->
                     <!-- ENDIF -->
                     {mchatrow.MCHAT_USERNAME_FULL} - {mchatrow.MCHAT_TIME}
                     <div class="mChatMessage">{mchatrow.MCHAT_MESSAGE}</div>
                        </div>
                  </div>
                  <!-- END mchatrow -->

mchat_no_avatars.html

Code: Select all

                  <!-- BEGIN mchatrow -->
                  <!-- IF not mchatrow.S_FIRST_ROW -->
              <hr class="divider">
                  <!-- ENDIF -->
                  <div id="mess{mchatrow.MCHAT_MESSAGE_ID}" class="post <!-- IF mchatrow.S_ROW_COUNT is odd -->bg1<!-- ELSE -->bg2<!-- ENDIF -->">
                        <div class="postbody mChatRowLimitCustom">
                           <ul class="profile-icons">
                           <!-- IF MCHAT_ALLOW_IP -->
                              <li><a href="{mchatrow.MCHAT_U_WHOIS}" onclick="popup(this.href, 750, 500); return false;"><img src="{ROOT_PATH}mchat/ip.gif" alt="{L_MCHAT_IP} {mchatrow.MCHAT_USER_IP}" title="{L_MCHAT_IP} {mchatrow.MCHAT_USER_IP}" class="mChatImage" /></li>
                           <!-- ENDIF -->
                           <!-- IF mchatrow.MCHAT_ALLOW_BAN -->
                              <li><a href="{mchatrow.MCHAT_U_BAN}"><img src="{ROOT_PATH}mchat/ban.gif" alt="{L_MCHAT_PERMISSIONS}" title="{L_MCHAT_PERMISSIONS}" class="mChatImage" /></a></li>
                           <!-- ENDIF -->
                           <!-- IF mchatrow.MCHAT_ALLOW_EDIT -->
                              <li><a href="javascript//" onclick="mChat.edit('{mchatrow.MCHAT_MESSAGE_ID}');"><img src="{ROOT_PATH}mchat/edit.gif" alt="{L_MCHAT_EDIT}" title="{L_MCHAT_EDIT}" class="mChatImage" /></li>
                           <!-- ENDIF -->
                              <input type="hidden" id="edit{mchatrow.MCHAT_MESSAGE_ID}" value="{mchatrow.MCHAT_MESSAGE_EDIT}" />
                           <!-- IF mchatrow.MCHAT_ALLOW_DEL -->
                              <li><a href="javascript//" onclick="mChat.del('{mchatrow.MCHAT_MESSAGE_ID}');"><img src="{ROOT_PATH}mchat/del.gif" alt="{L_MCHAT_DELITE}" title="{L_MCHAT_DELITE}" class="mChatImage" /></a></li>
                           <!-- ENDIF -->
                           </ul>
                           <!-- IF not MCHAT_ARCHIVE_MODE and MCHAT_ADD_MESSAGE -->
                        <!-- IF MCHAT_ALLOW_BBCODES -->
                           <!-- IF mchatrow.MCHAT_USERNAME_COLOR -->
                         <a class="mChatScriptLink" href="javascript//" onclick="insert_text('&#64;&nbsp;[b][color={mchatrow.MCHAT_USERNAME_COLOR}]{mchatrow.MCHAT_USERNAME}[/color][/b], ', false);" title="{L_MCHAT_RESPOND}"><span style="color: {mchatrow.MCHAT_USERNAME_COLOR}"><strong>&#64;</strong></span></a>
                         <!-- ELSE -->
                         <a href="javascript//" class="mChatScriptLink" onclick="insert_text('&#64;&nbsp;[b]{mchatrow.MCHAT_USERNAME}[/b], ', false);" title="{L_MCHAT_RESPOND}"><strong>&#64;</strong></a>
                         <!-- ENDIF -->
                        <!-- ELSE -->
                        <a href="javascript//" class="mChatScriptLink" onclick="insert_text('&#64;&nbsp;{mchatrow.MCHAT_USERNAME}, ', false);" title="{L_MCHAT_RESPOND}">&#64;</a>
                        <!-- ENDIF -->
                     <!-- ENDIF -->
                     {mchatrow.MCHAT_USERNAME_FULL} - {mchatrow.MCHAT_TIME}
                     <div class="mChatMessage">{mchatrow.MCHAT_MESSAGE}</div>
                        </div>
                  </div>
                  <!-- END mchatrow -->

[noth]

thanks for your efforts but it hasn't really done much to "improve it" AFAIK

apart from that Rich's copyright line, is now GONE :puke: I don't think I'll be on his Christmas Card list next year if he sees that and I really don't want a horizontal scrollbar :drunk: