Auto resizing of pictures??

Can this be done on these forums?
Any picture I have on my forum over a certain size about 580 width, will be cropped.
Now with my site mainly down to photography this is a bit of a pain.
I know of other PHPbb site that have an auto resize feature on there pictures, can this be done with just a bit of code??
or would it be easier/better for the forum to resize?
Im no coder so I have no idea what to do to sort this but it would be a HUGE help if someone knows a fix.

Any ideas?

Cheers ppl

Anyone any ideas on this?

Also are we able to insert are own code into the forums, if so how do we go about doing this??

thats a good idea and question
I too share photos on my site and if the photo is large, it gets half cut off. I try to tell people to resize them before posting them but some just dont and others don't know how to.

Yea i know of a few sites that do it, would be great if mine could do this too.

Anyone

umm try here::
https://help.forumotion.com/manage-the-appearance-of-your-forum-f45/restricting-photo-size-t21825.htm

Well that is what I need but ive no idea when in the code to put it.

Code:

#topicreview .postbody {
width: auto;
float: none;
margin: 0;
height: auto;
}
#topicreview .post {
height: auto;
.post img{max-width: 520px;}

Thats where i added it and nothing happened.

Please help this is starting to drive me nuts

~Bump~
Sorry but im really wanting to sort this now, almost there just have no idea what to do with this bit of code :'(

try the following modified code

Code:

#topicreview .postbody {
width: 100% !important;
height: auto !important;
float: none;
margin: 0;
}
#topicreview .post {
height: auto !important;
width: 100% !important;
.post img{max-width: 520px;}

Regards






Craig

I needed that, thanks!!

Cheers ill give it a try Thanks a million.....if it works

Damm still nothing.

http://urbexleeds.forum-motion.com/hospitals-schools-religious-sites-f5/the-mansionchapel-allerton-hospital-t143-15.htm

You should be able to see this.

Thanks for your time, hope we can crack this

nope sorry

User: ****
Password: *******

^^Removing once sorted

Edit: Removed username and password - Placehold

take the last part out of the code

Code:

#topicreview .postbody {
width: 100% !important;
height: auto !important;
position:relative !important;
}
#topicreview .post {
height: auto !important;
width: 100% !important;
position:relative !important;
}

Couldn't see it for looking at it lmao

Please dont post user details even if it is for a test account

regards







Craig

sorry bout that.

still nothing

Heres the code as it stands now.

Code:


}
/* Topicreview-------------------------------------------------*/
#topicreview {
padding-right: 5px;
overflow: auto;
height: 300px;
}
#topicreview .postbody {
width: 100% !important;
height: auto !important;
position:relative !important;
}
#topicreview .post {
height: auto !important;
width: 100% !important;
position:relative !important;
}
#topicreview h2 {
border-bottom-width: 0;
}


Not sure if this is in the right place
Also this should affect all post new and old. correct??

Thanks again

As standard the following code for phpbb3 controls the size of the whole forum

Code:

body#phpbb div#wrap {
   width: 85%;
    margin: 0;
   }
#wrap {
   width: 98%;
   margin: 0px auto;
   background-color: #ffffff;
   border: 1px # solid;
   padding: 5px;
   min-width: 768px;
   }
#simple-wrap {
    padding: 6px 10px;
    }

Then the next one controls the posts size

Code:

/* dl dt dd----------------------------------------------*/
dd.lastpost {
   width: 20%;
   font-size: 1.1em;
   }
dd.mark {
   float: right !important;
   width: 9%;
   text-align: center;
   line-height: 200%;
   font-size: 1.2em;
   }
dd.posts, dd.topics, dd.views {
   width: 8%;
   text-align: center;
   line-height: 2.2em;
   font-size: 1.2em;
   border: none;
   }
dd.info {
   width: 30%;
   }
dl.details {
   font-size: 1.1em;
   }
dl.details dt {
   float: left;
   width: 16em;
   text-align: right;
   color: #536482;
   display: block;
   }
dl.details dd {
   margin-left: 16em;
   padding-left: 5px;
   margin-bottom: 5px;
   color: #536482;
   }
.span-tab {
   font-size: 0.9em;
   }

Try having a look into them

regards








Craig

Wow thats deep for my knowledge but ill give it a good nice one

ok now im reall lost niether of those sections I can find.

Would it help if I poste my whole css???

Seriously though thanks for your help. This will be awesoem if we can get this working

Hmmmm i would advise against posting the whole CSS

What version of the forum are you using?

I took it forum the one that was linked to your profie

You could also technically change the wisdths of the code i posted and add it to your CSS code, Should work fine

regards









Craig

Yea sorry i did find it im just slack.
Ill be honest looking at CSS hurts my eyes and I have no idea what does what.
Would this section have anything to do with it.

Code:


/* Postbody (preview)---------------------------------------------------*/
.postbody {
padding: 0;
line-height: 1.48em;
color: #6b6b6b;
width: 76%;
float: left;
clear: both;
}
.postbody h3 {
font-size: 1.5em;
padding: 2px 0 0 0;
margin: 0 0 0.3em 0 !important;
text-transform: none;
border: none;
font-family: Verdana,Arial,Helvetica,sans-serif;
line-height: 125%;
color: #6b6b6b;
}
.postbody .content {
font-size: 1.3em;
}
.postbody ul.profile-icons {
float: right;
width: auto;
padding: 0;
}
.postbody ul.profile-icons li {
margin: 0 3px;
}
.postbody h3 img {
 vertical-align: bottom;
 }
* html .postbody h3 img {
 vertical-align: middle;
 }
.search .postbody {
 width: 68%;
 }
#cp-main .postbody p {
 font-size: 1.1em;
 }
#cp-main .postbody h3 {
 margin-top: 0;
 }
.content {
color: #6b6b6b;
min-height: 3em;
overflow: hidden;
line-height: 1.4em;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 1em;
}
.content blockquote {
 color: #333333;
 }
.content p {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 1.2em;
margin-bottom: 1em;
line-height: 1.4em;
}
.content li {
 list-style-type: inherit;
 }
.content ul, .content ol {
margin-bottom: 1em;
margin-left: 3em;
}

Sorry to be such a noob, im sure youve got more pressing matters to sort out. Thanks soooo much though
Cheers

They could effect it yes

The main sections to look at are in bold

/* Postbody (preview)---------------------------------------------------*/
.postbody {
padding: 0;
line-height: 1.48em;
color: #6b6b6b;
width: 76%;
float: left;
clear: both;
}


.search .postbody {
width: 68%;
}

regards








Craig

ahh yes changed them to 100%
This has made the whole picture show but has pushed the user details to the bottom of the post.
Almost there now me thinks :D:D

ahh its also made every post do the same picture or not.

Not sure if this is any help
http://www.derelictplaces.co.uk/main/showthread.php?t=6698

The way the pictures resize is perfect, was hoping something like this could be done??

Ok so ive been readin on this for the past few hours and it seems its a MOD.



Unless someone can add this for me looks like im without. soooo upsetting.

Big thanks to placehold for helping out

Still no help on this one?
Any chance we can get a MOD installed? I really could do with this on my forums, some people just dont listen to "have your picture no wider than 580pixels"

Anyone