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.

[Bieddos]

great resize

[anzo]

sorry, but this last version works fine in FF, but doesn't work in my IE 6.0
http://latforums.lv/showthread.php?t=635&page=32

I've set max-width to 600px instead of 95%, but still nothing...
any advice?

[Funky Diver]

Originally Posted by MarsNIIT

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

1) Open class_bbcode.php
2) line 1884 change


to

OK??? :P

I have the Lightbox Mod installed also, so I edited it to be the following,

PHP Code:

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


NOT ONLY do my images resize in the forum, now they transition cool as cucumbers from a fridge on a hot day. TOP NOTCH.

[Funky Diver]

Originally Posted by anzo

sorry, but this last version works fine in FF, but doesn't work in my IE 6.0
http://latforums.lv/showthread.php?t=635&page=32

I've set max-width to 600px instead of 95%, but still nothing...
any advice?

Then your code needs to read;

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

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

[smoknz28]

Installed on vB 3.6.4 :up:

Working under:
- Firefox v 1.5.0.9
- Internet Explorer 7.0.5730.11

Thanks for making this hack simple.

[PennylessZ28]

This is still the best method out there. PERIOD.

[MikeWarner]

Would it be possible to make each image a link which will open the full size version in a seperate browser?

[Zolo]

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

- there are many additional CSS defintions .. which one should be used?

- will this work with Firefox 2.0.0.1


Thank you & appreciate your help gents :up:

[Zolo]

I hope your mod will kill image resizing issue

[taydu]

I try every piece of code suggested here, non of there are working neither on IF of FF