[Request] Postbit Animated background

[sarvin]

1. anyone can share this method tutorial ( animated or normal postbit background )??

   


2. Is it possible that just ( for example = VIP usergroups ) change his postbit background ?

• Many forums have been trained this method but no result to me
  

---

[Baltafar]

ACP > Configuration > Custom Profile Fields > add a new field

Copy this

(http(s?):)|([/|.|\w|\s])*\.(?:jpg|png)|^$

choose which groups can use it

style="background: url({$post['fid4']})

Add this code to whereever you want it to work in.

Make sure to replace the 4 with your own ID.



then add a image url in UCP > edit profile








//////////////////////////

If you want to display the same image from the postbit as a member profile background then just add this code to

Edit Template: member_profile

style="background-image: url({$memprofile['fid4']});

Or if you want to display a user's profile background in the memberlist

Edit Template: memberlist_user

style="background-image: url({$user['fid4']});

I'm not including any CSS.

[sarvin]

ACP > Configuration > Custom Profile Fields > add a new field

Copy this

(http(s?):)|([/|.|\w|\s])*\.(?:jpg|png)|^$

choose which groups can use it

style="background: url({$post['fid4']})

Add this code to whereever you want it to work in.

Make sure to replace the 4 with your own ID.



then add a image url in UCP > edit profile








//////////////////////////

If you want to display the same image from the postbit as a member profile background then just add this code to

Edit Template: member_profile

style="background-image: url({$memprofile['fid4']});

Or if you want to display a user's profile background in the memberlist

Edit Template: memberlist_user

style="background-image: url({$user['fid4']});

I'm not including any CSS.

thanks Baltafar. i have a problem. what mean whereever ? Where exactly do you mean ?

 Add this code to whereever you want it to work in.

style="background: url({$post['fid4']})

Make sure to replace the 4 with your own ID.

How did find My Own ID ???

   

where this pic ???

You explained very hard : (  I couldn't understand it

[Baltafar]

When you create a new profile field, it will be assigned with a ID. Click on your new created profile field and check the URL.

This is my localhost URL

http://localhost/mybb/admin/index.php?module=config-profile_fields&action=edit&fid=4

what you need to look at is

fid=4

Where the fid=4 is the ID you need to assign to

style="background: url({$post['fidHERE']})

FID=4 is my ID. You have your own ID unless it is assigned as 4. Then u got nothing to worry about.

//////////////////////////

If you didn't understand what a URL is then

https://community.mybb.com/thread-226672-post-1344232.html#pid1344232

This is the current thread URL, and it has numbers in it. to identify the thread.

http://localhost/mybb/admin/index.php?module=config-profile_fields&action=edit&fid=4

That is my URL to the custom field which only has 1 number in it 4 as the identifier.

[sarvin]

When you create a new profile field, it will be assigned with a ID. Click on your new created profile field and check the URL.

This is my localhost URL

http://localhost/mybb/admin/index.php?module=config-profile_fields&action=edit&fid=4

what you need to look at is

fid=4

Where the fid=4 is the ID you need to assign to

style="background: url({$post['fidHERE']})

FID=4 is my ID. You have your own ID unless it is assigned as 4. Then u got nothing to worry about.

//////////////////////////

If you didn't understand what a URL is then

https://community.mybb.com/thread-226672-post-1344232.html#pid1344232

This is the current thread URL, and it has numbers in it. to identify the thread.

http://localhost/mybb/admin/index.php?module=config-profile_fields&action=edit&fid=4

That is my URL to the custom field which only has 1 number in it 4 as the identifier.

i found it. 6
     ok ?

now. i want to add this option just in postbit background, below avatar ( not profile page ).
What should I do ?

[Baltafar]

When you create a new profile field, it will be assigned with a ID. Click on your new created profile field and check the URL.

This is my localhost URL

http://localhost/mybb/admin/index.php?module=config-profile_fields&action=edit&fid=4

what you need to look at is

fid=4

Where the fid=4 is the ID you need to assign to

style="background: url({$post['fidHERE']})

FID=4 is my ID. You have your own ID unless it is assigned as 4. Then u got nothing to worry about.

//////////////////////////

If you didn't understand what a URL is then

https://community.mybb.com/thread-226672-post-1344232.html#pid1344232

This is the current thread URL, and it has numbers in it. to identify the thread.

http://localhost/mybb/admin/index.php?module=config-profile_fields&action=edit&fid=4

That is my URL to the custom field which only has 1 number in it 4 as the identifier.

i found it. 6
 ok ?

now. i want to add this option just in postbit background, below avatar ( not profile page ).
What should I do ?

You add this to your code.

Example:

 <div class="postbit_background_container">
 <div class="postbit_background" style="background: url({$post['fid4']})center center no-repeat; background-size:cover;"></div>
 </div>

[YashvirGaming]

This user has been denied support.

LOOK HOW I SOLVE IT 

REALLY EASY

[YashvirGaming]

This user has been denied support.

@sarvin

watch my above comment

[Noter33]

ACP > Configuration > Custom Profile Fields > add a new field

Copy this

(http(s?):)|([/|.|\w|\s])*\.(?:jpg|png)|^$

choose which groups can use it

style="background: url({$post['fid4']})

Add this code to whereever you want it to work in.

Make sure to replace the 4 with your own ID.



then add a image url in UCP > edit profile








//////////////////////////

If you want to display the same image from the postbit as a member profile background then just add this code to

Edit Template: member_profile

style="background-image: url({$memprofile['fid4']});

Or if you want to display a user's profile background in the memberlist

Edit Template: memberlist_user

style="background-image: url({$user['fid4']});

I'm not including any CSS.

DON'T USE THIS , IT IS VULNERABLE TO STORED XSS

[Crazycat]

Well, a lot of pipes really useless making the regexp foolish.
Using ^(https?):\/\/([\/.\w\-])*\.(jpg|png|gif)$ might be better

Peharps some chars can be added in the regexp, it actually allows only "a-z0-9./-"