Add Avatars to Shoutbox..

[blueshead]

Can this be done?

[●● JaeFeathered.]

I'd love to have this as well, and preferably we wouldn't be limited to whatever our main forum avatar is.

[blueshead]

Nov 12, 2012 18:51:55 GMT -8 ●● JaeFeathered. said:

I'd love to have this as well, and preferably we wouldn't be limited to whatever our main forum avatar is.

Same here.. My members like a different Avatar for shoutbox..

[Relic]

I would benefit from this as well.

[My Display Name]

Hello,

If you want each member to use a different avatar (not their forum avatar) then you would need to go request a plugin.

However what I can do with the template is make it so it display their forum avatar if you would like that?

[Xikeon]

Admin Home > Themes > Layout Templates

Choose Shoutbox and then the tab Individual Posts. For people who can do HTML and all: there's a variable you can choose at the right:
current_user -> avatar (or small/medium version). This will import the image.

For people who just want to have it imported, replace the whole template with:
{foreach $[shoutbox_post]}
<div class="$[shoutbox_post.content_class] content-box"{if $[shoutbox_post.edited]} title="$[shoutbox_post.edited]"{/if}>
<div style="float: left; width: 60px;">
$[shoutbox_post.created_by.avatar_small]
</div>
       
$[shoutbox_post.created_by]: <span class="message">$[shoutbox_post.message]</span>
<span class="details">
$[shoutbox_post.edit_button]
$[shoutbox_post.date]
{if $[shoutbox_post.edited]}<span class="edited">*</span>{/if}
</span>
$[shoutbox_post.delete_button]
<div class="ui-helper-clearfix"></div>
</div>
{/foreach}

This will look like this (I don't have an avatar, that's why it shows default avatar):

[My Display Name]

Nov 17, 2012 4:26:20 GMT -8 Xikeon said:

Admin Home > Themes > Layout Templates

Choose Shoutbox and then the tab Individual Posts. For people who can do HTML and all: there's a variable you can choose at the right:
current_user -> avatar (or small/medium version). This will import the image.

For people who just want to have it imported, replace the whole template with:
{foreach $[shoutbox_post]}
<div class="$[shoutbox_post.content_class] content-box"{if $[shoutbox_post.edited]} title="$[shoutbox_post.edited]"{/if}>
<div style="float: left; width: 60px;">
$[current_user.avatar_small]
</div>
       
$[shoutbox_post.created_by_user]: <span class="message">$[shoutbox_post.message]</span>
<span class="details">
$[shoutbox_post.edit_button]
$[shoutbox_post.date]
{if $[shoutbox_post.edited]}<span class="edited">*</span>{/if}
</span>
$[shoutbox_post.delete_button]
<div class="ui-helper-clearfix"></div>
</div>
{/foreach}

This will look like this (I don't have an avatar, that's why it shows default avatar):

Darn, just made one but you beat me to it , of course yours looks better then mine though

Nice one

[Xikeon]

Sorry about that, wasn't sure if you were making one or not so I quickly threw something together.

[My Display Name]

Nov 17, 2012 4:45:27 GMT -8 Xikeon said:

Sorry about that, wasn't sure if you were making one or not so I quickly threw something together.

It's not a problem .

[blueshead]

Guys.. at this point is where I get lost. Can someone post a picture? Thank you..

[My Display Name]

A picture of what?

I'm going to assume how to get to the template, follow the highlighted areas (and apologies for some of the bad highlighing, 8 operating systems and Windows still fails )

[Skindstad]

carpnoc.freemessageboards.com/

Eh tried this out. Everyone gets the same avatar. For example when I'm logged into one user, then all the people who've posted in the shoutbox, will have the avatar my user has. When I change the user to one of my others, they are changed to the avatar of my other user.

Image I see. Guests will see the default avatar

[pawl]

Nov 19, 2012 9:37:32 GMT -8 Skindstad said:

carpnoc.freemessageboards.com/

Eh tried this out. Everyone gets the same avatar. For example when I'm logged into one user, then all the people who've posted in the shoutbox, will have the avatar my user has. When I change the user to one of my others, they are changed to the avatar of my other user.

Use this instead - the purple part is what I changed from Xikeon's post;

{foreach $[shoutbox_post]}
<div class="$[shoutbox_post.content_class] content-box"{if $[shoutbox_post.edited]} title="$[shoutbox_post.edited]"{/if}>
<div style="float: left; width: 60px;">
$[shoutbox_post.created_by_user.avatar_small]
</div>

$[shoutbox_post.created_by_user]: <span class="message">$[shoutbox_post.message]</span>
<span class="details">
$[shoutbox_post.edit_button]
$[shoutbox_post.date]
{if $[shoutbox_post.edited]}<span class="edited">*</span>{/if}
</span>
$[shoutbox_post.delete_button]
<div class="ui-helper-clearfix"></div>
</div>
{/foreach}

I think he was pulling your avatar for everyone, instead of their own. =]


ed; sorry for hijacking, Xik. =P

ed2; changed in reflection of the following post.

[Skindstad]

Well now there are no avatars at all, hehhe

Edit: Okay found the error. The red part was missing, hehehe.

{foreach $[shoutbox_post]}
<div class="$[shoutbox_post.content_class] content-box"{if $[shoutbox_post.edited]} title="$[shoutbox_post.edited]"{/if}>
<div style="float: left; width: 60px;">
$[shoutbox_post.created_by_user.avatar_small]
</div>

$[shoutbox_post.created_by_user]: <span class="message">$[shoutbox_post.message]</span>
<span class="details">
$[shoutbox_post.edit_button]
$[shoutbox_post.date]
{if $[shoutbox_post.edited]}<span class="edited">*</span>{/if}
</span>
$[shoutbox_post.delete_button]
<div class="ui-helper-clearfix"></div>
</div>
{/foreach}

[pawl]

ed; nicely done. =]

I was just using the variables given in the template options, might be worth seeing if it's intentional or not for them to not do a great deal. =P