Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

Backround Image


xlilo

Recommended Posts

hi,

 

I have set my backround colour to black (#000000), i only set this to black as default, alternitivly i would prefer to have a backround image like on my html web site at www.xlilo.co.uk

my shop is located as a sub-domain at www.shop.xlilo.co.uk

 

is there a way of doing this?

 

in the stylesheet.css the body code is:

 

 

BODY {

background: #000000;

color: #ffffff;

margin: 0px

}

 

 

 

i have tryed this code to get a image as a backround but it dont work:

 

 

BODY {

background: <background="http://www.xlilo.co.uk/images/buttons/X1110.jpg">;

color: #ffffff;

margin: 0px

}

 

any ideas?

 

thanks

 

xlilo

Link to comment
Share on other sites

hi,

 

I have set my backround colour to black (#000000), i only set this to black as default, alternitivly i would prefer to have a backround image like on my html web site at www.xlilo.co.uk

my shop is located as a sub-domain at www.shop.xlilo.co.uk

 

is there a way of doing this?

 

in the stylesheet.css the body code is:

BODY {

background: #000000;

color: #ffffff;

margin: 0px

}

i have tryed this code to get a image as a backround but it dont work:

BODY {

background: <background="http://www.xlilo.co.uk/images/buttons/X1110.jpg">;

color: #ffffff;

margin: 0px

 

 

 

 

background: url('images/background.jpg');

 

}

 

any ideas?

 

thanks

 

xlilo

 

 

 

 

background: url('images/background.jpg');

Link to comment
Share on other sites

thanks, That works a treat.

 

i have added my website buttons onto my shop page in the file named footer.php. the code i added is:

 

</tr>

<td height="28" align=center width="939" valign="top" align="center">

<font color="#ffffff"><a href="http://www.xlilo.co.uk/index.html">

<img border="0" src="http://www.xlilo.co.uk/images/buttons/Menu-Button-home.gif" width="92" height="21" id="img1" onmouseout="FP_swapImgRestore()" onmouseover="FP_swapImg(1,1,/*id*/'img1',/*url*/'http://www.xlilo.co.uk/images/buttons/Menu-Button-glow-home.jpg')"></a>

<a href="http://www.xlilo.co.uk/web_design.html">

<img border="0" src="http://www.xlilo.co.uk/images/buttons/Menu-Button-web.gif" width="92" height="21" id="img2" onmouseout="FP_swapImgRestore()" onmouseover="FP_swapImg(1,1,/*id*/'img2',/*url*/'http://www.xlilo.co.uk/images/buttons/Menu-Button-glow-web.jpg')"></a>

<a href="http://www.xlilo.co.uk/data_recovery.html">

<img border="0" src="http://www.xlilo.co.uk/images/buttons/Menu-Button-data.gif" width="92" height="21" id="img3" onmouseout="FP_swapImgRestore()" onmouseover="FP_swapImg(1,1,/*id*/'img3',/*url*/'http://www.xlilo.co.uk/images/buttons/Menu-Button-glow-data.jpg')"></a>

<a href="http://www.xlilo.co.uk/password-cracking.html">

<img border="0" src="http://www.xlilo.co.uk/images/buttons/Menu-Button-pass.gif" width="92" height="21" id="img4" onmouseout="FP_swapImgRestore()" onmouseover="FP_swapImg(1,1,/*id*/'img4',/*url*/'http://www.xlilo.co.uk/images/buttons/Menu-Button-glow-pass.jpg')"></a>

<a href="http://www.xlilo.co.uk/tutorials.html">

<img border="0" src="http://www.xlilo.co.uk/images/buttons/Menu-Button-tut.gif" width="92" height="21" id="img5" onmouseout="FP_swapImgRestore()" onmouseover="FP_swapImg(1,1,/*id*/'img5',/*url*/'http://www.xlilo.co.uk/images/buttons/Menu-Button-glow-tut.jpg')"></a>

<a href="index.php">

<img border="0" src="http://www.xlilo.co.uk/images/buttons/Menu--shop.gif" width="92" height="21" id="img6" onmouseout="FP_swapImgRestore()" onmouseover="FP_swapImg(1,1,/*id*/'img6',/*url*/'http://www.xlilo.co.uk/images/buttons/Menu-Button-glow-shop.bmp')"></a>

<a href="http://www.xlilo.co.uk/contact_me.html">

<img border="0" src="http://www.xlilo.co.uk/images/buttons/Menu-Button-cont.gif" width="92" height="21" id="img7" onmouseout="FP_swapImgRestore()" onmouseover="FP_swapImg(1,1,/*id*/'img7',/*url*/'http://www.xlilo.co.uk/images/buttons/Menu-Button-glow-cont.jpg')"></a>

<a href="http://www.xlilo.co.uk/about_me.html">

<img border="0" src="http://www.xlilo.co.uk/images/buttons/Menu-Button-me.gif" width="92" height="21" id="img8" onmouseout="FP_swapImgRestore()" onmouseover="FP_swapImg(1,1,/*id*/'img8',/*url*/'http://www.xlilo.co.uk/images/buttons/Menu-Button-glow-me.jpg')"></a></font></td>

</tr>

 

basicaly this gives me buttons in the header, however the buttons are ment to swap image on mouse over, but it is not swaping the image, i have looked at the code and i cant find any errors. this is the same code in the rest of my html website and they work fine, will it have anything to do with the image type? e.g .jpg, .bmp or .gif.

 

this can be seen at www.xlilo.co.uk and you will notice the buttons turn green on mouse over, then you click on the shop button wich is hyperlinked to www.shop.xlilo.co.uk and the buttons wont turn green on mouse over.

 

any ideas?

 

Thanks

 

Xlilo.

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...