mChat Templates - Style Dependent

[Sniper_E]

You're welcome. This is the prosilver version with hover color.

It has the hover color on each post like in prosilver's forumlist.

The templates posted above are prosilver templates but this is the prosilver/theme/mchat.css I'm using.

Code: Select all

/**
*
* @package mChat ProSilver Style
* @version 1.3.5 2010-12-02
* @copyright (c) RMcGirr83 ( http://www.rmcgirr83.org/ )
* @copyright (c) By Shapoval Andrey Vladimirovich (AllCity) ~ http://allcity.net.ru/
* @license http://opensource.org/licenses/gpl-license.php GNU Public License
*
**/

/* mChat
------------ */
div.mChatBG1 {
   background: -webkit-linear-gradient(top, #e1ebf2 0%,#FFFFFF 100%);
   background: -o-linear-gradient(top, #e1ebf2 0%,#FFFFFF 100%);
   background: -moz-linear-gradient(top, #e1ebf2 0%,#FFFFFF 100%);
   background: linear-gradient(top, #e1ebf2 0%,#FFFFFF 100%);
   border: 1px solid #999999;
   -webkit-border-radius: 6px;
   -o-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   padding: 5px;
   color: #333333;
   margin-right: 5px;
   overflow: hidden;
}

div.mChatBG1:hover {
   background: -webkit-linear-gradient(top, #F1EEB5 0%,#FFFFFF 100%);
   background: -o-linear-gradient(top, #F1EEB5 0%,#FFFFFF 100%);
   background: -moz-linear-gradient(top, #F1EEB5 0%,#FFFFFF 100%);
   background: linear-gradient(top, #F1EEB5 0%,#FFFFFF 100%);
}

div.mChatBG2 {
   background: -webkit-linear-gradient(#ECF3F7, #FFFFFF, #FFFFFF, #ECF3F7);
   background: -o-linear-gradient(#ECF3F7, #FFFFFF, #FFFFFF, #ECF3F7);
   background: -moz-linear-gradient(#ECF3F7, #FFFFFF, #FFFFFF, #ECF3F7);
   background: linear-gradient(#ECF3F7, #FFFFFF, #FFFFFF, #ECF3F7);
   border: 1px solid #999999;
   -webkit-border-radius: 6px;
   -o-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   padding: 5px;
   color: #444444;
   text-align: right;
   overflow: hidden;
}

div.mChatBG2:hover {
   background: -webkit-linear-gradient(#F1EEB5, #FFFFFF, #FFFFFF, #F1EEB5);
   background: -o-linear-gradient(#F1EEB5, #FFFFFF, #FFFFFF, #F1EEB5);
   background: -moz-linear-gradient(#F1EEB5, #FFFFFF, #FFFFFF, #F1EEB5);
   background: linear-gradient(#F1EEB5, #FFFFFF, #FFFFFF, #F1EEB5);
}

div.mChatRowLimit {
   overflow: auto;
   width: 100%;
}

div.mChatRowLimitCustom {
   overflow: auto;
   width: 100%;
}

div.mChatPanel {
   text-align: center;
   padding: 3px;
   clear: both;
}

div.mChatTime {
   text-align: right;
   margin: 0 12px;
}

div.mChatRow2 div.mChatTime {
   text-align: left;
   margin: 0 5px;
}

input.mChatText {
   cursor: text;
   width: 50%;
   background-color: #FFFFFF;
   border: 1px solid #B4BAC0;
   color: #333333;
   padding: 5px 5px 3px 5px;
   margin: 3px 0px 3px 5px;
}

input.mChatText:hover {
   border-color: #11A3EA;
}

div.mChatHover:hover {
   background-color: #F6F4D0;
}

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

div.mChatStatic {
   padding-left: 5px;
   font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
   text-align: left;
   font-size: 1.1em;
}

div.mChatStats {
   padding-left: 5px;
   margin-top: 2px;
   font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
   text-align: left;
   min-height: 1.3em;
   font-size: 1.1em;
   height: auto !important;
}

div.mChatRefresh {
   padding-left: 5px;
   font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
   text-align: left;
   font-size: 1.1em;
   margin-top: 1.5em;
   clear: both;
}

input.mChatColor {
   width: 100%;
   text-align: center;
   background-color: #DEE3E7;
   border-style: none;   
}

span.mChatButtons {
   float: right;
}

div.mChatRow2 span.mChatButtons {
   float: left;
}

span.mChatMessage {
   padding: 3px;
   font-size: 1.1em;
   width: 98%;
}

a.mChatScriptLink {
   text-decoration:none;
}

img.mChatImage{
   vertical-align: middle;
}

img.mChatImageLoad {
   vertical-align: middle;
   cursor: wait;
   display: none;
}

img.mChatImageOk {
   vertical-align: middle;
   cursor: help;
}

img.mChatImageHideImg {
   vertical-align: middle; 
   cursor: help; 
   display: none;
}

div.mChatSound {
   position: absolute;
   left: -1000px;
   top: -1000px;
}

.mchat_alert {
   color: #7E2217;
   padding: 10px;
}

#mChatUserList {
   display: none;
}

div.mChatUsername {
   float: left;
}

div.mChatRow2 div.mChatUsername {
   float: right;
   margin-right: 5px;
}

.mChatAvatars {
   float: left;
   margin: 0 5px 0 0;
}

div.mChatRow2 div.mChatAvatars {
   float: right;
}

.mChatPointer {
   float: left;
   background-image: url("{T_THEME_PATH}/images/mchatbg2_pointer.png");
   margin-right: -1px;
   margin-left: 5px;
   width: 10px;
   height: 20px;
}

div.mChatRow2 div.mChatPointer {
   float: right;
   background-image: url("{T_THEME_PATH}/images/mchatbg1_pointer.png");
   margin-left: -1px;
   margin-right: 5px;
   width: 10px;
   height: 20px;
}

div.avatarMessage {
   width: 90%;
   margin-right: 5px;
}

.icon-mchat {
   background-image: url("{T_THEME_PATH}/images/icon_mchat.gif");
   background-repeat: no-repeat;
   background-position: 0 5px;
   padding-left: 21px;
}

[Omart2]

Guys if anyone got mChat for SE Gamer Light ? I really need it.

Thanks

[Sniper_E]

That style is a prosilver type style. You can install the original mchat to your style the same as you would install it to prosilver. This style dependent layout would work also. Try one of them on your style.

[Sniper_E]

This mChat layout is sort of style dependent. There is one background color change you may need for your custom style.

Code: Select all

#mChatData {
   background-color: #FFFFFF;

This mChat layout is back inside the forum wrapper like the original mChat so it needed a backround color for the chat posts.
mchat_body.html template modified... mchat_avatars.html and mchat_no_avatars.html are depreciated.

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} - Welcome {S_USERNAME}<!-- ENDIF --></dt>
            </dl>
         </li>
      </ul>
<!-- 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_SUPER_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 -->
         <!-- BEGIN mchatrow -->
            <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>
                  <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 S_MCHAT_AVATARS -->
                     <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>
                     <!-- ENDIF -->
                     <!-- 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<!-- IF S_MCHAT_AVATARS --> avatarMessage<!-- ENDIF -->">{mchatrow.MCHAT_MESSAGE}</div>
                  </div>
               <span class="corners-bottom"><span></span></span></div>
            </div>
         <!-- END mchatrow -->
         <!-- IF not MCHAT_READ_MODE -->
            <!-- IF MCHAT_NOMESSAGE_MODE --><div id="mChatNoMessage">{L_MCHAT_NOMESSAGE}</div><!-- ENDIF -->
         </div>
         <!-- IF not MCHAT_ARCHIVE_MODE -->         
         </div>
         <ul class="topiclist forums">
            <li class="row mchat_announcement">
         <!-- IF MCHAT_STATIC_MESS --><div class="mChatStatic"><strong>{L_MCHAT_ANNOUNCEMENT}:</strong> <span style="color:#990000;">{MCHAT_STATIC_MESS}</span></div><!-- ENDIF -->
         <!-- 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 -->         
         <form method="post" action="javascript//" onsubmit="mChat.add();" id="postform">
         <div class="mChatPanel">
            <noscript><div class="mchat_alert">{L_MCHAT_NOJAVASCRIPT}</div></noscript>
            <!-- IF MCHAT_ADD_MESSAGE -->
               <input type="hidden" name="mode" value="add" />
               <!-- IF MCHAT_INPUT_TYPE -->
               <input type="text" name="message" class="inputbox mChatText" id="mChatMessage" />
               <!-- ELSE -->
               <textarea name="message" class="inputbox mChatText" id="mChatMessage" onkeypress="mChat.key(event);" cols="32" rows="5" style="width: 50em;height: 6em;"></textarea>
               <!-- ENDIF -->
               <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 -->
            {S_FORM_TOKEN}
            <!-- IF MCHAT_ALLOW_SMILES and .smiley -->
            <div id="mChatSmiles" style="padding: 5px; display: none;">               
               <!-- 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 style="padding: 3px;">
               <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>
             {L_MCHAT_COPYRIGHT}
            </div>
            </li>
         </ul>
         </form>
         <!-- ENDIF -->
         <div id="mChatSound" class="mChatSound"></div>
         <script type="text/javascript" src="{ROOT_PATH}mchat/mchat_ajax_mini.js?v={S_MCHAT_VERSION}"></script>
      <!-- ENDIF -->
   <!-- ELSE -->
   <div class="mchat_alert">{L_MCHAT_ENABLE}</div>
   <!-- ENDIF -->
   <!-- IF not MCHAT_READ_MODE -->
   <span class="corners-bottom"><span></span></span></div>
</div>
   <!-- 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>
   <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>
   <div class="mChatRefresh"><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 --></div><br />
<!-- ENDIF -->
<!-- IF MCHAT_ARCHIVE_MODE or MCHAT_CUSTOM_PAGE -->
<!-- INCLUDE overall_footer.html -->
<!-- ENDIF -->

mchat.css

Code: Select all

/**
*
* @package mChat ProSilver Style
* @version 1.3.5 2010-12-02
* @copyright (c) RMcGirr83 ( http://www.rmcgirr83.org/ )
* @copyright (c) By Shapoval Andrey Vladimirovich (AllCity) ~ http://allcity.net.ru/
* @license http://opensource.org/licenses/gpl-license.php GNU Public License
*
**/

/* mChat
------------ */
#mChatData {
   background-color: #FFFFFF;
   padding: 4px 4px 1px;
}

#mChatUserList {
   display: none;
   float: left;
}

div.mChatRowLimit {
   overflow: auto;
   width: 100%;
}

div.mChatRowLimitCustom {
   overflow: auto;
   width: 100%;
}

div.mChatPanel {
   text-align: center;
   padding: 3px;
   clear: both;
}

div.mChatStatic {
   padding-left: 5px;
   font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
   text-align: left;
   font-size: 1.1em;
}

div.mChatStats {
   padding-left: 5px;
   margin-top: 2px;
   font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
   text-align: left;
   min-height: 1.3em;
   height: auto !important;
   font-size: 1.1em;
}

div.mChatRefresh {
   padding-left: 5px;
   font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
   text-align: left;
   margin-top: 1.5em;
   clear: both;
   font-size: 1.1em;
}

div.mChatMessage {
   padding: 3px;
   width: 98%;
   font-size: 1.1em;
}

div.avatarMessage {
   margin-left: 50px;
   margin-right: 5px;
   width: 90%;
}

div.mChatSound {
   position: absolute;
   left: -1000px;
   top: -1000px;
}

input.mChatText {
   padding: 5px 5px;
   margin: 3px 0px 3px 5px;
   width: 50%;
   cursor: text;
   font-size: 1.1em;
}

a.mChatScriptLink {
   text-decoration: none;
}

img.mChatImage{
   vertical-align: middle;
}

img.mChatImageLoad {
   vertical-align: middle;
   cursor: wait;
   display: none;
}

img.mChatImageOk {
   vertical-align: middle;
   cursor: help;
}

img.mChatImageHideImg {
   vertical-align: middle;
   cursor: help;
   display: none;
}

.mChatAvatars {
   float: left;
   padding-right: 10px;
}

.mchat_alert {
   padding: 10px;
   color: #7E2217;
}

.mchat_announcement {
   padding-top: 4px;
}

.icon-mchat {
   background-image: url("{T_THEME_PATH}/images/icon_mchat.gif");
   background-repeat: no-repeat;
   background-position: 0 5px;
   padding-left: 21px;
}

[Omart2]

What about the jquery error ?

[Omart2]

Sorry but I updated the files with the codes you gave me and I still cant make mChat appear on my forums , I have it installed and I got the settings page of it but on the board index there is no mChat even it didnt create a custom page :/

[RMcGirr83]

What about the jquery error ?

Which would be? It isn't posted in this topic is it?

[RMcGirr83]

Ed (aka Sniper_E) have you viewed the archive section of the chat with these changes?

[Sniper_E]

Yes I looked at all three pages. My copy did look tight but maybe I overlooked something. ?

I just brought the load with my computer in it to my new house in town. I can't look at it to see what you might be seeing in the archive page. I'll look when I get things setup here at the house. I still have one more load to move over after I unload this one. I'll have to get back with you on that?

[Sniper_E]

I looked again and my archive page looked fine.

I did see this in the mchat_body.html codes:

Code: Select all

<!-- IF not MCHAT_READ_MODE -->
   </div>
   <span class="corners-bottom"><span></span></span></div>
<!-- ENDIF -->

It needs to be like this:

Code: Select all

<!-- IF not MCHAT_READ_MODE -->
   <span class="corners-bottom"><span></span></span></div>
</div>
<!-- ENDIF -->

What did you see off?

[RMcGirr83]

Ah yep, that was probably it. Each message had a box around it and the footer would float to the middle of the screen.

[Sniper_E]

Almost looking good in the Platinum style. To look right you should pull the chat posts off the #mChatData side walls, recommend adding: padding: 4px 4px 1px;

[kateland]

This was awesome and fixed my prosilver issue. Would love to see these edits included in a future deployment. I ran the 1.3.8 'prosilver' edits but it didn't fix like these manual instructions did.

[clight77]

Hi Sniper_E
Nice looking: viewtopic.php?f=125&t=10347&start=30#p46720
Is there a way to use the iPhone messaging look in only one direction ?

Please and thanks
Prosilver phpbb 3.1.2
mChat 1.3.8

[Sniper_E]

Sure it can. The css would have to be changed and that pointer image would have to be flipped.
Does that stuff still work with mChat? I would be surprised...

Man that was something I was playing with almost two years ago. I would have to start that all over.
I did mention awhile back how the mChat template needs a rewrite for 3.1.*
It is still using the corners-top and corners-bottom classes in the templates.

I've been meaning to rewrite the templates, let me do that first and then I'll look at this again.
Are you using that setup in your chat now?