Author Topic: Increase image size (Read 2539 times)

curlin · « **on:** January 01, 2010, 10:06:28 PM »

The theme i am trying to use has a large (1600x250) .jpg near the top. It doesn't match the idea of my forum so i need to replace it. I found some pics on the internet but they are much smaller. I went to a website that re-sizes images like .jpg but the image was very blurry and unusable after the resizing was finished. Has anyone found out how to successfully do this?.

Thanks!

Cholo · « **Reply #1 on:** January 01, 2010, 10:20:23 PM »

You can resize images using a variety of photo-editing software like Photoshop, Gimp, Corel, Paint Shop, etc., but if you're talking about making a smaller image larger, you'll always have some problem with pixelation. You can resize a large image to a smaller size without this problem, but you can't do the opposite. You'll also have problems if you try to change the dimensions of an image.

What you might have to do is create a new image using the image you want to use as a portion of that new, larger image and do your best with that. I'm sure I or someone else here could help you out with that if you like.

curlin · « **Reply #2 on:** January 02, 2010, 08:08:27 PM »

Hi and thanks!

The more i played around with the theme i was going to use, the more it bothered my eyes. So i'll have more to ask when i decide on another theme.

curlin · « **Reply #3 on:** January 03, 2010, 12:19:52 AM »

Okay, back already with another theme

But would like to make some changes:

1 - would like the sides to come in some to match the blue border along the top

2 - the white background is just to bright. Is there a way i can make it a darker white?

3 - of course, the banner/header - whatever it is called that i made and actually like it very much, is now to big. Not length wise but too high to fit so i would need a way to find the measurements of the header area and hopefully make my banner smaller. And of course get rid of the "my community" up there.

Here is the theme i want to use - anecdota_alt - http://custom.simplemachines.org/themes/index.php?lemma=793

curlin · « **Reply #4 on:** January 03, 2010, 02:14:08 PM »

The student is ready

Anyone?

Cholo · « **Reply #5 on:** January 03, 2010, 02:58:09 PM »

Ok, a couple questions first:

What version of smf are you running?
Do you have that theme already installed on your forum?
If you do, can you give us a link to the forum?

bigguy · « **Reply #6 on:** January 03, 2010, 02:58:44 PM »

Changing the background can be done in the style sheet. As for the banner can you not just resize it.

curlin · « **Reply #7 on:** January 03, 2010, 06:57:25 PM »

: bigguy January 03, 2010, 02:58:44 PM

Changing the background can be done in the style sheet. As for the banner can you not just resize it.

Yes i can Bigguy, but i need to figure out the size of the forum header to know what size to make it.

I'm using 2.0 RC2. Theme is installed. Here is a link to my site - http://www.tbredjkie.byethost15.com/index.php

1 down as i managed to figure out how to bring the sides in to match the top border. Still working on the others.

Cholo · « **Reply #8 on:** January 04, 2010, 02:17:24 AM »

Sorry it's late and I won't be around tomorrow. If no one can help you out by Tuesday, I will.

curlin · « **Reply #9 on:** January 04, 2010, 04:56:19 PM »

Ok Thank You. I was hoping to do a few things today like above and now that bigguy has moved his forum, maybe he is free now

bigguy · « **Reply #10 on:** January 04, 2010, 05:19:30 PM »

Still a bit of work to do here. If I can help out later then I will for sure.

curlin · « **Reply #11 on:** January 04, 2010, 05:36:27 PM »

ok

bigguy · « **Reply #12 on:** January 04, 2010, 05:37:59 PM »

All you have left is the banner and the background.

curlin · « **Reply #13 on:** January 04, 2010, 05:46:22 PM »

Well

There's another project but changing the bright white to a darker white and figuring out the size of banner i need at the top and how to get it in there would be great for today

Thanks

bigguy · « **Reply #14 on:** January 04, 2010, 06:11:42 PM »

You mean the white area in this screenshot:

curlin · « **Reply #15 on:** January 04, 2010, 06:28:32 PM »

yes, that large white section on top of the blue background. It blinds me after awhile and just find it too bright.

bigguy · « **Reply #16 on:** January 04, 2010, 06:38:08 PM »

On a quick look through that themes css folder in the index.css I see this:

:

/* This division wraps the entire forum when a forum width is set. */
div#wrapper
{
    margin: 0 auto;
}

I would think making it this:

:

/* This division wraps the entire forum when a forum width is set. */
div#wrapper
{
    margin: 0 auto;
    background-color #whatever;
}

would do it. I'm not sure though if that is the right css file though.

curlin · « **Reply #17 on:** January 04, 2010, 07:11:36 PM »

Doesn't look like it worked.

I followed this path - admin/current theme/modify stylesheets/index.css

bigguy · « **Reply #18 on:** January 04, 2010, 07:19:25 PM »

Yeah I didn't think it was. I'll see what I can do in a bit here. I have a couple more things to do.

curlin · « **Reply #19 on:** January 04, 2010, 07:24:03 PM »

thanks

bigguy · « **Reply #20 on:** January 04, 2010, 10:07:45 PM »

I have photoshop open right now if you want me to resize your banner.

curlin · « **Reply #21 on:** January 04, 2010, 11:11:59 PM »

oh - do you know what size to make it? How should i send it to you?

bigguy · « **Reply #22 on:** January 04, 2010, 11:17:16 PM »

Just attach it to a post and I will make it the same size as mine or smaller and you can try that.

curlin · « **Reply #23 on:** January 04, 2010, 11:25:21 PM »

ok - here's my site again. i need it to fit snuggly in the header - http://www.tbredjkie.byethost15.com/index.php

And if you look closely, there's a thin line of yellow on the right of the banner. Could you get rid of that?

Thanks

bigguy · « **Reply #24 on:** January 04, 2010, 11:37:27 PM »

Try this

curlin · « **Reply #25 on:** January 04, 2010, 11:47:19 PM »

Thanks again Bigguy - now have to figure out how to get it there and of course dim the white background.

bigguy · « **Reply #26 on:** January 04, 2010, 11:48:09 PM »

Upload it to your host and then go into your admin panel of SMF and then to current theme and there you should find a place to link to it.

curlin · « **Reply #27 on:** January 05, 2010, 02:36:01 AM »

: bigguy January 04, 2010, 11:48:09 PM

Upload it to your host and then go into your admin panel of SMF and then to current theme and there you should find a place to link to it.

Tried that and didn't work but did finally find where the location was and renamed mine and overwrote the existing one via ftp. However 600x150 was much too small and i've put up my largest one(1000x170). Height wise is fine but looks funny with the login area still blue. If i were to make another header or attach another pic to the existing one, is it possible to cover the whole header - meaning underneath the login area so it's not blue?.

And found where to change the background color - it was at the very end of that file. Still playing with colors though.

Thanks for the help so far.

bigguy · « **Reply #28 on:** January 05, 2010, 10:06:55 AM »

You mean that one strip of blue where the tabs are.

That's what you want to cover.

curlin · « **Reply #29 on:** January 05, 2010, 03:56:54 PM »

: bigguy January 05, 2010, 10:06:55 AM

You mean that one strip of blue where the tabs are. That's what you want to cover.

Where my banner ends there is a blue patch that is the login area. I would like to extend my banner to cover that blue area and have the login area sit on top of the banner(no more blue showing). Is this possible???

bigguy · « **Reply #30 on:** January 05, 2010, 03:59:16 PM »

I think so yes but I would have to figure out how to do it. It can be done though.

curlin · « **Reply #31 on:** January 05, 2010, 04:05:23 PM »

That would be cool Bigguy. Because i think it would look much better that way.

curlin · « **Reply #32 on:** January 05, 2010, 08:21:39 PM »

Ok - spent more time digging and hopefully this will work.

How i want it to look - http://img3.imageshack.us/i/bannerqv4.gif/

Info here - http://www.simplemachines.org/community/index.php?topic=293626.msg1936667#msg1936667

bigguy · « **Reply #33 on:** January 05, 2010, 08:28:02 PM »

It looks like that is what you are looking for.

curlin · « **Reply #34 on:** January 06, 2010, 02:26:19 AM »

I've spent hours trying to figure the following out to no avail.

My banner isn't wide enough to cover the entire header area and i need to attach another png/gif to it. I just can't figure out how

The free banner/header site where i made the banner only allow up to 1000px and that's not wide enough.

Any suggestions please?

bigguy · « **Reply #35 on:** January 06, 2010, 07:31:04 AM »

I can resize it for you again.

Cholo · « **Reply #36 on:** January 06, 2010, 09:34:16 AM »

Sorry I didn't end up getting back here yesterday. I'll be on later tonight and have a look back through this thread to see if you still need some help.

curlin · « **Reply #37 on:** January 06, 2010, 10:06:35 AM »

Thanks

Well this is what i need done. Take the right side of my banner .png (1000x180) and join it with the left side of another .png (400-600x180) making a complete banner that will fit in the entire header area (1400-1600x180). I can't figure out how to join the 2 png images together.

Cholo · « **Reply #38 on:** January 06, 2010, 11:56:21 PM »

Ok, sorry man but I ended up staying later at an appointment than I anticipated and I have to start getting to bed now, but...

One think you might not be taking into account is different screen resolutions for different computer monitors. I'm guessing you've got a pretty high-resolution monitor and your large header image displays correctly on your screen. But change your screen resolution for a minute to something like 1024 x 768 (lots of people still running this, esp. at work and such) and you'll see that your banner overlaps the login area of your forum.

I can help you out more with this later, but that's your primary concern when working with a fluid width theme.

curlin · « **Reply #39 on:** January 07, 2010, 12:11:22 AM »

Ok thanks Cholo

I still have lots of other things to do but i want to get that header right. I'll lower my resolution and take a peek.

Edit: Man, i see what ya mean

. I'm using 1366x768 and the banner is well short of the login area.

Cholo · « **Reply #40 on:** January 07, 2010, 08:24:51 PM »

Have you seen what your site looks like using a lower resolution?

curlin · « **Reply #41 on:** January 07, 2010, 09:34:13 PM »

Yes, shocking

lol!

If i were to take just one image that is say half the width of the header and center it, would that work in any resolution?.

Cholo · « **Reply #42 on:** January 08, 2010, 01:34:31 AM »

Whoa, I see you switched the theme, right?

But let's see, if you cut that old image in half: 1366px / 2 = 683 (is that right? lol). 1024px x 768px is about the lowest resolution you want to design for so, yeah, that should work.

Might not look great, but it'll work.

curlin · « **Reply #43 on:** January 08, 2010, 12:00:24 PM »

I plan on offering a few themes to use so i'm still going to use that theme. I'll try that cholo and thanks for pointing out the resolution issues. Never thought about that

Cholo · « **Reply #44 on:** January 08, 2010, 05:38:11 PM »

No problem man. Let us know whatever other questions you have.

curlin · « **Reply #45 on:** January 09, 2010, 01:29:55 PM »

Ok - i used a smaller image and centered it using left padding. However, when viewing in lower resolution, the padding pushes it completely to the right side. So how do i center the image without using padding so that it stays centered no matter what resolution?.

News:

Author Topic: Increase image size (Read 2539 times)