Web Wiz Forums Modifications - Automatic resize pictures for mobile view

Print Page | Close Window

Automatic resize pictures for mobile view

Printed From: Web Wiz Forums
Category: Web Wiz Web App Support Forums
Forum Name: Web Wiz Forums Modifications
Forum Description: Mod's and Add-on's for Web Wiz Forums.
URL: https://forums.webwiz.net/forum_posts.asp?TID=29167
Printed Date: 28 March 2026 at 6:02am
Software Version: Web Wiz Forums 12.08 - https://www.webwizforums.com

Topic: Automatic resize pictures for mobile view

Posted By: recordere.dk
Subject: Automatic resize pictures for mobile view
Date Posted: 06 March 2011 at 1:41pm

Hi All

Here's a simple usefull change to Web Wiz Forum 9.70, to make the forum pictures resize automatically for mobile viewing.

Edit file: cssstyles/default/mobile_default_style.css

Locate .msgBody{ definition, and add a new style for images.

/* Forum posts */
.msgBody{
    width: 100%;
    margin: 2px;
    float: left;
    overflow: auto;
}

.msgBody img {
    max-width: 99%;
    height: auto;
}

The blue text is the new definition.

Here is a 1200 pixel wide picture viewed in the forum though an iPhone:

BTW. If you want the same function for the normal view forum as well, its a bit different.

Edit cssstyles/default/default_style.css

Add a definition like:

.msgBody img {
max-width: 750px;
height: auto;
}

Change the number 750 to a pixel size that fits the width of the message area in your forum. Then images wider than that number automatically gets resized to this width.

Regards, Lars

Replies:

Posted By: 123Simples
Date Posted: 06 March 2011 at 3:11pm

This is an excellent tip Lars
Thankyou

-------------
http://www.123simples.com/" rel="nofollow - Visit 123 Simples Web Design

Posted By: WebWiz-Bruce
Date Posted: 07 March 2011 at 9:53am

Thanks Lars will look at adding this to the next release.

-------------
https://www.webwiz.net/web-wiz-forums/forum-hosting.htm" rel="nofollow - Web Wiz Forums Hosting
https://www.webwiz.net/web-hosting/windows-web-hosting.htm" rel="nofollow - ASP.NET Web Hosting

Posted By: Rammy Desuja
Date Posted: 27 April 2013 at 2:28pm

Really nice. looking to see very useful. thanks for this feature..............

Thanks;