Adjust forum to WIDER format please - CSS files adjustments
Greetings,
I'm a webmaster and wanted to give you guys my input to help so that when someone posts larger than normal photos, they don't blow out the side of the forum.
You can do this with a simple code fix on the style.css file. MAKE a copy of it first and save it as style-ORIG.css, then edit the original.
Open up Notepad (or text edit on a Mac)
Please adjust and or replace in this file called, "style.css" located here >> /themes/greenfun/style.css these attributes listed below. You will be replacing the "970px" with 100%, and then a small adjustment to the header image css so it repeats. You can email, PM to get more help.
Well looks like someone figured out how to get a module to resize the photos. I can help when I've got time, just super busy.
Nope. Just the lowly content manager resizing the pics. I'll see if Matt has time to try your code snippet.
@SegelFlug
Unfortunately the changes you propose only quasi fix the problem, and it cosmetically changes the site. You would lose the yellow background and shadow lines as the page would stretch the content area to edge of the browser, additionally It would only solve the problem if the person's browser window was able to fit all of the content, otherwise the picture would still spill over (if you are using firebug or chrome, change the style.css to style2.css on the fly and you can see it yourself. Additionally if a person's browser was less than 790px (as seen on a cell phone) it would break for pictures under the current 500px limit. Also the banner isn't a tile-able image and i dont think it would look very nice stretched.
My eventual solution will be a drupal module, or some PHP code that creates a thumbnail of the image 500 x Variable and link to full size pictures. Currently for the sake of ease and getting the site up and running I took the quick way out and added the IMCE drupal module. If you find a companion module that does this resizing I'd be happy to add it. Thank you for taking a vested interest in the site, and I do value your feedback and input.
Yes, I used firebug and quickly figured my version of the CSS changes, totally forgot to take into account there might be another Art Director's creative path involved... opps my bad. Correct, the best would be a simple resizing module and this wouldn't affect the original design. I've edited one of the .php files on our vBulletin forum I run www.roversnorth.com/forums/ to do exactly this. I'll have to see if I can dig up the code. The beauty of this is you can still pull the original sized file located on outside server sources and not add to the MySQL db with the inclusion of thumbnails.
This is the php that I edited for vBulletin class_bbcode.php file, not sure if you can implement into drupal.
I was just thinking as well, If i found the Image insert pop up dialog, I should be able to add something like this:
<script type="text/javascript">
function checkSize()
{
if(document.getElementbyID('<the width field>').value > 500)
document.getElementbyID('<the width field>').value = 500;
}
</script>
Then add this to the input box: onChange='checkSize()'
Since IMCE has the ability to artificially resize images built-in.. Why fight it :-)
Wow........ If I only understood 2% of this, i'd feel way smarter than I do right now.....
I started the GMRC website in 2000 after Matt and I joined the club. Showed Matt the HTML code to do website creation. A year later, Matt "improved" the coding and switched to PHP. Since then I've been more than happy to be the content manager and let him do the "fun" stuff. Since then, Matt and my other son, Dave, have tried to keep me "educated", but I'm never gonna be a programmer or developer.
Okay so its not exactly the best looking solution, I found some image upload size control options, and It resizes the actual image to no more than 500px wide by no more than 1200px tall. When you first insert it, and preview it, it still shows up as original size. However, When you click "Save" it appears (based on 1 test) that it will resize it then.... Test away!
is there a way to upload a photo from my PC? I see a link for photo upload, and when it comes up, it is asking for a URL?
Look at the very beginning of the forum's life, I gave a quick run through
Newguy says,
Pick "Image" in the Comment menu - 8th icon over from right to left, a "Image Properties" box will open. Select "Browse server", a file browser window will open, choose "upload" at top of page, Browse, upload, send to ckeditor, OK in "Image prop." box.
And huge photos crop to a max width of 500 pixels. Thanks Matt!
Newguy, my alter website ego for trying code as a non-admin.
Al
mine diddnt crop
I've seen this as well, in the menu of your topic you will find a pull down called "Input Format", in there there are selections for "Filtered HTML", " Full HTML", and "PHP Code". Pick "Full HTML".
I just set the default to use "Full HTML" so things should be okay now
1. I grabbed this image from my latest DG-1000 2 meter sailplane purchase and project at http://www.gallery.mac.com/studiors#100683
2. Clicked on the photo icon in the WYSIWYG tool bar
3. Choose "from URL"
4. Adjusted size constraints to "500" x "375". It automatically resizes and fits.
I did the same as above but didn't adjust size constraints. Photo is 1024px wide.
Well, Back the the drawing board :-\
The fix is perfect for pulling images off your local environment and uploading. I'll remember to resize to 500 wide when I'm using from URL, no biggie.
Well I'll still dig through the code at some point (after the fun fly) and add some javascript checking to try and bulletproof the website.
I think we found a new web master?