[JoyFreak] Postbit Cover

[JoyFreak]

JoyFreak submitted a new resource:

[JoyFreak] Postbit Cover - Allow your members to set a postbit cover photo with this easy and simple guide.

Live example: Gaming Forum

Description
This guide will run you through on how to allow your members to set a postbit cover photo that will display within their posts/messages.

Guide

1. Create a custom user field. Go to Admin CP > Users > Custom user fields
2. Field ID: This can be anything you want i.e. postbit_cover
3. Title: This can be anything you want i.e Postbit Cover
4. Description: URL of the...

Read more about this resource...

 

[Old Nick]

Good tips for playing with user field...

Just hope that not all members define their own postbit, graphically this must be terrible! with dragons that will rub shoulders with flowers, cats, valleys and meadows, pikachu, a mercedes and what else ?

 

[JoyFreak]

Good tips for playing with user field...

Just hope that not all members define their own postbit, graphically this must be terrible! with dragons that will rub shoulders with flowers, cats, valleys and meadows, pikachu, a mercedes and what else ?

The opacity helps dim it down and make it look better. Although, I would recommend having it for user upgrades. Nice little perk for them members.

 

[Paul B]

Nice little perk for them members.

The perk would be the ability to remove it from view ...

 

[JoyFreak]

The perk would be the ability to remove it from view ...

Is it really that bad?

 

[Paul B]

Don't mind me - I'm just old

I expect it works well for a gaming/anime site, or one with a younger audience.

 

[btmgreg]

Not quite sure what I've done wrong -



Show's like this - and nothing shows in postbit.



I've done the template edits.

 

[JoyFreak]

Not quite sure what I've done wrong -

View attachment 240828

Show's like this - and nothing shows in postbit.

View attachment 240829

I've done the template edits.

You enter the URL of the image in that text box. The description is to let your members know what the post cover is about. I.E. Letting them know the supported types.

You also don't need to check the box "Viewable on profile pages", it's not needed.

 

[btmgreg]

Ahhh so users have to provide their own images for the postbit? I was hoping it would be like -

You have 5 different images. Member can choose from a dropdown which image (which has a description) they would like to display within the postbit as a background. Would this be a huge modification? I can for sure seeing this current form being abused, but if I can allow members to choose from a pre-defined selection, that might work.

I really appreciate your time!

 

[JoyFreak]

Ahhh so users have to provide their own images for the postbit? I was hoping it would be like -

You have 5 different images. Member can choose from a dropdown which image (which has a description) they would like to display within the postbit as a background. Would this be a huge modification? I can for sure seeing this current form being abused, but if I can allow members to choose from a pre-defined selection, that might work.

I really appreciate your time!

Yes, so you allow your members to choose what they wish to display. I use this add-on alongside it and have my upgraded members take advantage of this feature.

Currently, this guide cannot achieve what you want doing and I'm not looking for any extra work. I'm just releasing guides that work on my forum for anybody else who wishes to use it too.

 

[btmgreg]

Yes, so you allow your members to choose what they wish to display. I use this add-on alongside it and have my upgraded members take advantage of this feature.

Currently, this guide cannot achieve what you want doing and I'm not looking for any extra work. I'm just releasing guides that work on my forum for anybody else who wishes to use it too.

Many thanks. That really helps.

Can I ask you two questions if you don't mind?



What addon/modification do you use to have those 4 boxes beneath the avatar? Also, what award system are you using? It all looks great!

Many thanks

 

[JoyFreak]

Many thanks. That really helps.

Can I ask you two questions if you don't mind?

View attachment 240830

What addon/modification do you use to have those 4 boxes beneath the avatar? Also, what award system are you using? It all looks great!

Many thanks

This probably isn't the place to ask but I'll answer it anyway. Those boxes I've added via CSS so it's just a customisation. As for the awards system, I use AddonFlare's awards system: https://www.addonflare.com/xenforo-2-addons/xf2-awards-system.12/

However, the price of the copyright removal is very high (worth mentioning). This other add-on is free and can accomplish the same results (no copyright IIRC): https://xenforo.com/community/resources/versobit-badges.8137/

 

[JoyFreak]

JoyFreak updated [JoyFreak] Postbit Cover with a new update entry:

A few fixes

This fix will:
1. Remove the postbit cover from mobile devices.
2. Allow username to be clickable for those with a postbit cover.

Add to extra.less:

.message-name {
    position: relative;
}

@media (max-width: 650px) {
.postbit_background {
    display: none;
}
}

Read the rest of this update entry...

 

[btmgreg]

I'm trying to add a dropdown box for user selection (for multiple choice covers)





I'd like to add the choice within the highlighted area so the choice would effectively be something like dangerous.png / otw.png / bad.png

Does anyone have any tips? Will have a hunt around the forum for ideas.

Thanks guys!

 

[btmgreg]

With thanks to @Jeremy P - I managed to figure out how to achieve the above -

You must create a new user field with a dropdown option -



Then add the following code to your message_macro template, like so -

<xf:if is="{$user.Profile.custom_fields.postbit_cover}">
<div class="postbit_background" style="background-image: url({{ base_url('styles/xenbase/post-covers/' . $user.Profile.custom_fields.postbit_covers . '.jpg') }});"></div>
</xf:if>

Note the file directory - You'd obviously change this to meet where your covers are stored. You can change the file extension, it was png but I changed it to jpg. Remember to change the postbit_covers to the id of your user field.



This now achieves the desired effect -



Thanks again Jeremy!

 

[hozuke]

some way to make it show or enable a type of postbit using a user's range. for example, admin, mod, full user, new, ban .. and others ..

 

[JoyFreak]

some way to make it show or enable a type of postbit using a user's range. for example, admin, mod, full user, new, ban .. and others ..

You can use this add-on in addition to achieve this. https://xenforo.com/community/resources/custom-fields-permissions.6108/

 

[hozuke]

the idea is something like this:

https://www.addonflare.com/xenforo-2-addons/xf2-awards-system.12/ but using postbit

... you can use a background image already defined in the custom field. for a user group or range .. that when changing the rank or group a user changes the background image automatically.


using the values like: if and elseif..

 

[Nous]

Hey, I love this little guide but how can I set it as the background and fade it with the background body?

 

[JoyFreak]

Hey, I love this little guide but how can I set it as the background and fade it with the background body?

Hi,

No idea what you mean? It's already set as the background of the postbit and is faded to ensure users details are visible on the postbit. Can you send me an example of what you mean?

Edit: BTW, it looks good on your forums.