XenvB4 (Formerly ProjectvB4)
 

XenvB4 (formerly ProjectvB4) is not just a responsive style, but a full framework adding new features to vBulletin 4.2.5

• Responsive, mobile first design
• Redesigned important pages
  • Forumlist
  • Threadlist
  • Showthread
  • User Profile
• New Modern Features
  • Modal profile popup
  • Search Panle
  • User menu Panel
  • Navigation Panel
  • Advanced Footer
  • Forum Cover Photo
  • Forum Icon
  • Facebook style Profile Cover Photo
• Included Add-on Modules
  • Donations
  • Mailinglist
  • Memberlist
  • Cookies
  • GDPR Compliance
  • Legal Agreements

Installation



XenvB4 installation is pretty easy if you follow the instructions below, step by step.

1. If you've installed any version (Alpha or Beta) of ProjectvB4, uninstall it !!
2. Unizip the file and upload all the files and folders from upload/ folder, to the directory where you've installed vBulletin. ATTENTION !!! If you've renamed your admincp/ directory, or if you've the admin files in a different directory, then you need to upload everything from admincp/ to your real admin directory.
3. Go to your admincp and first import the new style from Styles & Templates-> Download/Upload Style-> Import Style
   1. Browse and select the style/xenvb4-style.xml from your computer
   2. Let "Create a New Style" as is
   3. Just in case, is better to set "Ignore Style Version" to YES
   4. Let other settings as is
   5. Click Import
4. XenvB4 comes with a set of plugins and templates, so you need to import the product file. Select Plugins & Products-> Manage Products
5. Click Add/Import Product and select product-xenvb4.xml from your computer. Is good to set "Allow Overwrite" to YES.

Configuration



If XenvB4 installation was successful is time to configure it. First of all you must complete the follow steps which are important for XenvB4 operation.

1. XenvB4 add the default forum icon and forum cover to your existing forums, but you need to update the cache to see them working. If you don't do this, all your existing forums will not show any icon or cover. Goto Admincp-> Maintenance-> General Update Tools and Rebuild Forum Information.
2. Now is time to set User Profile Avatar and Cover Photo. I never understood the reason why these dimensions are not Global but per Usergroup. So you must edit one by one all your Usergroups and modify Picture Uploading Permissions with the values:
   1. Can Upload Profile Pictures : YES
   2. Can Upload Animated Profile Picture : NO
   3. Profile Picture Maximum Width : 1200
   4. Profile Picture Maximum Height : 340
   5. Profile Picture Maximum File-Size : 1024000
   6. Can Upload Custom Avatars : YES
   7. Can Upload Animated Avatar : NO
   8. Custom Avatar Maximum Width : 150
   9. Custom Avatar Maximum Height : 150
   10. Custom Avatar Maximum File-Size : 200000
3. Back to Maintenance-> General Update Tools and Rebuild Custom Avatar Thumbnails
4. At xenvb4/images/ you can overwrite the default images. Even if it's ok to use images with different dimensions, I highly recommend to use the default dimensions:
   1. email_logo.png (119 X 46)
   2. footer_logo.png (250 X 60)
   3. noavatar.png (150 X 150)
   4. nocover.png (1200 X 340) for both forum cover and profile cover.

Core Modifications



Depending on your configuration, may there are some changes that you need to do in core files. Unfortunately vBulletin license does not allows distribution of core files, so you must modify them on your own.

1.- HTML Emails
If you want to replace Text emails with HTML emails, you must edit the file: includes/class_mail.php
Line 285
Replace:
With:
Line 294
Replace:
With
PS: If you already did these changes before when you installed ProjectvB4, the only change on this file is line 294

2.- Editor Emoticons
If you want to hide the emoticons from the right side of the editor to earn some space in mobile view (emoticon will still be available from the button menu), you must edit the file includes/functions_editor.php. Open it with a text editor (not Word and similar), and change line 551
From:
To:
3.- Poll icon in Forum/Thread lists
To replace the Poll icon with a FA icon, your need to edit the file includes/functions_forumlist.php line 592
From:
To:

Hi Chris, I have a backup test board vb4.2.5 that I use for testing. I know its alpha I will go through it and report any errors. But one question what php version are you testing the style in?

I'm working it with 7.1. Currently my PHP code are simple queries, so you'll not have any problem, as long as your vB installation works.

Only in case that you want to use kh99 reCapatcha plugin, you can have issue. The original plugin works with 5.6. If you want to use it with PHP 7 you must apply the change that I wrote above and it will works fine.

so far this is what I have. I was never much a fan on the block category but for testing purpose. its ok but you see it's miss aligned.
Attachment 157675

and in showthread the paragraph is to close to the left.

Attachment 157676

but so far the direction you're going will resolve it..

Thank you for the feedback. The first issue is something that I haven't worked yet. Is to use replacement variables to replace icons with font-icons. Also I'll add a standard height for blocks so should not be a problem.

For the 2nd screenshot I can't understand what's wrong. Do you mean that the text is closed to the left line of blockquote?

Add to additional.css this code:

yes and the css didnt work

actually its not a quote. its regular post message

My bad. Should be without the dot infront. Also added !important to ignore other settings. And is better to add it to projvb/css/custom.css

If you see the page code, vBulletin includes the message in a block, like:
Don't ask me the reason, but this is what I've seen in a few times that I was using in my mods, vB editor.

alot better :up:

Attachment 157677

yes i seen that in firefox element and saw it.

I think it will be a wonderful development

I wish too :) ... I'm spending my full time for it, but I love what I see, so this gives me courage to continue. I do believe that should be a rebirth of vB4.

Hello dear
The modification after the experiment is very special
I am sure you will make it the best for VB4 return again
I have a problem viewing the forums watched the attachment
Best regards

I had the same issue. To resolve issue i had to rebuild bit-field and rebuild style information.

Each forum supports now a photo for header background and a font-icon. I've setup a default photo and a default icon, but don't know the reason, why the forum cache does not allows to show them. If you go to admincp-> Forums and just open each forum and click save, even by don't doing any change, the default icons should appear. Of course you can change them according to your needs.

Hello dear
I Cleaning the cache files and the problem was solved
But now I want to change the direction of the forums to the right-to-left.
Best regards

Please check the page output code (right click the page-> View source code) and check it at the top it has dir="rtl". I assume that it has. Then the problem is on the additional.css or projvb/css/custom.css where most probably I'll have float: left; or text-align:left.

I'll change them at the final version. But you can try to change on your own, just to be sure that the problem is there.

Hello
Unfortunately it didn't work out ... and no problem right now I can wait for the next release
Best regards

Tell me something. Except the text, do you see problem in the forum appearance? eg The top left forum, must be at top right (as first forum for you)?

This link is for checking it yourself

As I can't understand if the forum appearance is correct, I've highlighted one. As you've RTL this highlighted forum must be the 1st on queue. Is this true, or it's the 3nd (so the 1st on queue is on the left)?

Hello dear
The specified forum is number three

OK, i got it and I know the fix which will also fix other similar issues. It's the grid system. It start counting from left to right. But there is a special version bootstrap-arabic.min.css where the whole grid system works RTL.

Don't do anything now as you need the same version file. As you said, wait for the next release.

Thank you very much, dear, and waiting for the next release

But it works as responsive. Right? I mean that you can see it with your mobile to be good, even if there are issues with text format.

I have already seen it and it is very convenient
I will set it as default style after the next version

I've updated Bootstrap files and added a condition to headinclude, so according to your settings it will loads Bootstrap grid system LTR or RTL.

Sure needs extra changes to custom.css and additional.css, but all these as time comes.

This is the final modal profile. It has 3 tabs for Basic Info, Visitor Msg, Send PM. If user has no permissions to post a visitor message or PM, he'll see a "No permission" message, even if it came to my mind (I admit that I'm a bit teaser :) ) to show the form as normal, but the message will goes to the ... universe :)

Good or Bad, this is what I was able to do in profile page, spending my whole day. Just header and sidebar. Main section tomorrow.

Don't remember if vB4 supports user status message, but I added a simple one. Easy to add/update it in user panel, and appears to Modal Profile. I'll also add it to profile page.

I think these modifications are very appropriate in the initial releases
And the next is definitely the best
Thank you so much

And here is WGO, something that I forgot from Forum home. Without fancy colors and icons.

Now, I really need your help for testing purposes. It was so frustrated, when I realized yesterday that, after spending a full day working on Calendar, Albums, and Groups, I've forgot to change the links to member profile, to open the modal window, instead to redirect to full profile page.


That's why I'm kindling asking you to register in my site and try as most as you can the sections. What I want you to test are:

1. If the design is responsive
2. If the member link open the modal window instead to redirect to the profile page.
3. If a page has a sidebar, if the sidebar opens in the side panel.
4. Any other design mess.

I've started a forum "Testing ProjectvB4" which has prefixes for the above 4 options. This way you'll help me to speed up the realize.


Please note that currently I've install the Forum only version, so you'll not see any CMS or Blog page.


https://www.projectvb4.com/


Thank you
Chris

This looks like a great project you have going. Really looking forward to seeing it be developed.
I've always liked VB4, so it's nice to see that VB4 might get a new life with a new look.

Should have a new life, I'm sure for it. Especially if IB gives me the permission to modify core files to keep PHP compatibility. Actually I'm thinking to give them the full project to include it as default theme (with all extra features), if they accept to put it back to life.

I doubt they'll give you permission, even if vB4 is EOL (and has been for quite some time). And I definitely would not hand the project over to them.

I run a vB4 forum at the moment with a whole bunch of code changes and updated features and I wouldn't dream of handing the source over to IB.

Would you thinking about publish your version to the public ?

...Wrong post :) ...