signature size limit code for v5

[ehl8611]

Hi,

We had the following code in the global header during the previous version:

<style type="text/css">
.user_signature {
max-width: 500px;
max-height: 125px;
overflow: hidden;
}
</style>

The code automatically resized signatures that were more than 500 pixels wide or 125 pixels high. Does anyone know of a comparable code that can be used for v5? Thanks!

[Aaron]

My Signature Manager plugin will have this feature (completely customizable) in the next release which is scheduled for the end of this month.

[Shorty]

Just add this into your forums CSS.

div.signature img {
max-width: 500px;
max-height: 125px;
}

[?adwoman?]

Apr 23, 2013 15:39:53 GMT -8 Aaron said:

My Signature Manager plugin will have this feature (completely customizable) in the next release which is scheduled for the end of this month.

Can you ubbc edit in miniprofile/profile? Thank

[spiffshine]

Thank you Shorty! I used this, slightly modified so that signatures with stacked images would scroll, and it worked perfectly. No need for a plugin. Fantastic!

/* Taming massive signatures */
div.signature img {
  max-height:110px;
}

div.signature {
  max-width: 580px;
  max-height:120px !important;
  overflow:scroll;
}

(The height of the signature div must be 10px larger than the max-height of the images to allow for padding.)

[Shorty]

alright glad you got it.

[aRMY83]

Apr 23, 2013 15:48:17 GMT -8 Shorty said:

Just add this into your forums CSS.

div.signature img {
max-width: 500px;
max-height: 125px;
}

Hello Shorty

This may be the solution for me as I have way to many plugin's.

Thanks Shorty...

Edit: because of multiple themes, I did this and added it to the Global Header:

<style type="text/css">
div.signature img {
max-width: 500px;
max-height: 250px;
}
</style>

[Shorty]

May 3, 2013 5:39:07 GMT -8 aRMY83 said:

Apr 23, 2013 15:48:17 GMT -8 Shorty said:

Just add this into your forums CSS.

div.signature img {
max-width: 500px;
max-height: 125px;
}

Hello Shorty

This may be the solution for me as I have way to many plugin's.

Thanks Shorty...

Edit: because of multiple themes, I did this and added it to the Global Header:

<style type="text/css">
div.signature img {
max-width: 500px;
max-height: 250px;
}
</style>

That works too. Glad it helped.

[Liz]

May 3, 2013 5:39:07 GMT -8 aRMY83 said:

Apr 23, 2013 15:48:17 GMT -8 Shorty said:

Just add this into your forums CSS.

div.signature img {
max-width: 500px;
max-height: 125px;
}

Hello Shorty

This may be the solution for me as I have way to many plugin's.

Thanks Shorty...

Edit: because of multiple themes, I did this and added it to the Global Header:

<style type="text/css">
div.signature img {
max-width: 500px;
max-height: 250px;
}
</style>

That's very handy Army 

[aRMY83]

Thanks Liz

I just put this together and the reason is, that there seems to be so many ways to do image resizing via plugins / mod templates.

This is quite simple and especially if one has multiple themes as I do: (Global Header)

<style type="text/css">
/* Resize All in One Images - Global Header */
/* Signature - Posting Images - Avatar Quote */
div.signature img {max-width:500px; max-height:250px;}
div.message img {max-width:550px; max-height:550px;}
div.message .avatar_size_quote img {max-width:30px; max-height:30px;}
</style>

This All in One Image code will take care of Signature Image Resize/Posting Image Resize and Avatar Image Resize in Quotes.

Just remove any div. you do not want to resize.

Note: For the Posting Image Resize part of this code, you will not have the option of "This image has been reduced by 78.6%. Click to view full size."

[aRMY83]

It seems that the div.message .avatar_size_quote (Avatar Quote) was conflicting with the div.message img (Posting Image) so in place for all max-width and max-height is the !important rule.

<style type="text/css">
/* Resize All in One Images - Global Header */
/* Signature - Posting Images - Avatar Quote */
div.signature img {max-width:500px !important; max-height:250px !important;}
div.message img {max-width:550px !important; max-height:550px !important;}
div.message .avatar_size_quote img {max-width:30px !important; max-height:30px !important;}
</style>