Board Optimization - Digital Point Better CSS

About
This is something we use on digitalpoint.com to make the CSS better and more efficient.

Installation

• Upload the contents of the upload folder to your installation
• Install the product-digitalpoint_css.xml product under AdminCP -> Plugins & Products -> Manage Products -> Add/Import Product

You can see a live version in action here (on any page really): http://forums.digitalpoint.com/

Details
Rounded Corners
vBulletin 4 only supports rounded corners for Firefox, Chrome and Safari. This plug-in makes rounded corners also work in Opera and Internet Explorer.

Gradients
It appends some CSS markup to your primary CSS file that makes use of CSS3 gradients (gradients defined right in the CSS file itself). vBulletin uses 5-7 gradient images per page view normally, and this eliminates the need for the browser to download those images. CSS3 gradients are supported in Safari, Firefox, Opera and Chrome. For browsers that don't support CSS3 gradients, they will simply fall back to the normal image-based CSS gradients that vBulletin uses by default.

Notes
This plug-in is useful for sites that use vBulletin 4 default styles, or at least styles that utilize the same classes and methods for doing things within the CSS files.

This plug-in does NOT add any extra CSS files, nor does it edit your existing ones. Instead it appends some new info to the end of your main CSS file that comes from it's own template. It also adds an attribution link.

You can find more info here: http://products.digitalpoint.com/vbulletin-css.php

Changes
1.0.2

• CSS3 Gradient support for IE10 (early, I know... but it's there)
• Handles gradients in vB Suite Blog and CMS
• Works properly for CSS stored as files

Uninstallation: Automatic uninstallation is a bit of a catch 22... you need to compile templates to uninstall it, but vBulletin has no function built in to compile a group of templates. So uninstalling it removes the code needed to uninstall before the uninstall code is executed. So in order to uninstall this, disable just the one plug-in that is part of this product at the template_compile location, and then run Compile CSS Templates option under AdminCP -> Maintenance -> Update Counters. Once you do that, you can uninstall the whole product without any problems.

[digitalpoint]

Originally Posted by MrD

Hi Shawn,
i have a Problem with the Headerlogo.
My Logo are 2 Pieces and the 2. is not displayed after Addon install.
The Logo is defined as Header Beckground in the Stylevars.

What's the URL of your site?

[EvilArcana]

Shawn,

Just installed this and the DPSphinx search over at my site: cartographersguild.com

Very nice. I'm seeing that it worked...but the colors of the gradients are all wrong...Is that due to stylevars? What do I need to change to get the colors back to my customized values? What I had done in the past is modify the colors of the gradient images. Is that not supported by this mod?

[digitalpoint]

No sorry... if you have modified how the default gradients work this addon will not help. It only replaces default gradients, not custom ones.

[EvilArcana]

Is there any hacking I can do to modify the gradients your addon is placing? If so, what files do I edit? As you can see if you visit the site...they actually don't look too bad.

[digitalpoint]

Originally Posted by EvilArcana

Is there any hacking I can do to modify the gradients your addon is placing? If so, what files do I edit? As you can see if you visit the site...they actually don't look too bad.

The gradients are CSS based, so there's no real "hacking" them. If you have custom gradients, you may just want to define those custom ones as CSS gradients within your style.

[Alfa1]

It would be nice to have CSS3 for custom gradients and sprites for icons.

[satlazone]

hi

<vb:if condition="is_browser('webkit')">	background:{vb:stylevar header_background.backgroundColor} -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(50, 50, 50, 0.3)), color-stop(0.25, rgba(50, 50, 50, 0))) !important;</vb:if>

this line removes my header background ("url(images/side.jpg)")
It happens only with chrome.

I have just commented it out for temporary fix.
How to fix?

[okokok]

Hello,

I installed this plugin. Now, by disabling it, my whole forum is completely broken. How perfectly uninstall this plugin please? Point by point for beginners. Thank you.

[okokok]

Originally Posted by The Vegan Forum

I need to deinstall this product ASAP, since it has messed up some Stylevar-functionality. But I have no idea what "disable just the one plug-in that is part of this product at the template_compile location" means. Can anyone please explain? Thanks.

Originally Posted by sivaganeshk

@Vegan: I think , it is AdminCP ---> Plugin and Products ---> Plugin Manager . Under the Product : Digitalpoint CSS, you will see template_compile location ---> Uncheck the Active and save. Follow the remaining steps.

I did it but it does not work!!! Help please

I ** may have been wrong somewhere ... Could you be more specific on how to completely deactivated this plugin and find my template as before? thank you

[satlazone]

it does break the css validation