Runboard.com
Слава Україні!
Runboard Extra Chat Room Support Search Facebook

Runboard.com       Sign up learn about it | Sign in lost password?

Page:  1  2  3  4 

 
Jin Mishima Profile
Live feed
Blog
Friends
Miscellaneous info



Registered: 02-2006
Posts: 14
Karma: 0 (+0/-0)
Reply Quote
HELP !!! Other problem--Control posted image size?


Hey,

Itoo have a RB forum and mine is like 730 px width and everything goes well, but ..

When people post an image that is bigger than like say 500 width.

Is there some way of coding that when members post an image bigger than this, it will get into a scroll bar? Like whhat happens when people have a too big signature?

JiN

edited to put question in topic title, so others may see how to fix it, if they happen to have the same problem.

Last edited by Joshin Josh, 7/31/2007, 8:56 pm


---

7/31/2007, 7:30 pm Link to post Email Jin Mishima   PM Jin Mishima Blog
 
Joshin Josh Profile
Live feed
Blog
Friends
Miscellaneous info

 


Registered: 11-2004
Posts: 665
Karma: 18 (+20/-2)
Reply Quote
Re: HELP !!! Other problem


You can use this code, Credits to Lesigner Girl:

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

This won't add a scrollbar to the image.. but it will shrink the image to 500px.

I've added this to one of my test boards and posted a screencap of my wallpaper to view what this does
Click here

If you click on the image and hit 'view image' you will see the full sized image.

---

7/31/2007, 7:38 pm Link to post PM Joshin Josh Blog
 
Jin Mishima Profile
Live feed
Blog
Friends
Miscellaneous info



Registered: 02-2006
Posts: 14
Karma: 0 (+0/-0)
Reply Quote
Re: HELP !!! Other problem--Control posted image size?


allright !!! Thanks Lesinger emoticon

It looks so much better now emoticon

JiN

---

8/1/2007, 10:09 am Link to post Email Jin Mishima   PM Jin Mishima Blog
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

 

Head of Runboard staff

Registered: 11-2005
Posts: 1895
Karma: 83 (+86/-3)
Reply Quote
Re: HELP !!! Other problem--Control posted image size?


Heh, I actually discovered this part from one of Rimmer's posts:
width: expression(this.width > 500 ? 500: true);

---
Runboard Knowledge Base
Runboard Support Forums
Find other message boards
8/5/2007, 2:48 pm Link to post Email Lesigner Girl   PM Lesigner Girl Blog
 
SKOKEY Profile
Live feed
Blog
Friends
Miscellaneous info

 


Registered: 12-2005
Location: Bennington, NH
Posts: 22
Karma: 3 (+3/-0)
Reply Quote
Re: HELP !!! Other problem--Control posted image size?


Clicking on the resized picture and choosing "view image" works on my MAC at home but when I try a similar procedure on my Windows XP at work, the "Show Picture" option is not available. The only way to view the actual size seems to be to go to image "Properties" and copy/paste the url in the browser.
Is there another way?
9/4/2007, 11:52 am Link to post Email SKOKEY   PM SKOKEY
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

 

Head of Runboard staff

Registered: 11-2005
Posts: 1895
Karma: 83 (+86/-3)
Reply Quote
Re: HELP !!! Other problem--Control posted image size?


It all depends on the browser, Skokey. Unfortunately, IE doesn't provide this option (unless the newest version does and I'm just not aware of it).

Firefox will give you this option, but since the computer with XP is at work, you will probably have to fight your boss to install it.

---
Runboard Knowledge Base
Runboard Support Forums
Find other message boards
9/7/2007, 12:32 am Link to post Email Lesigner Girl   PM Lesigner Girl Blog
 
SKOKEY Profile
Live feed
Blog
Friends
Miscellaneous info

 


Registered: 12-2005
Location: Bennington, NH
Posts: 22
Karma: 3 (+3/-0)
Reply Quote
Re: HELP !!! Other problem--Control posted image size?


Thanks.

I recently added the code to restrict the picture width. If anyone asks me why their posted picture is smaller, I wanted to know what to tell them. Since a lot of people probably have IE for a browser, they'll have to view the original the hard way.

Unless someone says that the original is larger, there's no way to know unless you try each posted picture.
Is that correct?

I made my limit 700 pixels and I have a pretty good idea what that looks like, so if I see something that looks that big, there's a good chance that it might be even larger.
9/7/2007, 2:22 am Link to post Email SKOKEY   PM SKOKEY
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

 

Head of Runboard staff

Registered: 11-2005
Posts: 1895
Karma: 83 (+86/-3)
Reply Quote
Re: HELP !!! Other problem--Control posted image size?


You're welcome, Skokey.

If an image is, say, 1000px wide and it's limited to 700px, then chances are that picture is going to look grainy. Also, like you said, if it's as wide as the posting area, there's a good chance the original is wider.

If people ask you why their image looks small or just doesn't look right, tell them it's because you put code in place to keep images from stretching out the page, and tell them if they want others to see the image at its actual size, they can post a link to it instead of trying to fit it into a post. If they want, they can even turn a thumbnail into a clickable link to the full-sized image.

http://imageshack.us will automatically create a thumbnail of every large image that is uploaded. They also generate the board code to use for posting a thumbnail link to the original image, making it easy to use this option.

By posting a link instead of the image itself, everyone, including IE users, can just click on the link to view the image in all its full-sized glory. emoticon

---
Runboard Knowledge Base
Runboard Support Forums
Find other message boards
9/8/2007, 1:42 am Link to post Email Lesigner Girl   PM Lesigner Girl Blog
 
Firlefanz Profile
Live feed
Blog
Friends
Miscellaneous info



Registered: 05-2003
Location: Germany
Posts: 15
Karma: 1 (+1/-0)
Reply Quote
Re: HELP !!! Other problem--Control posted image size?


Would this also work for avatars?

---
- Firlefanz


1/21/2008, 7:20 pm Link to post Email Firlefanz   PM Firlefanz Blog
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

 

Head of Runboard staff

Registered: 11-2005
Posts: 1895
Karma: 83 (+86/-3)
Reply Quote
Re: HELP !!! Other problem--Control posted image size?


Interesting timing, Firle. I just added the code to restrict image size in sigs last week at Support, then did the same with avatars yesterday. emoticon I really like how it looks, for avatars that are rectangular instead of square. emoticon

(edited to fix avatar CSS below)

/* RESTRICT AVATAR DIMENSIONS */
.ak_msg_post_table img { max-width:100px; width: expression(this.width > 100 ? 100: true); max-height: 120px; height: expression(this.height > 120 ? 120: true); }

/* RESTRICT SIGNATURE IMAGE DIMENSIONS */
.ak_msg_post_signature_block img { max-height:175px; height: expression(this.height > 175 ? 175: true); }

I only restricted width for avatars and height for sig images, but you can restrict both dimensions for both images if you want to. I should probably add a width restriction for sig images at Support, but I haven't noticed any really wide ones there and was only concerned with the ones that take up half the window height. emoticon


Edit: I carelessly posted code for limiting the width of images in posts, instead of the code for limiting the width of avatars. For anyone who is interested in limiting the width of images in posts, here is that CSS:

/* RESTRICT WIDTH OF IMAGES IN POSTS */
.postlistpostbody img { max-width: 680px; width: expression(this.width > 680 ? 680: true); }

Last edited by Lesigner Girl, 1/25/2008, 2:03 am


---
Runboard Knowledge Base
Runboard Support Forums
Find other message boards
1/21/2008, 10:54 pm Link to post Email Lesigner Girl   PM Lesigner Girl Blog
 


Reply

Page:  1  2  3  4 





You are not logged in (login)