Forum Display Enhancements - Very simple image resize (CSS only)

Simply put this piece of code into "Additional CSS Definitions" under Style Manager -> Main CSS of the template you want this mod apply to.

/* BEGIN Image resize */
#posts IMG
{
    max-width: 700px;
    width: expression (this.width > 700 ? "700px" : true);
}

#collapseobj_threadreview IMG {
    max-width: 700px;
    width: expression(this.width > 700 ? 700: true);
}
/* END Image resize */

Tested with Firefox 1.5 and IE 6.0.

This works also with VBulletin > 3.0.0.

[OsMoSiS.it]

Originally Posted by pauloo

Thanks ! nice job

works with Firefox 1.5 but and not IE 6.0

Click here (post #829): http://www.elaborare.info/forum/vbul...135646&page=56

Do you see the image resized?

[transitbus]

If I may...

Try this instead. It works great in IE 6 & 7 and Firefox 1.5x

/* BEGIN Image resize */
#posts IMG
{
    max-width: 95%;
    height: expression(this.height > 1024 ? "1024px" : true);
    width: expression(this.width > 768 ? "768px" : true);
}

#collapseobj_threadreview IMG {
    max-width: 95%;
    height: expression(this.height > 1024 ? "1024px" : true);
    width: expression(this.width > 768 ? "768px" : true);
}
/* END Image resize */

[pauloo]

Thanks transitbus, it's very well

[principino1984]

finally a hack that works great... could you just add a code to restore the original size in a popup?

thanks

Marco

[MarsNIIT]

Originally Posted by transitbus

If I may...

Try this instead. It works great in IE 6 & 7 and Firefox 1.5x

/* BEGIN Image resize */
#posts IMG
{
    max-width: 95%;
    height: expression(this.height > 1024 ? "1024px" : true);
    width: expression(this.width > 768 ? "768px" : true);
}

#collapseobj_threadreview IMG {
    max-width: 95%;
    height: expression(this.height > 1024 ? "1024px" : true);
    width: expression(this.width > 768 ? "768px" : true);
}
/* END Image resize */

Fire fox 1.5 : OKey
IE 6.0: Okey
Ie 7.0 : Okey
All version're Okey !! So thx

But could you just add a code to restore the original size in a popup?

[MarsNIIT]

I found how to restore the original size in a new windows

1) Open class_bbcode.php
2) line 1884 change

return '<img src="' . $link . '" border="0" alt="" />';

to

return '<a target="_blank" href="' . $link . '"><img src="' . $link . '" border="0" alt="" /></a>';

OK??? :P

[smsmasters]

Works great, how do I get this to work with posts shown on the vbadvanced news page?

[R.Solutions]

Seems like i cant get it to work, sames images break up my post width.

[Endurer]

Thank you It works like a charm.

[Capper5016]

hmmmmm, the original seemed to work okay, but the one added later in the thread makes avatars in the posts disappear