mChat Templates - Style Dependent

[Sniper_E]

That scroll bar shouldn't be there.
Are you using the mchat.css in the download on the first post?

It looks like it didn't like the .navbar class. Try these templates.

[noth]

yes the same stylesheet from this thread

thanks for your help Ed!!

[Sniper_E]

Yea noth...
Rich had a .avatarMessage class in the message to keep the message to the right of the avatar.
I left that out in the mchat_avatars.html template. Not sure if that was causing your scroll bar.

Code: Select all

<div class="avatarMessage mChatMessage">{mchatrow.MCHAT_MESSAGE}</div>

And you can add a .bg3 class in the footer if you want that in a wrap.

Code: Select all

<div class="mChatPanel bg3">

These are the files I am using:

mchat_Deathwing_107.zip

I found that style and downloaded it. This is what I get using the files above:

mchat_deathwing.gif

[Sniper_E]

Here is another look of mchat with these templates on the art_elegance_black style.

[MalyPL]

I have a problem with the art_black: http://i.imgur.com/fLXok.png
How can I fix it?

[Sniper_E]

I have a problem with the art_black style. How can I fix it?

See if these custom templates and stylesheet will work for your art_black style.

[MalyPL]

It works, but messages have a scroll bar and icons should be a little lower.

[Sniper_E]

Yea, those blue dots are part of that art_black style. You just need to get rid of them.
Go back to Rich's codes for those buttons.

Open mchat_avatars.html and the mchat_no_avatars.html Find

Code: Select all

                           <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>

Replace with

Code: Select all

                     <span style="float:right;">
                        <!-- IF MCHAT_ALLOW_IP --><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" /></a><!-- ENDIF -->
                        <!-- IF mchatrow.MCHAT_ALLOW_BAN --> <a href="{mchatrow.MCHAT_U_BAN}"><img src="{ROOT_PATH}mchat/ban.gif" alt="{L_MCHAT_PERMISSIONS}" title="{L_MCHAT_PERMISSIONS}" class="mChatImage" /></a><!-- ENDIF -->
                        <!-- IF mchatrow.MCHAT_ALLOW_EDIT --> <a href="#" onclick="mChat.edit('{mchatrow.MCHAT_MESSAGE_ID}');return false;"><img src="{ROOT_PATH}mchat/edit.gif" alt="{L_MCHAT_EDIT}" title="{L_MCHAT_EDIT}" class="mChatImage" /></a><!-- ENDIF -->
                        <input type="hidden" id="edit{mchatrow.MCHAT_MESSAGE_ID}" value="{mchatrow.MCHAT_MESSAGE_EDIT}" />
                        <!-- IF mchatrow.MCHAT_ALLOW_DEL --> <a href="#" onclick="mChat.del('{mchatrow.MCHAT_MESSAGE_ID}');return false;"><img src="{ROOT_PATH}mchat/del.gif" alt="{L_MCHAT_DELITE}" title="{L_MCHAT_DELITE}" class="mChatImage" /></a><!-- ENDIF -->
                     </span>

mchat_art_black.gif

As far as that scroll bar you are getting, I have no idea what is causing that.
Look at this padding setting in the mchat_avatars.html and see if that is causing that scroll problem.

Code: Select all

                        <div class="postbody mChatRowLimitCustom" style="padding-bottom: 0">

Take that style="padding-bottom: 0" out of there.

noth had his posts with a scroll bar with his ca_black style. I can't duplicate that problem.

Your art_black style lags my site. It's the only style that the script has a problem loading in.
Go look: http://sniper.hostei.com/mchat/
You can switch to the art_black style in the header. See if it lags while loading for you too.

You and noth both need to play with the widths in the mchat.css to fix that scroll bar.

[MalyPL]

Thanks, now it's fine.

[Sniper_E]

I just installed phpbb and I was able to fix a few issues with mChat after installing it, like the "no scroll bar" issue. I have Khaki Black style installed, which is dependent on ProSilver

However, this one has me running around on a wild goose chase to figure out which files need to be edited.

Another issue I'm having is when I go to input text, after sending the text box gets significantly smaller where you can only see a few characters that you type.

Any help would be greatly appreciated.

Your Khaki Black style would look good with these templates.
[url=http://sniper.hostei.com/mchat/index.php?style=20]Sniper_E Styles mChat • Khaki Black[/url]

Upload these files, refresh templates and theme on your style.
Khaki Black mChat

[RMcGirr83]

IE10 , gross, shows horizontal scroll bars on that style Ed.

[Sniper_E]

Does it? I wonder if all of those styles I have setup have that scroll bar in IE.
IE never has liked width: 100% - Easy fix, I'll get IE10 and check it out.

Edit: I have IE7 and the posts do not sit right either... updating.

[RMcGirr83]

Also, would you please post pics of the no_avatar look as well? Danke!

[robinbillings]

Is there a configuration that works with Rainbow Pearl style? I have attempted to get it going, using auto-mod, and making the edits recommended on the phpbb.com forum, which results in getting everything up and running, except that posts cannot be added. The only function that seems to work is purge. If I start it up under subsilver2, everything works just fine. There is something off about Rainbow Pearl that I just can't get my mind wrapped around. Any and all assistance is most welcome!

Robin

[RMcGirr83]

https://www.phpbb.com/customise/db/mod/ ... 4-p_261533