Register Members List Search Today's Posts Mark Forums Read

Reply
 
Mod Options
vBulletin Modern Theme - By Technidev Details »
vBulletin Modern Theme - By Technidev
Mod Version: 1.0.3, by Dave (Moderator) Dave is offline
Developer Last Online: Feb 2019 I like it Show Printable Version Email this Page

vB Version: 4.2.x Rating: (19 votes - 4.89 average) Installs: 87
Released: 08 Feb 2016 Last Update: 16 Apr 2016 Downloads: 815
Supported Additional Files Re-usable Code  

Mark as installed = get support.

Information
This theme is based on the mock-ups made by a former IB/vBulletin employee. I don't have any names unfortunately.
This style has been tested on Microsoft Edge, Firefox 43, Chrome 48.
This style supports vBulletin's suite. (CMS/blog/articles)
This style should work fine on resolutions with a width of at least 900 pixels.
This style works best with postbit_legacy (vertical postbit).
This style has been confirmed working on the following versions but should work on most vBulletin 4 versions: 4.2.1, 4.2.2, 4.2.3, 4.2.4, 4.2.5.

Please post any bugs, mistakes or improvements in this thread.
I also added an additional feature to it which is the quote expander, it will do that to any quote of which the height is more than 250 pixels.

Screenshots






Installation
  1. Download attached .zip file and unzip somewhere.
  2. Upload contents of the UPLOAD folder to the "images" folder of vBulletin.
  3. Import the .xml file in the IMPORT folder at AdminCP > Styles & Templates > Download / Upload Styles > Import Style XML File. Make sure to check "Ignore Style Version".

Change Log
v1.0.3: Fixed width of forum title being too big.

How to modify the footer?
Open the footer template and scroll down. You will see the divs that contain the hyperlinks, description and social media hyperlinks.

How to modify the logo?
Modify the "titleimage" style variable.
AdminCP > Styles & Templates > Style Manager > vBulletin Modern > Style Variable Editor > titleimage.

How to remove the quote expand functionality?
Modify the "showthread" template and scroll all the way down until you see the script that does this and remove it.

How to change the height of the quote expand functionality?
Modify the "showthread" template and scroll all the way down until you see the script that does this and modify all "250" to your desired height.

==
Like this theme and want to support me for more themes in the future? Donations of any amount are welcome.
Are you using this theme as a default theme on your forum? Post your forum link here, I'd love to check out your forum.

.

Download Now

Only licensed members can download files, Click Here for more information.

Show Your Support

  • To receive notifications regarding updates -> Click to Mark as Installed.
  • If you like this modification support the author by donating.
  • This modification may not be copied, reproduced or published elsewhere without author's permission.
Similar Mod
Mod Developer Type Replies Last Post
Forum Style IP.Board Style Red - By Technidev Dave vBulletin 4.x Styles 97 07 Mar 2017 14:39
Forum Home Enhancements Twitch Streams Block - By Technidev Dave vBulletin 4.x Add-ons 10 18 Oct 2015 07:12
Forum Style Mirry Theme - Blue/Red/Green - By Technidev Dave vBulletin 4.x Styles 2 17 Aug 2015 01:52

  #16  
Old 10 Feb 2016, 03:50
Elixar's Avatar
Elixar Elixar is offline
 
Join Date: Jan 2014
http://www.vbulletin.org/forum/showthread.php?t=95910

As soon as I restricted this style to a usergroup, the theme ended up breaking pretty much and has all the links, but reverted to the default style.
Reply With Quote
  #17  
Old 10 Feb 2016, 06:33
MarkFL's Avatar
MarkFL MarkFL is offline
 
Join Date: Feb 2014
Real name: Mark
Hey Dave,

I noticed that when clicking the "Top" link at the bottom of the page, you are not quite taken to the top of the page. The "margin-top: 10px;" attribute applied to the anchor tag containing the logo image is the culprit. If that CSS is applied to the image within the anchor tag instead, then it works correctly and looks the same. This involves locating the selector in the "additional.css" template:


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

and changing it to:


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

__________________
Former vBulletin.org Staff Member



Support for my products (as well as updates/new product publishing) has been moved to MHB - vBulletin Products and TAZ - Add-ons
Reply With Quote
  #18  
Old 10 Feb 2016, 08:15
MarkFL's Avatar
MarkFL MarkFL is offline
 
Join Date: Feb 2014
Real name: Mark
Here are a couple of other changes I recommend:

ON user profile pages, the text within <dd></dd> elements is too light. I changed (in "additional.css") the following selector:


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

to


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Next, I notice the page control above the visitor messages has an unneeded top margin:



The fix for that is to add to "additional.css":


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

I didn't want to edit the selector already being applied since it could break something elsewhere.
Attached Images
File Type: png vbmodern_vmpages.png (2.1 KB, 279 views)
__________________
Former vBulletin.org Staff Member



Support for my products (as well as updates/new product publishing) has been moved to MHB - vBulletin Products and TAZ - Add-ons
Reply With Quote
  #19  
Old 10 Feb 2016, 10:40
Paulski01 Paulski01 is offline
 
Join Date: Nov 2015
This really is beautiful! Many thanks!
Reply With Quote
  #20  
Old 10 Feb 2016, 14:35
Dave Dave is offline
 
Join Date: Jun 2010
Real name: Dave
Thanks for the comments.
@MarkFL, thanks! I will apply it soon to the attachment.
__________________
https://technidev.com - security, development, exploits, vBulletin
dave[at]technidev[dot]com

Contact me for custom vBulletin 3/4 work & server/website management.
Reply With Quote
  #21  
Old 10 Feb 2016, 17:12
Elixar's Avatar
Elixar Elixar is offline
 
Join Date: Jan 2014
Dave, any thoughts why when I restrict the style, it breaks?
Reply With Quote
  #22  
Old 10 Feb 2016, 17:29
Dave Dave is offline
 
Join Date: Jun 2010
Real name: Dave
Originally Posted by Elixar View Post
Dave, any thoughts why when I restrict the style, it breaks?
I'm not sure, it's just like any other style that's released here. Does it work fine as a normal style that can be selected from the style list?
__________________
https://technidev.com - security, development, exploits, vBulletin
dave[at]technidev[dot]com

Contact me for custom vBulletin 3/4 work & server/website management.
Reply With Quote
  #23  
Old 10 Feb 2016, 17:47
Elixar's Avatar
Elixar Elixar is offline
 
Join Date: Jan 2014
Originally Posted by Dave View Post
I'm not sure, it's just like any other style that's released here. Does it work fine as a normal style that can be selected from the style list?
Yep, it's just visible to the main Admin usergroup.
Reply With Quote
  #24  
Old 10 Feb 2016, 19:29
Dave Dave is offline
 
Join Date: Jun 2010
Real name: Dave
Uploaded a new version with some fixes thanks to MarkFL.
Also changed the avatar div background color of visitor messages on the profile page of members.

Originally Posted by Elixar View Post
Yep, it's just visible to the main Admin usergroup.
Hmm I'm not sure then. Could be because of the plugin you're using?
__________________
https://technidev.com - security, development, exploits, vBulletin
dave[at]technidev[dot]com

Contact me for custom vBulletin 3/4 work & server/website management.
Reply With Quote
  #25  
Old 10 Feb 2016, 19:34
MarkFL's Avatar
MarkFL MarkFL is offline
 
Join Date: Feb 2014
Real name: Mark
Hey Dave,

I have been testing this with vB 4.2.1, so you can add that version as verified if you want.
__________________
Former vBulletin.org Staff Member



Support for my products (as well as updates/new product publishing) has been moved to MHB - vBulletin Products and TAZ - Add-ons
Reply With Quote
  #26  
Old 10 Feb 2016, 20:43
davidg davidg is offline
 
Join Date: Apr 2010
Dave do you plan to port into vb3 ?
Reply With Quote
  #27  
Old 10 Feb 2016, 20:48
Dave Dave is offline
 
Join Date: Jun 2010
Real name: Dave
Originally Posted by davidg View Post
Dave do you plan to port into vb3 ?
Probably not, it will be quite some work to port it to vB3 and I also don't have the time to do so.
__________________
https://technidev.com - security, development, exploits, vBulletin
dave[at]technidev[dot]com

Contact me for custom vBulletin 3/4 work & server/website management.
Reply With Quote
  #28  
Old 11 Feb 2016, 03:26
Elixar's Avatar
Elixar Elixar is offline
 
Join Date: Jan 2014
Originally Posted by Dave View Post
Uploaded a new version with some fixes thanks to MarkFL.
Also changed the avatar div background color of visitor messages on the profile page of members.



Hmm I'm not sure then. Could be because of the plugin you're using?
I'm not sure why this would conflict.
Reply With Quote
  #29  
Old 11 Feb 2016, 04:19
Max Taxable's Avatar
Max Taxable Max Taxable is offline
 
Join Date: Feb 2011
I Fixed my little unique issue elegantly I might say. Made the navbar BG match the CSS global BG and all is Joy. Reverted my earlier stylevar edit first.

Reply With Quote
  #30  
Old 12 Feb 2016, 06:42
Elixar's Avatar
Elixar Elixar is offline
 
Join Date: Jan 2014
Originally Posted by Dave View Post
Uploaded a new version with some fixes thanks to MarkFL.
Also changed the avatar div background color of visitor messages on the profile page of members.



Hmm I'm not sure then. Could be because of the plugin you're using?
It has to be the plugin, but what could cause it to break really?
Reply With Quote
Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Mod Options

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off


New To Site? Need Help?

All times are GMT. The time now is 22:17.

Layout Options | Width: Wide Color: