[Template] Add avatars to shoutbox

[Sunny]

I tried this and it took away my name and didn't show anything after the ":"

I did everything right with the code. I just copied over the default.


EDIT
I did the first option to test it. The avatar came up but it appeared under the names. Can something be done to make it be beside the usernames like it your code?

[GlowyDaBstrd]

I can't get this to work properly. If I copy and add the code to import it, it doesn't show avatars in shoutbox, and also usernames disappear. I tried using $[current_user.avatar_quote] in there, but it added the avatar below the comment.
http://downtowntesti.freemessageboards.com <- Here's my test forum. Help me.

EDIT:
Now I thought I had got it to work properly, but now it shows the same avatar for everyone in shoutbox. I mean, if someone else writes in the shoutbox, I see my own avatar right next to their usernames. How do I make this work properly? If I add the code in first message, saying it would import it, it just takes out all the information who wrote the comment.

This is what I have in there now, which makes everyone's shoutbox avatar the same (and yes, I want to use quote avatar):

{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_quote]
       </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>
{/foreach}

Please help!

[Jessecast]

all this is doing is removing the names and not shwoing avatar

[Thomasss]

Apr 28, 2013 9:07:53 GMT -8 Jessecast said:

all this is doing is removing the names and not shwoing avatar

Did you replace the code fully?

[GlowyDaBstrd]

^ I did. And it just removed the names, not showing anything who wrote what.

This same problem has been on few people posting here before us, too. So there is an issue right now. Needing help.

[Thomasss]

Okay everyone, i think i fixed the code for right now. See if this works for you guys. 


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


[LifeOfWylie]

Apr 28, 2013 13:22:06 GMT -8 Thomasss said:

Okay everyone, i think i fixed the code for right now. See if this works for you guys.

Works for me now. Thanks, Thomasss! Now to expand my SB to actually be able to see them!

[Thomasss]

Apr 29, 2013 4:22:03 GMT -8 LifeOfWylie said:

Apr 28, 2013 13:22:06 GMT -8 Thomasss said:

Okay everyone, i think i fixed the code for right now. See if this works for you guys.

Works for me now. Thanks, Thomasss! Now to expand my SB to actually be able to see them!

Glad it worked!

[GlowyDaBstrd]

Works perfectly. Thank you. 

[Thomasss]

May 1, 2013 7:04:16 GMT -8 GlowyDaBstrd said:

Works perfectly. Thank you. 

No Problem.

[MobFox]

KIST! thanks

[MobFox]

Thomasss

[naome]

Ah when i tried to post it, it overlaps the writin:/ I just copied it and pasted it in the section u said instead of what was already in the section. Is there a way to allow me to change the avatar size but make it not overlap?

[?Leslie?]

Hi Thomasss! So, I've used the code that you provided for us and it works perfectly. Thanks for checking, noticing that the original code wasn't working, and providing a code for us that does. I really appreciate and I know that many others do to. I do however have a question and I'm hoping that you can help me. At the moment the avatars on my forum are 275px by 175px, so the avatars in the shoutbox are the same shape, just in a smaller size. Is there a way to make the images squared in the shout box without distorting the pictures? Just wondering if that is a possibility

Oh, and I've tweaked the code just a bit. I've changed this section...

<div style="float: left; width: 60px;">

to this...

<div class="avatar_size_quote" style="float: left; width: 45px;">

EDIT
So, I've just seen that Clockwork hasn't been only since April. So, I thought that it might be best to tag Brian because he is so good with coding. Sorry Brian...I'm just hitting you up with all sorts of coding questions. No rush or anything, just something I'd like to see happen before I decide to open my website. So no pressure to figure something out immediately. Thank you

[Thomasss]

lol, I an invisible. but, I really do no know as I have not messed with it alot.