CSS Signature Size Enforcer

Product Name:
Signature Size Enforcer

Product Description:
Ever get tired of problem users with half-page long signatures and of policing signature size rules by hand? This mod might be just what you are looking for.

This product wraps signatures in a <div> and forces the sig to a maximum height (in pixels) with CSS. If their sig goes over the maximum height, the sig area is limited to the specified height. Optionally, you can choose to have a vertical scroll bar displayed for the overflowing signature.

This product requires no template changes or file modifications at all. It is all done automagically in the plugin.

Contents:
This package includes:
2 Plugin:
"Add CSS code to vBulletin": Adds CSS code to the global CSS header.
"Put Signature in a <div>": Wraps the signature inside a <div> with the CSS class defined above.

1 Phrase:
sigsizecss: holds the CSS code to be added. In this product, it creates a class called "sizedsig" that will be used for the sig <div>

2 Option/Setting:
maxsigsize: (group "Signature Sizing"): This is the maximum size, in pixels, a signature is allowed to grow.

sigsizescroll: (group "Signature Sizing"): [yesno] Option to add scroll bars to the oversized signatures, or to just clip the signature.

Installation Instructions:

Step 1: Import the product .xml file (attached here)

Step 2: Change the "maxsigsize" option to your desired maximum signature size. This number is in pixels. The default is "150".

Step 3: Change the "sigsizescroll" option to yes to add scroll bars to oversized signatures, or no to just clip the region with no scroll bars.

Step 4: Enjoy.

Version History:
version 0.9 - Initial release]
version 0.91]
Added option to choose scroll bars.

[sinaluna]

Opera have always given me the most problems when CSS is concerned.

Same here. Kept throwing up grayed out horizontal scroll bars until I got the order of things just right. IE does not have max-height: and the work arounds for that confused opera. Early versions of Firefox were also flakey.

If you use this in combination with the "Extended Signature Limits" hack, you can control almost all aspects of the signatures... if they find a way to break your line limit, tada!

Oh, good idea...

[Lineman28645]

not bad idea but i dont like the idea of that bar being in the signature.

[NR Fatal]

Originally Posted by Lineman28645

not bad idea but i dont like the idea of that bar being in the signature.

same here, anyway to just Cut off their sig or give them an error when they add a sig too big?

[Freesteyelz]

To simply cut it off just replace "auto" with "hidden".

[sinaluna]

Hmmm, I can make this an vBulletin option to either add scrolls or just cut it off. Let me think about it. Would anyone use this if I added it?

[Freesteyelz]

I think it'll be a good idea. With my mod, by default the oversized signature area is cut off. To add a scrollbar users have to edit the template. Since your version is via plugin and Admin CP intergrated people could really benefit from it as it gives them options.

[sinaluna]

Just uploaded version 0.91 which adds an option to choose whether or not to display scroll bars on oversized signatures. Thanks to Freesteyelz and others for the suggestion.

As always, please let me know if there are any problems or suggestions on this product. Hope you enjoy it.

[ThePimp]

Can this be modified to do Height / Width?

[sinaluna]

Can this be modified to do Height / Width?

Discussed this above in this thread here Im not planning on adding width to the standard hack unless there a huge demand for it. A set width would not work well with many styles, so I can see it making the hack incompatible. If there is enough interest, however, I can add some more conditional stuff and add width.

[Sim9]

Good plugin!

I'd like to add my vote for width support. I added it in myself using this code for sizedsig (width limited to 500 pixels):

<style>
<!--
.sizedsig {
max-height:{1}px;
max-width:500px;
height:expression(this.scrollHeight > {1}? "{1}px" : "{2}" );
width:expression(this.scrollWidth > 500? "500px": "auto" );
overflow:{2};
overflow-x:hidden;
}
// -->
</style>

This seems to be compatable with IE and FireFox (untested in Opera).