Jump to content
Sign in to follow this  
Suella Ember

How to create a cool forum avatar \ badge

Recommended Posts

 


Darrius Gothly wrote:

Has anyone been able to find online documentation from the "Customer" (end users .. us) perspective? Docs on how to use the various features, how to configure your profile, what some of the choices mean, etc.? 

 

The more specific to the SL implementation of the software and it's features is here:

http://community.secondlife.com/t5/help/faqpage

You can access this from the 'Community Help' link near the top right (on the white part of the page not the black bar).

It's fairly comprehensive although I don't think it covers every single feature.

Share this post


Link to post
Share on other sites

 


Suella Ember wrote:

The more specific to the SL implementation of the software and it's features is here:

You can access this from the 'Community Help' link near the top right (on the white part of the page not the black bar).

It's fairly comprehensive although I don't think it covers every single feature.

Thank you.

 

Share this post


Link to post
Share on other sites

Thanks Suella!

I played around with both the bayfog & the toyko madness badge themes.  It seems that positioning of the image for the badge is a bit different depending on the one that you use.  Bayfog seems to shift the image 4px up and 3px left compared to toyko madness.

A good tip to deal with badge resizing is to keep a bit of a white border on the right and the bottom of your image so that if the badge size does change the image won't repeat.  This extra white space is cropped if it is not needed.

There's been a lot of great custom badges created using all of the different themes.  Kudos to all for your creativity!!

Share this post


Link to post
Share on other sites

 


Monalisa Robbiani wrote:

I like the new forums
:D

The same here! I like the look of this new platform much more then the old one :smileyvery-happy:

 

Share this post


Link to post
Share on other sites

Thank you Suella! Posting to see how it looks.

 

Edit: Ok, I can only see the small image?

Edit 2: Grm, it's my third computer I'm on, and I forgot to check that the badge should show on this computer. I see that I will need to tweak more.

Share this post


Link to post
Share on other sites

and for those who haven't figured it out already, you can upload a 1x1 transparent image for your avatar, which will NOT push your name down the screen, and will shorten the height of your badge....

you can also select what information to include in your badge (topic = the number of threads you started, solutions = correct answers, blogs doesn't apply to reident I don't think, nor ideas) which will also affect the height of the badge.... if you want a static picture that can't change, pad the bottom with white

ETA:

width is only 146px in thread view, 169 in settings view. you'll lose 23px off the right side, so pad that with extra view in case it DOES display somewhere

Share this post


Link to post
Share on other sites

Thanks so much for this post Suella! :smileyhappy:  I was wondering about the dimensions myself, so this saves me lots of time with guessing. I'll have to play around with it a little later after I get in-world and snap some new shots. <3

Share this post


Link to post
Share on other sites

Is there some reason why some badges have rounded corners and others are square?

And why some have a heavy black box surrounding the whole badge?  (Is that part of the badge, or some attribute of the post?)

Share this post


Link to post
Share on other sites

 


Qie Niangao wrote:

Is there some reason why some badges have rounded corners and others are square?

And why some have a heavy black box surrounding the whole badge?  (Is that part of the badge, or some attribute of the post?)

 

badges are using some css magic for the rounding, and yes the heavy black box is part of it, it's actually a background image....

for some reason, the default badge backgrounds (3 of them) aren't being shrunk to fit, like you can with custom images.

 

for users of firebug you can restore the default badge style (that you can't normally select after you choose a theme) by right clicking beside the toyko them, 'inspect element', open that element to see the hidden input inside it, and changing the value to "tb_none", then hitting save on the page....

Share this post


Link to post
Share on other sites

I spent some time figuring out the dimensions and how the badge images work. The long story is here: New SL Community Badges.

Nalates_SLCSDims.jpgThe image used in the page is a CSS background image and tiles the area available. A small image repeats until the area is full. So, the dimensions are a minimum to avoid any repeats.

It also means the image fills the area from the top and left to the bottom and right. Clipping will occur at the bottom and right. The image is not resized if one uses Full Size.

The part labeled 'background' in my image is just a part of the image I made. But it appears to be a background behind the name and rank.

Because the image area can change and the corners are rounded, it is nearly impossible to make a border around the image look right.

The bottom gadiant area is only needed if you haven't screwed up and selected a badge style. It lets one make the lower gray text readable. Once you pick a badge style the text goes white and the gadient is not needed.

BayFog and Tokyo Madness are styles for the badge area more than they are images. Once one of these styles is on, there seems to be no way to back it out.

Share this post


Link to post
Share on other sites

 


Void Singer wrote:

for users of firebug you can restore the default badge style (that you can't normally select after you choose a theme) by right clicking beside the toyko them, 'inspect element', open that element to see the hidden input inside it, and changing the value to "tb_none", then hitting save on the page....

Thanks for posting this. It took me a few minutes to figure out what to change, but I was able to figure it out, and I've never used firebug before today.

 

Share this post


Link to post
Share on other sites

Thanks for the useful info! Will have to mess around with the options to find something I like.

To those posting about using firebug to revert to the white bar default style, post the damn specifics please.

Share this post


Link to post
Share on other sites

I fixed the "can't see my name because it's black and I'm using a black background" problem by adding a white line with glow that makes the black text pop.  Took a while to get it right but pretty happy with it now.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

×
×
  • Create New...