Register Members List Search Today's Posts Mark Forums Read

Reply
 
Mod Options
Prevent Oversized Images Breaking Message Tables & Sigs 2.1 Details »
Prevent Oversized Images Breaking Message Tables & Sigs 2.1
Mod Version: 2.1, by Freesteyelz (Member) Freesteyelz is offline
Developer Last Online: Apr 2010 I like it Show Printable Version Email this Page

This modification is in the archives.
vB Version: 3.5.3 Rating: (0 vote - 0 average) Installs: 125
Released: 14 Mar 2006 Last Update: 15 Mar 2006 Downloads: 65
Not Supported Template Edits  

Description: Using the CSS "overflow" attribute you can prevent large images from breaking your message column. This helps extremely for the people who use fixed widths. Images that display larger than the message column width will show a horizontal bar.

But it has already been done: Yes, but the other (non) CSS methods affect the overall performance of the forum. The CSS method previously provided required editing a .php file. Plus, in Internet Explorer both the horizontal and vertical scrollbar displayed. This method eliminates the vertical scrollbar. The modification only requires editing the postbit and/or postbit_legacy template and Main CSS.

What else to expect: The horizontal scrollbar will affect the entire post of the oversized image. That's the nature of the modification. No biggie.

Targeted Layout Type: Fixed width layout

Browsers tested: Internet Explorer and Firefox

Compatible vB versions: 3.5.3, 3.5.4, 3.5.5 and 3.6+

Thank yous: CyberAlien (Correction on ID to Class); kennn (PM resize - conditional code below)



Optional Modifications Added (3.14.06)!:
A) Signature (Cuts off oversized signatures in message bits by width & height.)

B) vBadvanced Newsbit (Same like the original, just with vBadvanced.)

C) vBadvanced Newsbit Signatures (Same like the original signature mod, just with vBadvanced.)

D) Private Message conditional posted by kennn (click here to post)

-----------------

Finally, let's edit!
(Or you can download the .txt file for the installation instructions)

1. Back up your templates!

2. In your postbit or postbit_legacy template find this or something similar to:


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Replace it with:


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

3. Click "Save".

4. In Main CSS go to the bottom at Additional CSS Definitions and add code bit:


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

5. Change the width "700px" to whatever you want. All other settings keep.

6. Click "Save".

7. Click if you use it.

Finished!


*For those of you who use a fluid layout take a look at this post. Thanks 007 for sharing.


=====================

Optional Modifications (Below)!!!:

*The 3 (A, B & C) optional modifications below follow the same steps as above with the exception of #2, #4 and #5.

A) For Signatures (Hide Oversized Images width & height):

2. In your postbit or postbit_legacy template find this or something similar to:


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Replace it with:


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

4. In Main CSS go to the bottom at Additional CSS Definitions and add code bit:


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

5. Change the width "700px" and height "400px" to whatever you want. Signatures (text or image) that exceed either width or height limit will be cut off. This code does not affect the message Table. Keep the remaining codes the same.

*If the center tag doesn't work in the signature after implementing the code above see this post for the solution.

---------------------------------

B) For vBAdvanced Newsbits:

2. In your vBadvanced CMPS Templates --> adv_portal_newsbits template find this or something similar to:


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Replace it with:


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

4. In Main CSS go to the bottom at Additional CSS Definitions and add code bit:


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

5. Change the width "700px" to whatever you want. All other settings keep.

---------------------------------

C) For vBAdvanced Newsbits (Signature):

2. In your vBadvanced CMPS Templates --> adv_portal_newsbits template find this or something similar to:


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Replace it with:


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

4. In Main CSS go to the bottom at Additional CSS Definitions and add code bit:


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

5. Change the width "700px" and height "400px" to whatever you want. Signatures (text or image) that exceed either width or height limit will be cut off. This code does not affect the vBadvanced message Table. Keep the remaining codes the same.

*If the center tag doesn't work in the signature after implementing the code above see this post for the solution.

Finished (Once More)!

7. Click if you use it.

Download Now

Only licensed members can download files, Click Here for more information.

Show Your Support

  • To receive notifications regarding updates -> Click to Mark as Installed.
  • This modification may not be copied, reproduced or published elsewhere without author's permission.
  #91  
Old 26 Jun 2006, 11:40
Bernd Bernd is offline
 
Join Date: Apr 2005
I have noticed that this hack does not resize images when replying to a post. When replying, the firs\original post is usually listed below the reply box. If that post contains a large image, it will not resize.

How can this be fixed?

Thanks in advance.

Last edited by Bernd; 26 Jun 2006 at 11:55.
Reply With Quote
  #92  
Old 27 Jun 2006, 22:51
Freesteyelz's Avatar
Freesteyelz Freesteyelz is offline
 
Join Date: Jan 2006
The hack only adds a scrollbar if an enlarge image is posted on fixed width layouts; it doesn't resize them.
__________________


Reply With Quote
  #93  
Old 28 Jun 2006, 17:46
dinodonk dinodonk is offline
 
Join Date: Aug 2005
can we use this ??

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

so no need to edit another css
Reply With Quote
  #94  
Old 28 Jun 2006, 21:43
Bernd Bernd is offline
 
Join Date: Apr 2005
Originally Posted by Freesteyelz
The hack only adds a scrollbar if an enlarge image is posted on fixed width layouts; it doesn't resize them.
Right, it doesn't do that neither when replying to a post that contains an image that is too large, so the issue still stands
Reply With Quote
  #95  
Old 28 Jun 2006, 22:40
Freesteyelz's Avatar
Freesteyelz Freesteyelz is offline
 
Join Date: Jan 2006
@dinodonk: If it works, sure.

@Bernd: Can you please give me a screenshot and the codes you layed out so I can help with resolving the issue.?

I just tested it and for me it's working in IE and Firefox (screenshot here). The second post is a quote of the first post.
__________________


Reply With Quote
  #96  
Old 29 Jun 2006, 10:11
Bernd Bernd is offline
 
Join Date: Apr 2005
http://www.c4dportal.com/issue/newreply.php.htm

Here is a screenshot (scroll all the way down). And thanks.
Reply With Quote
  #97  
Old 30 Jun 2006, 02:50
Freesteyelz's Avatar
Freesteyelz Freesteyelz is offline
 
Join Date: Jan 2006
Ahh, that's what you meant.

It's not an issue as that was never part of the modification. Nevertheless, try either these two codes to correct the reviewbit:

Assuming you already have the hack installed...In "newreply_reviewbit" template find:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

And replace it with:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

or


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

I use the latter on my forum. The "hidemsg" then inherits whatever setting you use for the postbit pages.
__________________


Reply With Quote
  #98  
Old 19 Aug 2006, 09:59
Nuguru's Avatar
Nuguru Nuguru is offline
 
Join Date: Jun 2006
Question Resizing oversized images also resizes forum messages, etc...

Hello Everyone,

First of all I really like this hack. However I just noticed that the width that its set to becomes the width of all forum posts regardless of having a oversized image or not as well as the width of PM's.

So this hack seems to be affecting the width of not just all forum posts but also PM's.

Is there a way to fix the width of forum posts that don't have oversized images and PM's without losing the ability to have the scroll bar on posts with oversized images?


Thank You,

Nuguru
Reply With Quote
  #99  
Old 20 Aug 2006, 09:10
Freesteyelz's Avatar
Freesteyelz Freesteyelz is offline
 
Join Date: Jan 2006
Hmm...Those are good questions that I didn't really consider for this mod. I believe you can use a conditional for the PM's in the postbit such as:


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

As for the width settings I don't think there's a way to do it by a template edit; unless there's a Javascript code that deciphers when images appear oversized versus regular posts. Though, if you're going to do that then you may want to consider the 3.6 image resize mod in the Addon section.
__________________


Reply With Quote
  #100  
Old 23 Sep 2006, 19:36
Mudvayne's Avatar
Mudvayne Mudvayne is offline
 
Join Date: Dec 2005
Real name: Mudvayne
Edit: Fixed.. I miss Private Message conditional posted by kennn

Last edited by Mudvayne; 23 Sep 2006 at 19:46.
Reply With Quote
  #101  
Old 07 Feb 2007, 01:57
mauro1947 mauro1947 is offline
 
Join Date: Nov 2006
Hi!
@Freesteyelz: Can you take a look at my forum (i'm having problem with large images)?
If you can, i will send you a PM with the information.
Thanks a lot
Reply With Quote
  #102  
Old 13 Mar 2007, 10:33
StarshipTrooper StarshipTrooper is offline
 
Join Date: Jan 2004
Thumbs up

Originally Posted by Nuguru View Post
Hello Everyone,

First of all I really like this hack. However I just noticed that the width that its set to becomes the width of all forum posts regardless of having a oversized image or not as well as the width of PM's.

So this hack seems to be affecting the width of not just all forum posts but also PM's.

Is there a way to fix the width of forum posts that don't have oversized images and PM's without losing the ability to have the scroll bar on posts with oversized images?


Thank You,

Nuguru
Hi,

Yes, there is... by editing vBulletin's IMG code tag.

Edit this file (make a backup first): upload\includes\class_bbcode.php

*** Replace ***


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

*** With ***


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

That will fix it. Only the picture width is affected; not the width of the rest of the message text. Also, this updates the IMG code in all parts of the forum: posts, PM's, siggies, and extensions like vbPortal and vBAdvanced.

Regards,

Nathan
Reply With Quote
  #103  
Old 01 May 2007, 01:32
sumacbob sumacbob is offline
 
Join Date: Apr 2007
Great mod, thanks.

One thing I noticed and it may have been something I have or haven`t done. When replying to a thread/post with an oversize image, it appears full size thus breaking the layout and sending everything all over the place!

It works fine otherwise, just doesn`t when replying.
Reply With Quote
  #104  
Old 30 Mar 2009, 17:56
RTMdotORG RTMdotORG is offline
 
Join Date: Dec 2008
can we get this for 3.8?
Reply With Quote
Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Mod Options

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off


New To Site? Need Help?

All times are GMT. The time now is 19:35.

Layout Options | Width: Wide Color: