Various modifications for phpBB3 ⇒ mChat Avatar Hover

[dmzx]

MChat Avatar Hover
by Sniper_E




Open ./mchat.php

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

Code: Select all

$mchat_avatar = $row['user_avatar'] ? get_user_avatar($row['user_avatar'], $row['user_avatar_type'], ($row['user_avatar_width'] > $row['user_avatar_height']) ? 40 : (40 / $row['user_avatar_height']) * $row['user_avatar_width'], ($row['user_avatar_height'] > $row['user_avatar_width']) ? 40 : (40 / $row['user_avatar_width']) * $row['user_avatar_height']) : '';

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

Code: Select all

$mchat_full_avatar = get_user_avatar($row['user_avatar'], $row['user_avatar_type'], $row['user_avatar_width'], $row['user_avatar_height']);

Find (4) times and After add line (4) times in mchat.php file....

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

Code: Select all

'MCHAT_USER_AVATAR'      => $mchat_avatar,

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

Code: Select all

'MCHAT_USER_FULL_AVATAR'      => $mchat_full_avatar,

Find (4) times and After add line (4) times in mchat.php file....

Open ./styles/prosilver/template/mchat_avatars.html

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

Code: Select all

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

In line add after

Code: Select all

<span>{mchatrow.MCHAT_USER_FULL_AVATAR}</span>

Open ./styles/prosilver/theme/mchat.css

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

Code: Select all

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

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

Code: Select all

.mChatAvatars span {
       left: 0px;
       display: none;
       color: #FFF;
       text-decoration: none;
    }

    .mChatAvatars span img {
       border-width: 0;
    }

    div.mChatAvatars:hover span {
       position: absolute;
       display: block;
       left: 80px;
       padding: 3px 3px 0;
       background-color: #FFFFFF;
       border: 1px solid #11A3EA;
    }

Refresh templates and theme, refresh browser

[clight77]

Cool :)

Is there a way to make the chat message on hover enlarge ?

Thanks :)
Not a biggy by the way just wondering...

[Helios]

Sorry,my file mchat.php don't is the same why

this items are missing

[martin]

What mchat version you using ?

[Helios]

what mchat version you using ?

the newest version 0.1.4 and this are missing

Open ./mchat.php

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

Code: Select all
$mchat_avatar = $row['user_avatar'] ? get_user_avatar($row['user_avatar'], $row['user_avatar_type'], ($row['user_avatar_width'] > $row['user_avatar_height']) ? 40 : (40 / $row['user_avatar_height']) * $row['user_avatar_width'], ($row['user_avatar_height'] > $row['user_avatar_width']) ? 40 : (40 / $row['user_avatar_width']) * $row['user_avatar_height']) : '';


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

Code: Select all
$mchat_full_avatar = get_user_avatar($row['user_avatar'], $row['user_avatar_type'], $row['user_avatar_width'], $row['user_avatar_height']);


Find (4) times and After add line (4) times in mchat.php file....

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

Code: Select all
'MCHAT_USER_AVATAR' => $mchat_avatar,


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

Code: Select all
'MCHAT_USER_FULL_AVATAR' => $mchat_full_avatar,

sorry, this is for phpbb3 not 3.1

[Sniper_E]

sorry, this is for phpbb3 not 3.1

mChat 0.1.7 Avatar Hover - phpBB 3.1*

Open: ext/dmzx/mchat/core/render_helper.php

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

Code: Select all

$mchat_avatar = $row['user_avatar'] ? get_user_avatar($row['user_avatar'], $row['user_avatar_type'], ($row['user_avatar_width'] > $row['user_avatar_height']) ? 40 : (40 / $row['user_avatar_height']) * $row['user_avatar_width'], ($row['user_avatar_height'] > $row['user_avatar_width']) ? 40 : (40 / $row['user_avatar_width']) * $row['user_avatar_height']) : '';

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

Code: Select all

$mchat_full_avatar = get_user_avatar($row['user_avatar'], $row['user_avatar_type'], $row['user_avatar_width'], $row['user_avatar_height']);

Find (4) times and After add line (4) times in render_helper.php file....

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

Code: Select all

'MCHAT_USER_AVATAR'		=> $mchat_avatar,

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

Code: Select all

'MCHAT_USER_FULL_AVATAR' => $mchat_full_avatar,

Find (4) times and After add line (4) times in mchat.php file....

Open: ext/dmz/mchat/styles/prosilver/template/mchat_avatars.html

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

Code: Select all

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

In line add after

Code: Select all

<span><!-- IF mchatrow.MCHAT_USER_FULL_AVATAR -->{mchatrow.MCHAT_USER_FULL_AVATAR}<!-- ELSE --><img src="{T_THEME_PATH}/images/no_avatar.gif" alt="" /><!-- ENDIF --></span>

Open: ext/dmz/mchat/styles/prosilver/theme/mchat.css

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

Code: Select all

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

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

Code: Select all

.mChatAvatars span {
       left: 0px;
       display: none;
       color: #FFF;
       text-decoration: none;
    }

    .mChatAvatars span img {
       border-width: 0;
    }

    div.mChatAvatars:hover span {
       position: absolute;
       display: block;
       left: 80px;
       padding: 3px 3px 0;
       background-color: #FFFFFF;
       border: 1px solid #11A3EA;
    }

Clear cache in ACP, refresh browser.