Limit signature height via CSS

[HolyKiller]

This tiny hack will strictly limit signature height. It will take ALL things what the user have in the signature (no matter what is it ... text, image, video, code ... ) and it will crop it based on choosed value.

Original hack (https://vborg.vbsupport.ru/showthread.php?t=197825) was made by Mazinger (https://vborg.vbsupport.ru/member.php?u=171640), but it was a bit outdated and it didn't work for IE7, so there is a newone for vB 4.x :)


Installation:
Styles & Templates -> Style Manager -> Edit Templates -> edit additional.css

add following code:
.signaturecontainer {
max-height:200px;
_height: expression(this.scrollHeight > 200? "200px" : "auto" );
overflow:hidden;
}

Change the red number to anything you want :]

[HolyKiller]

reserved

[wally07]

Just what I was looking for! Thank you!!!

[Scans007]

Worked like a charm in vB 4.x - I tried like 6 plugins from all diff versions....this was so simple

Thanks so much!!

[WorldCraft]

Perfect! :)

[rfranklin]

Awesome! This will be very helpful. Thanks!

[acast]

Is any possibility of adding a scroll bar to the signature to see if we want the rest of the signature?

Like this old hack:
https://vborg.vbsupport.ru/showthread.php?t=110401&page=6&highlight=signature+scroll

[HolyKiller]

2 acast: Yes, just use overflow:auto; and it will show scrollbars if the signature larger that specified limit :]

[acast]

2 acast: Yes, just use overflow:auto; and it will show scrollbars if the signature larger that specified limit :]Thanks for your help, man ;)

[cvalk]

Thanks for this mod. I opted to use a scrollbar if the signature exceeds the permissable size and to disable the horizontal scroll. Here is the code in case it is useful to anyone else:


overflow: auto;
overflow-x: hidden;

[Emeralda]

I'm guessing there's no way to make it so opening a spoiler would increase the box automatically, instead of cutting it and using the overflow?

[HolyKiller]

Theoretically it shoudn't be a problem. It depends on your specific spoiler tag. Send me a source and i'll try to add a part which will override signature CSS :]

[kappeGF]

Is any possibility to setting this mod for specify usergroup?

[BUDIMAN]

Worked like a charm

[Toshinobu]

Works on 4.2 :) Thank you!

[legiondadon]

4.2 doesnt work nothing seems to happen..i have eTiKeT 2011 Postbit_Legacy installed

[trophiesonpsn]

Any idea what effect this might have on a spoiler bar opened to reveal content larger than the space allowed?

[jokergameth]

Works great with my vb4.1.5
Thank you /bow

[Dave]

A better alternative, with a scroll bar, would be:

.signaturecontainer {
max-height: 300px;
overflow-x: hidden;
overflow-y: auto;
}


It's always smart to avoid expressions in CSS.

[Dstephan]

A better alternative, with a scroll bar, would be:

.signaturecontainer {
max-height: 300px;
overflow-x: hidden;
overflow-y: auto;
}


It's always smart to avoid expressions in CSS.

This works well - but it adds a scroll bar to see the rest of the sig - I'd rather the sig just cut off so it looks bad and they want to change it. Is there a way to eliminate the scroll?

[Dave]

This works well - but it adds a scroll bar to see the rest of the sig - I'd rather the sig just cut off so it looks bad and they want to change it. Is there a way to eliminate the scroll?

You change the overflow values to hidden.

[RaiinbowEyes]

Works on v 4.2.2 :) Thank you so much, trying to let our users have freedom with signatures has lead to a nightmare of trying to also keep the size of signatures in check, this is perfect!

Only issue so far is it doesn't seem to work on Firefox. Works on Chrome and Safari, though. I'm using Firefox ESR so that may have something to do with it. I'm trying to find friends who have the regular Firefox to test it and see if it works for them.