Profile Enhancements - Profile Page Banner

Changeable Member Profile Page Banner

Description: Your members can add a banner above their Profile page.
================================================== ===
Demo: http://nacc.club/member.php?u=1
The demo is a 3.8 test site but it will look the same in 4.2

Music will play in profile, please adjust volume before clicking.
================================================== ===
Step One:
You will need to make a new User Profile Field.

Admincp/User Profile Fields/Add New User Profile Field

Single-Line Text Box

Title: Add a banner above your profile

Description: Please add your Image URL
(Example: http://nacc.club/imagehosting/14f7bd890a86c3.jpg)

Field Required: No

Field Editable by User: Yes

Display Page: Edit Profile


Save it Remember the field ID number, you will need it later.

================================================== ===
Step Two:

You will need to edit your MEMBERINO template.
(MAKE A BACKUP OF ANY TEMPLATE YOU EDIT BEFORE YOU EDIT IT, YOU MAY NEED IT IF YOU MAKE A MISTAKE.)
Find:

{vb:raw navbar}

Add below:

<div align=center><vb:if condition="$userinfo['fieldxx']"><td class="vbmenu_option"><img src="{vb:raw userinfo.fieldxx}" width="600" height="150"></td></tr> </vb:if></div>

Note: Change the xx in fieldxx to the profile field you created.
================================================== ===

As you see, I set the default Image size allowed to 600 x 150.
Any image a member adds will show image at that size.
Adjust these numbers to suit your needs or remove "width="600" height="150" to allow your members to add any size image.


================================================== ===

Step Four: Inform your Members...Enjoy
================================================== ===
================================================== ==
ADDON: Added wired1's extra profile pages addon ( marked reusable) to show the banner profile field to its own page and added <vb:else /> if conditionals to only show the page contents to select usergroups by adding usergroup id's to the top of the new pbanner template (info included in zip)

To Upgrade:
Click Install & download the zip file.
Import the product-be1_pbpfp.xml
Edit the admincp/profilefield.php file
Edit the USERCP_SHELL template
Edit the pbanner template to add usergroup id's to wat to allow access to the page

After you do the addon steps, go into your profile field manager, click edit to the right of Profile Banner. Scroll to the bottom of that page to the Display Page, click the dropdown and select, Option: Profile Banner Options... Done






================================================== ==
Happy Editing!!

Added 3rd party Image Upload and Resize script.

[angeljs]

Can members make their banner link to their website, or is it just the image itself?

[blind-eddie]

No, sorry, it just shows the image. But I will a bit of work it can be made to be a clickable banner.

[blind-eddie]

Sorry, permissions set. Please try again.

[blind-eddie]

No, it does not override the site banner, i set mine that way.

[blind-eddie]

This allows members to add a banner just below the navbar. I don't have mine set that way, so no screenshot is available.

[HM666]

Hey Eddie, is there any way that this can be made to only allow certain usergroups have a banner on their profile page and put one up?

[X-or]

Originally Posted by HM666

Hey Eddie, is there any way that this can be made to only allow certain usergroups have a banner on their profile page and put one up?

I believe you can set the usergroup permission for any user field.

----

@blind-eddie
This is not a bad product, but it's pretty rough. We need something a lot more responsive and eye candy.
IPB has a very good class for profile banner

<div class="ipsCoverPhoto_container">

Could you look into it and implement something similar?

[HM666]

Originally Posted by X-or

I believe you can set the usergroup permission for any user field.

Where are you seeing that? You cannot set usergroup permissions in my profile fields.

[tinuz]

thank you for this nice mod!! is it possible to get a preview of the banner before saving the changes and/or a preview from the banner in use?

[blind-eddie]

No sorry, not at this time.