X-Cart forums - header_bg.jpg needs to "stretch" according to resolution settings

X-Cart forums (https://forum.x-cart.com/index.php)

- Changing design (https://forum.x-cart.com/forumdisplay.php?f=51)

- - header_bg.jpg needs to "stretch" according to resolution settings (https://forum.x-cart.com/showthread.php?t=42000)

razorblade

08-26-2008 06:16 PM

header_bg.jpg needs to "stretch" according to resolution settings

my header_bg.jpg looks great if the monitor res is set to 1024x768. but on my large monitor with higher res settings the image does not cover the area. a white background is left outside the area of the .jpg image, making some of the speedbar links to disappear (as the speedbar text is white). i looked and couldn't find a fix. please help!!

Piotr M.

08-27-2008 12:26 AM

Re: header_bg.jpg needs to "stretch" according to resolution settings

The easiest way is to set background color for html element containing your head same as jpg main background.

You can also stretch it using javascript if it is insert with <img> tag, but it won't look nice.

razorblade

08-28-2008 10:51 AM

Re: header_bg.jpg needs to "stretch" according to resolution settings

i could set the background to black. where do i set the header.jpg to center instead of align left?

Piotr M.

08-28-2008 11:50 PM

Re: header_bg.jpg needs to "stretch" according to resolution settings

I can't answer this question without looking at the зфпу.

auc	12-11-2008 07:05 AM

Re: header_bg.jpg needs to "stretch" according to resolution settings

Did you find out how to center image instead of align left?

If so, please post solution.

Thanks,

alarnold

12-19-2008 04:21 AM

Re: header_bg.jpg needs to "stretch" according to resolution settings

Quote:

Originally Posted by auc

Did you find out how to center image instead of align left?

Edit Skin1 / Head.tpl

Code:

{* $Id: head.tpl,v 1.58.2.3 2008/02/07 13:17:30 ferz Exp $ *}

<table cellpadding="0" cellspacing="0" width="100%" background="{$ImagesDir}/background.jpg">

<tr align="center"> 

    <td><a href="{$http_location}/"><img src="{$ImagesDir}/Header.jpg" alt="" /></a></td>

The background.jpg and Header.jpg files need to uploaded to skin1/images.

Note: Your background,jpg image should be the same height as your Header.jpg image and only 1 or 2 pixels in width.

See it in action here: www.arnoldcoin.com

Al
Arnold Coin Exchange

Vacman

12-19-2008 03:32 PM

Re: header_bg.jpg needs to "stretch" according to resolution settings

On your example - You should notice that the border image does not extend all the way across the banner....

alarnold

12-20-2008 12:23 AM

Re: header_bg.jpg needs to "stretch" according to resolution settings

Quote:

Originally Posted by Vacman

On your example - You should notice that the border image does not extend all the way across the banner....

True, my Header.jpg file does not stretch across the entire screen for resolutions higher than 800 pixels in width.

One problem is that stretching images tends to distort them. Another is that if your graphic image is wider than their screen resolution, they are stuck using the scroll bar to view the site. ](*,)

I choose to use a 800 pixel width image and use a background for resolutions greater that 800 pixels. This way I can accommodate the folks that still use low resolution monitors.

To properly accomplish this feat, you would capture their screen resolution and load the proper width Header image. This also entails using multiple Header images, one for each different resolution that you plan to support. When I find 26 hours in a day, I shall tackle this problem!

Al

balinor

12-20-2008 09:01 AM

Re: header_bg.jpg needs to "stretch" according to resolution settings

Moving to Template Editing forum

All times are GMT -8. The time now is 12:11 AM.