![]() |
Profile Page Banner
1 Attachment(s)
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: Code:
{vb:raw navbar} Code:
<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> ================================================== === 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. https://vborg.vbsupport.ru/external/2014/03/25.png ================================================== === 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 https://vborg.vbsupport.ru/external/2014/03/26.png https://vborg.vbsupport.ru/external/2014/03/27.png ================================================== == Happy Editing!! Added 3rd party Image Upload and Resize script. |
On the demo site,
Sorry. The administrator has banned your IP address. To contact the administrator click here |
Try again please.
|
If this is a banner why would it play music? never mind I see now that the profile link worked... It was your youtube player!
|
Via pm, I am ask how to only allow select usergroups access to use this.
vbulletin does not have an option to set permissions on profile fields that I am aware of. The only way to allow this to be used by select usergroups is.... ACP/User Profile Fields/Profile banner, click edit. Look for Private Field, select yes. Save. Now, ACP/Usergroups/Usergroup Manager. In all your active Usergroups , Select Edit Usergroup. Scroll to the General Permissions section . Check No for all usergroups you do not want to see private profile fields. They will see the banner image on the profile page of those allowed to see private profile fields. |
IP banned also mate, looks very interesting, would it clash with vBSocial Profile mods?
|
All banned ips are now removed, sorry.
Try again please. I do not use vBSocial Profile mods but, I do not think it will effect it. |
Quote:
|
I can add a plugin to add the profile banner profile field to its own page with if conditionals to hide the page to add the image link for the banner but still allow the members to see each other Profile page banners.
Would this work for you? |
Yes, that would be great. :D:up:
|
Added, click Installed to receive update.
|
@blind-eddie
Your zip folder shows to be empty after download. |
Shows it has what it needs to have in it when I download
|
I've downloaded it 3 times now......... it's empty........ look at your download counter it still shows 0 downloads.
|
The counter does not update immediately. I checked the zip file & it had what I put in it.
I re-uploaded it again and it still has what I put in it. Please try again. Edit: I downloaded it in 3 different browsers, each download contained the items I added to it. |
1 Attachment(s)
Mate I have downloaded it with FF, Chrome and IE and I still get the same error message when I try to unzip the file. See attach
|
What zipping program are you using, I just unzipped it with no issues.
|
Zip program is whatever came with Windows 7 Pro. I've even tried 7_zip
nothing works. In my usercp it doesn't even show I've downloaded the file. I've downloaded files here since 07 and for the last 1.5 years using this same zip program I'm using now and I have never had a issues with any file from vB.org before. I just tried a download from another mod and it unzips fine. The problem is not on my end..... |
That is strange, try this one, I rezipped it.
Edit: Removed the zip. |
Quote:
|
Excellent, I am going to remove it now. :)
|
Quote:
Code:
Cannot open file pbanner.zip It does not appear to be a valid archive. |
hmmm... one sec
|
Ok. Try again please. Not sure why/how my rar file was switched to a zip file... I think that was the issue.
I used my zip program instead & re-added the file. |
Works now for me...........
|
Cool, good to hear.
|
Okay, perhaps I missed something but I can't seem to find the pbanner template.
|
it was created during the product install.
|
Re-installed... now can view it :) Thanks!
|
Installed... and thanks Blind-Eddie
Nice mod, I recommend it to all, works as advertised. :):up: |
Good idea blind eddie, this will provide instant, satisfying feedback to any user.
Always good to see development on 4.2.1. |
how can i change banner size like facebook cover?
|
Facebook cover?
As stated in first post: Quote:
Code:
<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> |
Again I just want to say thanks blind-eddie :)
@ mohammad6006 facebook cover is ...851 pixels wide and 315 pixels tall. If you upload an image that's smaller than these dimensions, it will be stretched to this larger size. Code:
<div align=center><vb:if condition="$userinfo['fieldxx']"><td class="vbmenu_option"><img src="{vb:raw userinfo.fieldxx}" width="851" height="315"></td></tr> </vb:if></div> Code:
I did 950 pixels wide and 150 pixels tall...but then again I'm still sorting out how I would like it! Code:
<div align=center><vb:if condition="$userinfo['fieldxx']"><td class="vbmenu_option"><img src="{vb:raw userinfo.fieldxx}" width="950" height="150"></td></tr> </vb:if></div> Code:
If you upload an image that's smaller than these dimensions, it will be stretched to this larger size. |
Quote:
i add style HTML Code:
style="max-height: 350px; max-width: 75%;" |
You could use,
Code:
width="75%" height="auto" The only issue I see having with any of the edits is the size of the image. Example random banner image from the net: http://shipritestore.com/wp-content/...ns-Banners.jpg This image is 1664 x 312 and 1941264 bytes (HUGE) Using style="max-height: 350px; max-width: 75% or width="75%" height="auto will drop the image to 1165 x 218 (Fluid Style)but it will still remain 1941264 bytes (HUGE) I could add image guidelines & add image resizer link on the profile field page so members will know what size their image needs to be. |
FYI
My image guidelines when filling out the User Profile Field Description Code:
Please add your Image URL ...for best results Banner photos are xxx pixels wide and xxx pixels tall. If image is smaller than these dimensions, it will be stretched to this larger size...sometimes this will give you a cool image. |
I added image resizing to specific dimension's and image upload on the pbanner page.
https://vborg.vbsupport.ru/ I will share my edit later tonight. |
Cool! :)
Upload-Resize Host Image on post #43 Notes: neider ...I think it should read...neither ;) Upload-Resize Host ...will that be hosted on our own servers? |
nvm this
|
All times are GMT. The time now is 02:40 AM. |
Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.
X vBulletin 3.8.12 by vBS Debug Information | |
---|---|
|
|
![]() |
|
Template Usage:
Phrase Groups Available:
|
Included Files:
Hooks Called:
|