Show Thread Enhancements - Control signatures height per pixel with CSS

This mod will help you determine a fixed height for signatures in posts with CSS to prevent members from having a large annoying signature. (it will cut from the signature and hide the rest of it) - screenshot attached.

Long signatures and signatures with alot of images will not be an issuse anymore!


INSTALLATION


EDIT postbit OR postbit_legacy (which you use) and search for:

$post[signature]

Replace it with

<div class="fixedsig">$post[signature]</div>

Then go to the style option and add these lines in the CSS

.fixedsig {
max-height:250px;
height:expression((document.documentElement.clientHeight) > 250? "250px" : "100%");
overflow:hidden;
}

You can change the 250 to the height you want (per pixels)

And you're done!


SUPPORT


Please click Mark as Installed if you want to get support for this mod.

[Mazinger]

I would recommend using an image resizer mod for this.

[trotskid]

ImageResizer don?t works very well on my forum (3.8.1) :S. Instead of this I use Resize IMG tag with Highslide but only for images.

Thanks anyway, and thanks also for this hack

[HolyKiller]

Originally Posted by Mazinger

I would recommend using an image resizer mod for this.

This is 100% better cos this restriction crop (or scrool) EVERYTHING, not only IMG tags. Even texts, hyperlinks, quote/code bars ... everything. So the signature is strictly cut everything larger than XXX px.

Love this hack

[Mazinger]

Love your comment too.

[Pteppic]

I'm getting different problems with IE and Firefox. In the former, the signatures that are within the limit are stretched to fit it. This is not a problem in Firefox, although youtube videos embedded in signatures (by specialised bbcode) bleed over into the post below (or whatever's there). I suppose the embedding html overrides the mod somehow, but as a complete CSS noob, I haven't a clue how to fix it, and the IE stretching thing I can't figure out at all. (Screenshots attatched)

[Mazinger]

I think my mod have no control over flash objects in Firefox, may be there's something that can be done to solve it - I don't it now, sorry!

[Pteppic]

Well, necessity is the mother of invention , and I managed to find some solutions on my own - I set the wmode parameter in the embedding code to opaque and used "this.scrollHeight" in the css instead of "(document.documentElement.clientHeight)".

[Mike08]

Originally Posted by trotskid

Thank you Mazinger!

It?s posible to limit also the width?

Greetings

Originally Posted by Mike08

Thanks!!! It works!

I needed a code to modify the width of the signature. So with your permission I have adapted to modify the code in height and width.

Here it is. Example with 800x300px.

.fixedsig {
max-width:800px;
width:expression((document.documentElement.clientWidth) > 800? "800px" : "100%");
overflow:hidden;

max-height:300px;
height:expression((document.documentElement.clientHeight) > 300? "300px" : "100%"); }

Here it is

****IMPORTANT: Place this code at very top of CSS.

[EvilJohn]

Thank you. Works very well. :up:

[HayleyP]

I used the "scroll" instead of "hidden" but how do I make it so if the signature is the right size, you can't see the scroll bars?