Taming the post and signature image size ~ at Runboard.com
Welcome: You have reached Pastor Rick's Design Elements message board... The board dedicated to constructing NEW and unique skins and layouts using primarily RunBoard hosted graphic elements and helping others... Enjoy your stay and please tell others about this board...
Design Elements
 CSS Snippets
  Taming the post and signature image size
Support  Search

runboard.com       Sign up (learn about it) | Sign in (lost password?)


 
Pastor Rick
Head Administrator
Global user (premium)

Registered: 07-2005
Location: Texas Country
Posts: 292
Karma: 4 (+4/-0)
Avatar
Reply | Quote
Taming the post and signature image size


OK, so Mooseman, how do I tame the image sizes on my board so it doesn't mess up my board?

quote:

Mooseman replied...
If you talk about images in posts, you can actually set a max-width for those. That way it will never mess up the layout by stretching out wider than your screen.

In your CSS :


span.postlistpostbody img{max-width:550px;overflow:scroll;}

Set the width to whatever size in px you want



Thanks Mooseman emoticon

Last edited by Pastor Rick, 11/14/2008, 12:29 am


---
Image
·TNZ·DE·TRD·ITB·
6/16/2007, 5:19 pm Send Email to Pastor Rick   Send PM to Pastor Rick MSN Blog
 
Pastor Rick
Head Administrator
Global user (premium)

Registered: 07-2005
Location: Texas Country
Posts: 292
Karma: 4 (+4/-0)
Avatar
Reply | Quote
Re: Taming the post image size


Moosemans solution doesn't seem to work with IE so to overcome that the following was suggested:

quote:

Rimmer replied:
You can control the size of images in your posts by adding code like this at the end of your Custom CSS:

span.postlistpostbody img {
  max-width:300px;
  width: expression(this.width > 300 ? 300: true);
}



Thanks for a second choice Rimmer emoticon

Last edited by Pastor Rick, 6/17/2007, 11:11 pm


---
Image
·TNZ·DE·TRD·ITB·
6/16/2007, 5:29 pm Send Email to Pastor Rick   Send PM to Pastor Rick MSN Blog
 
Pastor Rick
Head Administrator
Global user (premium)

Registered: 07-2005
Location: Texas Country
Posts: 292
Karma: 4 (+4/-0)
Avatar
Reply | Quote
Re: Taming the post image size


Now all this is well and good but what if you want to restrict the image size by BOTH height and width?

No problem at all it turns out:
quote:

LeSigner Girl says...
For the height, just change width to height:

span.postlistpostbody img {
  max-width:800px;
  max-height:600px;
  width: expression(this.width > 800 ? 800: true);
  height: expression(this.height > 600 ? 600: true);
}



All we have to do is change the numbers to match the maximum size our board can support without breaking the design and this way even if the members on your board ignore your rules on image size at least it won't mess things up for everyone else emoticon.

---
Image
·TNZ·DE·TRD·ITB·
9/3/2007, 2:55 pm Send Email to Pastor Rick   Send PM to Pastor Rick MSN Blog
 
Pastor Rick
Head Administrator
Global user (premium)

Registered: 07-2005
Location: Texas Country
Posts: 292
Karma: 4 (+4/-0)
Avatar
Reply | Quote
Re: Taming the post and signature image size


This is related so I changed the topic title to match the whole subject emoticon

The question is, "How do I fix it so the signatures are not so big?"

quote:

.ak_msg_post_signature_block img {
 max-width: 500px;
 max-height:175px;
 width: expression(this.width > 500 ? 500: true);
 height: expression(this.height > 175 ? 175: true);
}



As with the post image just change the numbers to the maximum width that you wish the signature to be without breaking your boards layout emoticon

Last edited by Pastor Rick, 11/14/2008, 12:39 am


---
Image
·TNZ·DE·TRD·ITB·
11/14/2008, 12:37 am Send Email to Pastor Rick   Send PM to Pastor Rick MSN Blog
 


Add a reply






Powered by AkBBS 0.9.5b  -  Link to us   -  Blogs   -  Hall of Honour   -  Chat
Click here to get your own free message board
You are not logged in (login)      This Board's Date and Time: 11/23/2009, 6:10 pm