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.

[nervous]

i solved the problem.If you use this (vBSEO :: Conditional Signatures ) plugin signature are not seen. sory my bad english

[KubisForce]

Good plugin. Thanks

[arindra]

very pretty and simple mod

[bada_bing]

Any updates on adding support for width?

[noj75]

Hi,

[high]* noj75 Clicks Install
[/high]

Just one thing. You may want to edit the product file:

		<phrasetype name="GLOBAL" fieldname="global">
			<phrase name="sigsizecss"><![CDATA[<style>
<!--
.sizedsig {
max-height:{1}px;
height:expression(this.scrollHeight > {1}? "{1}px" : "{2}" );
overflow:{2};
overflow-x:hidden;
}
// -->
</style>]]></phrase>

The style needs a "type" attribute for xhtml validation:

		<phrasetype name="GLOBAL" fieldname="global">
			<phrase name="sigsizecss"><![CDATA[<style type="text/css">
<!--
.sizedsig {
max-height:{1}px;
height:expression(this.scrollHeight > {1}? "{1}px" : "{2}" );
overflow:{2};
overflow-x:hidden;
}
// -->
</style>]]></phrase>

Took me ages to find what was breaking my xhtml validation. I eventually found it in your product file. Made the edit and re-uploaded and all is now xhtnl valid.
Hope that helps you. Thanks for a great hack.

Kindest regards.

[sinn3d]

Thanks for this nice plugin! Works perfectly.

[The Notorious]

This works for 3.6?

[sinaluna]

Checking on my test forum now. Ill get back to you in a day or so, but I think it should work.

[The Notorious]

Originally Posted by sinaluna

Checking on my test forum now. Ill get back to you in a day or so, but I think it should work.

Thanks, will be waiting.

[DimensionZero]

This works like a charm on 3.6!
Thanks!