Design # 471

Posts: 36

Reputation: 0

Message # 1 | 8:13 PM 2010-10-22

I am getting ready to make my own header image in Photoshop and am wondering how to replace the header image in design #471. I see that the truck image is one image, the orange circle on the left is another, the right circle is another and then the buttons (home, profile, logout) and the clock are both another. Then I see that /.s/t/471/4.jpg is the background. I would want some type of buttons at least to get back "home" but I probably can figure that out. Would I just delete all of the other images and the then replace the background image with my own? If that is the case, what size is the background image? I ask because I want to make sure that when users with different screen sizes visit, they see the header just like someone with a smaller screen or resolution. This last question may be outside of the support that ucoz offers so if it is I apologize. I noticed when I zoom out with my browser my site content looks like it does not fill the content area but when I look at it normally it looks ok. Thanks for any help!

I found the images with the help of Firefox Inspect Element just in case my image names are wrong.

Sanjay_149

Posts: 212

Reputation: 5

Message # 2 | 7:05 AM 2010-10-23

Quote (willy)

Would I just delete all of the other images and the then replace the background image with my own?

Yes. Go to -> Control Panel ->Design ->Design management (templates)

Quote (willy)

I want to make sure that when users with different screen sizes visit

Set dimensions in percent and not in pixels.

Unlike computers, no human brain has ever said:" Hard drive full."

willy

Posts: 36

Reputation: 0

Message # 3 | 3:33 AM 2010-10-26

Sanjay_149, Thanks for the direction on that. I am going to try to get that done today. I did find more out about using percents instead of pixels too, very sweet!

Added (2010-10-25, 9:33 PM)
---------------------------------------------
Well I did try to delete all of the images and add my own. I tried to use the percents on this also and it failed. I must have done something wrong. Is there anything I should know when I have my own image to use like size I should use with my template. the image I want to use is http://www.varolo.co.cc/topheader.jpg. I even went as far as deleting everything and inputting this image the same way I would within the content body but it only showed a corner of the actual image. That's why I was asking about maximum size for the headers on this template. I did make the header larger so if it needed to fill the space with larger screens or higher resolutions it would still be good quality... maybe I shouldn't do that? Any help is appreciated. I am so close to being done with this I can taste it.

willy

Posts: 36

Reputation: 0

Message # 4 | 6:00 AM 2010-11-19

Ok I did get everything looking good on my end but curious if other screens and browsers will look the same? Thanks again Sanjay and Natashko for the help and advice!

If anyone would view the site and just let me know if the header fills the screen please do. I use Firefox with 22" screen.

www.varolo.co.cc

Added (2010-11-19, 0:00 Am)
---------------------------------------------
Can someone check out a problem I see on my site Mysite I am looking to get rid of that padding that is around the entire site. It goes around the header, left and right blocks, and the bottom. I have looked everywhere and tried to change different stuff that I thought would work but notta. Thanks for any help!

willy

Posts: 36

Reputation: 0

Message # 5 | 4:41 PM 2010-11-19

Here is a screen shot of how it looks to me. The white border around the page is what I am trying to get rid of. Screenshot

You can really notice it on the top, above the header image and on the left, to the left of the gadget blocks.

Post edited by willy - Friday, 2010-11-19, 4:47 PM

Natashko

Posts: 3366

Reputation: 171

Message # 6 | 1:46 PM 2010-11-22

willy, go to Control panel->Design management->Style sheet-> insert

Code

body {margin:0}

there