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.

[acast]

That seems perfect. Thanksss

[m33n4]

it contract all the sig not only the pictures please fix it

[Mazinger]

Yes, it shall work that way, whatever in the signature won't appear.

[father guido]

Installed - thank you

[vBB-vietnam]

thank you. i think it work with IE . but not with Firefox
installed

[mohammadxxx]

hi
thanks for your nice job .

my forum is persian lang and my eng lang not working .
so I can't fine the style option!!!

[Mazinger]

Originally Posted by vBB-vietnam

thank you. i think it work with IE . but not with Firefox
installed

I'm on Firefox 3.0.4 and it's working with me. Are you sure you followed my instructions correctly?

Originally Posted by mohammadxxx

hi
thanks for your nice job .

my forum is persian lang and my eng lang not working .
so I can't fine the style option!!!

It's the page you edit style CSS & colors from.

[jayunsplanet]

I don't understand where "Then go to the style option and add these lines in the CSS" that is in reference to.

Do you put it in the "Additional CSS Definitions"?

[Mazinger]

Originally Posted by jayunsplanet

I don't understand where "Then go to the style option and add these lines in the CSS" that is in reference to.

Do you put it in the "Additional CSS Definitions"?

That's what I'm meant.