IMG resize on forum

Posts: 5

Reputation: 0

Message # 1 | 10:22 PM 2012-02-15

I can not understand

In my forum module, i made these options:
Maximum dimensions of a full-sized image: 400x400

save it, but users can still upload bigger pictures that resize my forum.. ?

(ultras-bulgaria.net)

Added (2012-02-15, 4:22 PM)
---------------------------------------------
..And I mean that I would like to have some IMG maximum size when using [IMG] tag, not when attack some images while writing post..

Post edited by Test-User - Wednesday, 2012-02-15, 9:33 PM

Sunny

Posts: 9296

Reputation: 456

Message # 2 | 1:47 PM 2012-02-16

Test-User, this option applies only to images added as attachments.

I'm not active on the forum anymore. Please contact other forum staff.

fatgher48

Posts: 46

Reputation: 0

Message # 3 | 8:47 AM 2012-02-19

Dode anyone know a script to add so that all images posted can be resized.
I have the same problem.

Like if someone uploaded a thumbnail to any given image host, we will say like image shack or tinypic.
then the thumb nails are fine, But if someone resizes it very large, then the image gets cut off.

Like some forum it forum dimensions would just stretch to allow the image size, But ucuz boards, if the image is to large, then it's only going to show as much as the forums dimensions are.

So if anyone has a script or jquery that we can add to re-size images that would be awesome.
Other then that i will just have to make a rule and enforce it that anything posted that dose not fit ion he post will be deleted... hahah

See my site is a art site, so i have a lot of artist that want to show their works off like wallpaper size, but the images get cut off.

So any help with this would be very much appreciated.. Thank you

Computer Science, Adobe,Dreamweaver,Fireworks, Illustrator & Photoshop CS5 Extended, Magix Pro X3 Video Editing, Web/Social Networking & Development. Manager of Forumotion English Support.

Animorph

Posts: 2856

Reputation: 189

Message # 4 | 4:03 PM 2012-02-19

try

Code

.postMessage img {width:yournumberpx;height:yournumberpx;}

that might work just put it into your CSS

To busy building a passive income online ;)

raym

Posts: 8

Reputation: 0

Message # 5 | 8:32 AM 2012-02-21

Quote (Animorph)

.postMessage img {width:yournumberpx;height:yournumberpx;}

where do i place this in CSS

into.../* General Style */

into.../* Menus */

into.../* Site Menus */

into.../* Poll styles */

into.../* User Group Marks */

into.../* Other Styles */

into.../* ===== forum Start ===== */

into.../* General forum Table View */

into.../* Forums Styles */

into.../* forum Titles & other */

into.../* forum Navigation Bar */

into.../* forum Fast Navigation Blocks */

into.../* forum Fast Navigation Menu */

into.../* forum Page switches */

into.../* forum Threads Style */

into.../* Posts View */

into...where i am confuse

Paradox

Old Guard

Posts: 3284

Reputation: 145

Message # 6 | 9:16 AM 2012-02-21

raym, it doesn't matter where you place the style. As long as it is in the CSS. smile

Jack of all trades in development, design, strategy.
Working as a Support Engineer.
Been here for 13 years and counting.

raym

Posts: 8

Reputation: 0

Message # 7 | 9:17 AM 2012-02-22

Quote (Paradox)

raym, it doesn't matter where you place the style. As long as it is in the CSS. smile

nothing happen... cry

thnks for reply....

Sunny

Posts: 9296

Reputation: 456

Message # 8 | 12:00 PM 2012-02-23

raym, provide the exact code you are trying to use.

I'm not active on the forum anymore. Please contact other forum staff.

fatgher48

Posts: 46

Reputation: 0

Message # 9 | 10:19 PM 2012-03-03

yeah what sunny is saying the css should be like this, i am just putting any number, but you can change it.

Code

.postMessage img {
width:500px;
height:800px;
}

or something like this, sunny can you put how it should look with just any numbers in there.

Thanx in the mean time i will try it this way smile

hope this can be as easy as just adding css that will help so much.

edit info added
nope dont seem to be working, unless i am not adding it in right? dose it have to be in any particular place in the css sheet?

also i noticed all my css has the latter a in from of everything like this.

example css just to show the letter a (nothing to so with image re-size)
a.forum, a.threadLink {
font-weight: bold;
margin: 5px;
}

then this is the code i tried and nothing, sad

the image stays as wall paper size and is still cut off, plus you no longer see the quote post or edit post options either when this happens?

i think we may need to add some sort of java or jquary code to the forum appearance of entries template.
I'll guess i can try to add the css in style tags to my forums appearance of entries template and see if that works?

Computer Science, Adobe,Dreamweaver,Fireworks, Illustrator & Photoshop CS5 Extended, Magix Pro X3 Video Editing, Web/Social Networking & Development. Manager of Forumotion English Support.

Post edited by fatgher48 - Saturday, 2012-03-03, 10:42 PM

PapaJW

Posts: 3

Reputation: 0

Message # 10 | 1:05 PM 2012-03-04

To re-size images on my site. I only added the following code to my Style sheet (CSS) -

Quote

/* ----------------- */

.posttdMessage img {
max-width:250px;
width:expression((this.width>350) ? "250px" : true);
}
.posttdMessage img {
max-height:250px;
height:expression((this.height>350) ? "250px" : true);

/* ----------------- */

This will change all images to one size, where the numbers are is your sizing, change to your likings.

I hope this has helped ya.

Papa JW

Post edited by PapaJW - Sunday, 2012-03-04, 1:21 PM

fatgher48

Posts: 46

Reputation: 0

Message # 11 | 6:39 PM 2012-03-04

ok i will try it, do i add the code how you have it with these at the top and bottom of the code?

/* ----------------- */

this is confusing too? why do they both say this.width>350 then height this.height>350
but both max are set to 250?

so i will just have to fiddle with it, i am looking to try to get 640x480

Ok great this seems to be working, and it will still leave any click-able thumb nails the same, which is exactly what i needed.
Thanx so much man, Below is how i set it to for others not to get confused how the number have to go like i did when i firs looked at the code smile

Code

/* ----------------- */

.posttdMessage img {
max-width:640px;
width:expression((this.width>480) ? "640px" : true);
}
.posttdMessage img {
max-height:480px;
height:expression((this.height>480) ? "480px" : true);

/* ----------------- */

Computer Science, Adobe,Dreamweaver,Fireworks, Illustrator & Photoshop CS5 Extended, Magix Pro X3 Video Editing, Web/Social Networking & Development. Manager of Forumotion English Support.

Post edited by fatgher48 - Sunday, 2012-03-04, 7:03 PM