A few changes to user profiles needed - icons & layout

Hi all. I was hoping you'd be able to help me make a few changes to the layout of user profiles on my forum. Below I'll provide two scans as reference; one of an example profile from my forum, and another from another forum which I'd like to replicate.

1st Change: I'd like to be able to add multiple icons under the avatar, like in the profile of "smoovethug" below. On my forum I can add a single icon for a special user, like "forum mod", but then the rank images disappear and I can't add any more icons either. How can I add more than one icon under the avatar without losing the rank images?

2nd Change: I'd like to move the user name, rank, and rank image ABOVE the avatar (like smoovethug) instead of below it (like bowlingshoeguy). Is this a change in CSS, or is it something else?

I really appreciate any help I can get in resolving these two issues. Thank you in advance!

Here are the example profiles referenced above.

MY FORUM:



OTHER FORUM:

About your first problem, you can create a personalized profile:

- Create a personalized profile in "General / Profiles"
- Choose "Enriched Text"
- Fill in a name, description and default content - the latter can be left blank if needed
- Obligatory: No
- Preview: "This field is displayed in writers’ profile and in the members’ profile page"
- Modification: Set the permission who is allowed to edit this field

Once created, you can now individually assign custom images with html code to your members - also more pictures are allowed in the same field. Modify the field in the users profile or in your admin panel in "Users & Groups / Users". Use the code below for each image:

<img src="IMAGE URL" />

EDIT: about your second problem, this is not possible to my knowledge - that's just how the site has been built. I think it's different in phpBB v2.0 forums though...

Thanks Sunny_D, I can always count on you for a helpful response!

So I followed your instructions and this is what I came up with:



It's almost what I wanted. I'd like the icon to show up without any title before it, like in the "smoovethug" profile example above.

Also, would it be possible to move the new icon(s) upwards, just before the post count field?

thanks again!

hello, as far as i know its imposible to do, but well try wait for official answer from moderator for confirmation

Ok I've eliminated the title. Now if I could only get rid of that annoying colon before the icon.

Hm... well, let's try a little trick at this point:

Put this as the fields "name": <span style="display:none">
and this as the "default value" (replace content as well, so it applies for all profiles as default): </span>

if you update the fields in the users profile, always leave the </span> in the beginning. Place your image codes just behind. I'm optimistic...

Note: also read [this]

whats that Trader points?!
where did u get?

Sunny_D wrote:if you update the fields in the users profile, always leave the </span> in the beginning. Place your image codes just behind. I'm optimistic...

Worked great, thanks again!

whats that Trader points?!
where did u get?

That's also something I customized in general/profiles. Trader points is something we use on my forum to keep track of successful transactions between members of my forum.

You are welcome.

@richie: Below is also a link to a nice tutorial where you can learn step by step how to create such a bar:

https://help.forumotion.com/tricks-tips-f32/points-system-tutorial-t13340.htm

Important Note to everyone:

Please read also the following thread. It contains info about a bug in that sustem that can cause display errors. Learn also how to fix this issue:

https://help.forumotion.com/other-problems-f46/help-all-the-replies-in-my-forum-are-bold-t14780.htm#78391

o thanks, sunny