vb.org Archive - Suite Style - vBulletin Modern Theme

Page 1 of 4

Show 40 post(s) from this thread on one page

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vBulletin 4.x Styles (https://vborg.vbsupport.ru/forumdisplay.php?f=247)

- - Suite Style - vBulletin Modern Theme - By Technidev (https://vborg.vbsupport.ru/showthread.php?t=321753)

Dave	02-07-2016 10:00 PM

vBulletin Modern Theme - By Technidev

1 Attachment(s)

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
https://vborg.vbsupport.ru/external/2016/02/16.png

https://vborg.vbsupport.ru/external/2016/02/17.png

https://vborg.vbsupport.ru/external/2016/02/15.png

Installation

Download attached .zip file and unzip somewhere.
Upload contents of the UPLOAD folder to the "images" folder of vBulletin.
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.

.

steviewonder44

02-08-2016 04:13 PM

nice job looks modern and clean

Sedat Altay

02-08-2016 05:24 PM

thanks

Troto

02-08-2016 08:37 PM

Beautiful!!!!

billstelling

02-09-2016 02:31 AM

Nice! I will install it when I get a chance and see what I can break.. lol

Max Taxable

02-09-2016 02:44 AM

Appears to be a mistake in the upload directory, I have many images being called at:

/images/technidev/modern/

But the upload only gives us /images/technidev/

See waterfall here, click on any of the red entries.

Not a super big deal, for me anyway as i can create the "modern" directory and then upload all of the sub-directories into that, but thought you might like to know about this apparent oversight.

Dave	02-09-2016 12:32 PM

Quote:

Originally Posted by Max Taxable (Post 2564500)

Fixed, uploaded new zip file. Thanks for the heads up.

TheLastSuperman

02-09-2016 01:17 PM

Ahh this is the one you posted preview pics of not long ago, sweeeeeeeeeeeeeet :D.

Thanks for sharing Dave, downloading now will give it a test run on localhost later today.

Dave	02-09-2016 01:47 PM

No problem. :D
Please test and let me know if I overlooked something that has to be fixed.

MarkFL

02-09-2016 05:18 PM

I installed this on my local dev site, and I must say it looks awesome! :)

So far it is playing nicely with all the products I have installed as well. :up:

The more I look, the more I like...and I will be sure to let you know if I find any issues.

Max Taxable

02-09-2016 05:49 PM

Quote:

Originally Posted by Dave (Post 2564517)

Fixed, uploaded new zip file. Thanks for the heads up.

That was the ticket - although I fixed this myself by creating the "modern" folder on the server the script was calling for, and uploaded the images there.

One little gripe and might be just me - but we cannot see the navbar options until we hover over them. Navbar is just white with white type for the options, until we hover, and only the ones that have a hover are ever visible..

https://vborg.vbsupport.ru/external/2016/02/14.jpg

Dave	02-09-2016 05:59 PM

That's weird, it doesn't show like that to me on a default vBulletin installation with the theme installed.
Do you know what class is making it turn white?

MarkFL

02-09-2016 05:59 PM

1 Attachment(s)

Quote:

Originally Posted by Max Taxable (Post 2564538)

I'm not experiencing that issue, the navbar displays correctly.

https://vborg.vbsupport.ru/attachmen...1&d=1455047976

Max Taxable

02-09-2016 06:01 PM

Quote:

Originally Posted by Dave (Post 2564539)

That's weird, it doesn't show like that to me on a default vBulletin installation with the theme installed.
Do you know what class is making it turn white?

I think because my default theme is dark, and you're calling the same stylevar there? Pretty sure this is just me and I just need to dig around and see what I can work out.

Max Taxable

02-09-2016 06:16 PM

I changed stylevar 'navbar_link_color' to #2b5071 and that got me my options visible, but now when we hover we lose the link color in the BG.

Elixar

02-10-2016 01:50 AM

<a href="https://vborg.vbsupport.ru/showthread.php?t=95910" target="_blank">https://vborg.vbsupport.ru/showthread.php?t=95910</a>

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.

MarkFL

02-10-2016 04:33 AM

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:

HTML Code:

.logo-image{

   margin-top: 10px;

   margin-left: 15px;

}

and changing it to:

HTML Code:

.logo-image img{

   margin-top: 10px;

   margin-left: 15px;

}

MarkFL

02-10-2016 06:15 AM

1 Attachment(s)

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:

HTML Code:

dl.stats dd{

   color: {vb:stylevar shadow_color};

}

HTML Code:

dl.stats dd{

   color: {vb:stylevar secondarycontent_color};

}

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

https://vborg.vbsupport.ru/attachmen...1&d=1455091863

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

HTML Code:

#view-visitor_messaging #above_postlist {

        margin-top: 0;

}

I didn't want to edit the selector already being applied since it could break something elsewhere. :)

Paulski01

02-10-2016 08:40 AM

This really is beautiful! Many thanks!

Dave	02-10-2016 12:35 PM

Thanks for the comments.
@MarkFL, thanks! I will apply it soon to the attachment.

Elixar

02-10-2016 03:12 PM

Dave, any thoughts why when I restrict the style, it breaks?

Dave	02-10-2016 03:29 PM

Quote:

Originally Posted by Elixar (Post 2564606)

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?

Elixar

02-10-2016 03:47 PM

Quote:

Originally Posted by Dave (Post 2564608)

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.

Dave	02-10-2016 05:29 PM

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.

Quote:

Originally Posted by Elixar (Post 2564611)

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?

MarkFL

02-10-2016 05:34 PM

Hey Dave,

I have been testing this with vB 4.2.1, so you can add that version as verified if you want. :)

davidg

02-10-2016 06:43 PM

Dave do you plan to port into vb3 ?

Dave	02-10-2016 06:48 PM

Quote:

Originally Posted by davidg (Post 2564626)

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.

Elixar

02-11-2016 01:26 AM

Quote:

Originally Posted by Dave (Post 2564621)

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. :(

Max Taxable

02-11-2016 02:19 AM

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.

https://vborg.vbsupport.ru/external/2016/02/13.jpg

Elixar

02-12-2016 04:42 AM

Quote:

Originally Posted by Dave (Post 2564621)

It has to be the plugin, but what could cause it to break really?

Skyrider

02-12-2016 07:19 AM

1 Attachment(s)

Here's a small background color issue with moderated posts/threads from moderation.php?do=viewposts&type=moderated (see attachment). It's quite unreadable (I've scrapped the text btw due to a few reasons). Color can be found at:

additional.css

Code:

.postbit, .postbitlegacy, .eventbit{

   background: #3b4b5b;

}

Also, very nice style!

Paulski01

02-12-2016 07:49 PM

Hi guys

I have the same issue and Skyrider (I think) but I'm gonna need somebody to help me explain in dummy terms how to fix it

https://vborg.vbsupport.ru/external/2016/02/11.png

Max Taxable

02-12-2016 10:26 PM

Quote:

Originally Posted by Skyrider (Post 2564704)

Code:

.postbit, .postbitlegacy, .eventbit{

   background: #3b4b5b;

}

I get #e5e8eb for this.... You might try changing this to that.

Paulski01

02-13-2016 08:11 PM

Quote:

Originally Posted by Max Taxable (Post 2564761)

I get #e5e8eb for this.... You might try changing this to that.

Thank you sir!

Dave	02-14-2016 12:27 AM

Going to release another version tomorrow with some fixes, thanks for the (bug) reports and improvements so far.
Also noticed that whenever people use plugins which make use of the copyright template hook, it will mess up in the footer. Will also fix that.

Dave	02-14-2016 07:16 PM

Uploaded a new version.

Fixed footer copyright div which added padding under the footer.
Changed the sidebar styling a little bit.
Changed some background colors which caused some things to look weird.

Nirjonadda

02-15-2016 02:15 PM

Does this style work with [DBTech] vBNavTabs - Navbar Tabs / Tab Management v1 (vB4)

Dave	02-15-2016 02:26 PM

Quote:

Originally Posted by Nirjonadda (Post 2564942)

Does this style work with [DBTech] vBNavTabs - Navbar Tabs / Tab Management v1 (vB4)

The second navbar will probably not display nicely, I think the other things should work and display fine.

Nirjonadda

02-15-2016 03:45 PM

Can be fix second navbar show issue?

Dave	02-15-2016 03:50 PM

Will probably be quite some work, unfortunately I don't plan on making a bunch of changes just for one plugin. Sorry.

All times are GMT. The time now is 12:52 AM.

Page 1 of 4

Last »

Show 40 post(s) from this thread on one page

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01630 seconds Memory Usage 1,832KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (2)bbcode_code_printable (5)bbcode_html_printable (13)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)pagenav (1)pagenav_curpage (2)pagenav_pagelink (1)post_thanks_navbar_search (1)printthread (40)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start pagenav_page pagenav_complete bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: