[Template] Add avatars to shoutbox

[Former Member]

And to make it smaller? I thought perhaps adding a code to the CSS that said avatar_tiny (24x24) or something... but when I tried that, my picture disappeared altogether Thanks!

[Former Member]

Ok... I decided to have a quick dabble. Under




.avatar_size_small, .avatar_size_small embed, .avatar_size_small object, .avatar_size_small > div, .avatar-wrapper.avatar_size_small > div > div { height: 50px; width: 50px; }

.avatar_size_small img, .avatar_size_small default { max-height: 50px; max-width: 50px; }


I added this code:




.avatar_size_tiny, .avatar_size_tiny embed, .avatar_size_tiny object, .avatar_size_tiny > div, .avatar-wrapper.avatar_size_tiny > div > div { height: 25px; width: 25px; }

.avatar_size_tiny img, .avatar_size_tiny default { max-height: 25px; max-width: 25px; }

Then changed the shoutbox bit to 



$[shoutbox_post.created_by_user.avatar_tiny]


I thought that would do the trick, but now no avatar is shown at all in the shoutbox. Obviously there is something I missed... any idea what I'd need to change?

[DeltaDart]

Very nice!  I love this one.  Thanks

[DeltaDart]

bump

Still trying (failing) to make the avatar smaller.  Anybody have any luck?

[kittyshinju]

I'm not certain if anyone else is still looking for this, but after some experimentation and looking at the style sheet I managed to get the shoutbox avatars down to Quote Size using this

       <div class="avatar_size_quote" style="float: left; width: 40px;">
           $[shoutbox_post.created_by_user.avatar]
       </div>
Rather than
       <div style="float: left; width: 60px;">
           $[shoutbox_post.created_by_user.avatar_small]
       </div>

It looks like this.

[DeltaDart]

Feb 15, 2013 15:52:12 GMT -8 kittyshinju said:

I'm not certain if anyone else is still looking for this, but after some experimentation and looking at the style sheet I managed to get the shoutbox avatars down to Quote Size using this

       <div class="avatar_size_quote" style="float: left; width: 40px;">
           $[shoutbox_post.created_by_user.avatar]
       </div>
Rather than
       <div style="float: left; width: 60px;">
           $[shoutbox_post.created_by_user.avatar_small]
       </div>

It looks like this.

Where did you make this change?  In the Style Sheet?  I don't see the original
$[shoutbox_post.created_by_user.avatar_small]
you refer to.

[kittyshinju]

Feb 15, 2013 17:12:52 GMT -8 DeltaDart said:

Feb 15, 2013 15:52:12 GMT -8 kittyshinju said:

I'm not certain if anyone else is still looking for this, but after some experimentation and looking at the style sheet I managed to get the shoutbox avatars down to Quote Size using this

       <div class="avatar_size_quote" style="float: left; width: 40px;">
           $[shoutbox_post.created_by_user.avatar]
       </div>
Rather than
       <div style="float: left; width: 60px;">
           $[shoutbox_post.created_by_user.avatar_small]
       </div>

It looks like this.

Where did you make this change?  In the Style Sheet?  I don't see the original
$[shoutbox_post.created_by_user.avatar_small]
you refer to.

It's in the same place as the original code.  I only changed 3 lines from what is in the first post.  Modifying the Shoutbox Individual posts template.

[DeltaDart]

Feb 15, 2013 17:34:26 GMT -8 kittyshinju said:

Feb 15, 2013 17:12:52 GMT -8 DeltaDart said:

Where did you make this change?  In the Style Sheet?  I don't see the original
$[shoutbox_post.created_by_user.avatar_small]
you refer to.

It's in the same place as the original code.  I only changed 3 lines from what is in the first post.  Modifying the Shoutbox Individual posts template.

Thanks, yes I found it in Individual Posts after I posted this.  I was blind   Thanks kittyshinju

[kittyshinju]

Feb 15, 2013 17:51:35 GMT -8 DeltaDart said:

Feb 15, 2013 17:34:26 GMT -8 kittyshinju said:

It's in the same place as the original code.  I only changed 3 lines from what is in the first post.  Modifying the Shoutbox Individual posts template.

Thanks, yes I found it in Individual Posts after I posted this.  I was blind   Thanks kittyshinju

You're welcome.  I'm glad to be able to help DeltaDart

[AVIAN]

debateally.freemessageboards.com

How come the text areas around the message and icons are so thick? Is there a way to make them thinner?

[Former Member]

Is there a way to make the posts smaller? Mine are showing up really big

[AVIAN]

Mar 23, 2013 14:59:25 GMT -8 @vip said:

Is there a way to make the posts smaller? Mine are showing up really big

same here.

[rustyfox]

Thanks dude, this is awesome!!

[MC]

All of a sudden, the avatars are not showing up on my test board... I didn't add anything that could interfere so, I'm totally baffled.

[LifeOfWylie]

My avatars don't show up in my Shoutbox either, but there is a space for them. It also removes the names, even when making the text smaller.

Speaking of, for those who wish to do so: You can make the SB's text smaller by going to Themes > Advanced Styles & CSS > Visual Editor. Scroll all the way down to the Objects section and open the Shoutbox part (even if it is dim). Open up all arrowed parts and edit anything with the word "Text" in it and its Font Size. Hope this helps.