Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

Adding a background image to the whole site.


jpeiji

Recommended Posts

my image still will not display on my site, all i get is a plain white BG and my text has changed to Times New Roman?? any suggetsions, this is the code i have

BODY {

background-image : url('/www/images/metal013.gif);

background-repeat : no-repeat;

background-position : 50% 50%;

background-attachment : fixed;

color : #000000;

margin : 0;

}

 

in the line under BODY you have the single quote right after the first parenthesis but you forgot to close it with a single quote before the last parenthisis...like ('code goes here') but in yours you have ('code goes here) with no second/closing single parenthisis. maybe that's why.....

Link to comment
Share on other sites

  • Replies 68
  • Created
  • Last Reply

 

 

 

Why are you posting a reply to a 4 year old query??

Sam

 

Remember, What you think I ment may not be what I thought I ment when I said it.

 

Contributions:

 

Auto Backup your Database, Easy way

 

Multi Images with Fancy Pop-ups, Easy way

 

Products in columns with multi buy etc etc

 

Disable any Category or Product, Easy way

 

Secure & Improve your account pages et al.

Link to comment
Share on other sites

In the CSS file for the site under body, add the lines similar to below, obviously changing the relevant code

 

 

Thanks.

Link to comment
Share on other sites

  • 3 months later...

I also add width 100% so no matter what size of image its always fits, please let me know if it may cause any problem some where, as I am new and just trying to learn something,

 

BODY {

background-image: url('images/g_bg.gif');

width: 100%; margin: auto;

background-repeat: repeat;

background-position: center;

}

 

thanks in advance for your comments

Link to comment
Share on other sites

  • 2 months later...

OMG, I feel really, really dumb, because I don't even know how to get to the body, or anything else for that matter to edit oscommerce. Any help would be appreciated. I am not sure If I have to edit this on my server, using the files that I uploaded or through the admin section of the oscommerce, PLEASE, HELP!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

Link to comment
Share on other sites

  • 1 year later...

Background images aren't normally "clickable".

 

I'd have to see the site to see exactly what you're wanting to make "clickable".

If I suggest you edit any file(s) make a backup first - I'm not perfect and neither are you.

 

"Given enough impetus a parallelogramatically shaped projectile can egress a circular orifice."

- Me -

 

"Headers already sent" - The definitive help

 

"Cannot redeclare ..." - How to find/fix it

 

SSL Implementation Help

 

Like this post? "Like" it again over there >

Link to comment
Share on other sites

  • 2 weeks later...

This may well make me sound thick, but how do I upload an image to the web server?

I have put the image into the images file using ftp. is that not the same thing?

 

this is the code I have entered......

background-image : url('catalog/images/shop background.jpg');

background-repeat : no-repeat;

background-position : 50% 50%;

background-attachment : fixed;

color : #000000;

margin : 0;

Link to comment
Share on other sites

Try replacing this line:

 

background-image : url('catalog/images/shop background.jpg');

 

With this:

 

background-image : url('images/shop background.jpg');

If I suggest you edit any file(s) make a backup first - I'm not perfect and neither are you.

 

"Given enough impetus a parallelogramatically shaped projectile can egress a circular orifice."

- Me -

 

"Headers already sent" - The definitive help

 

"Cannot redeclare ..." - How to find/fix it

 

SSL Implementation Help

 

Like this post? "Like" it again over there >

Link to comment
Share on other sites

Unless you want to give a URL (by post or PM) stick a fork in me 'cuz I'm done.

 

I can't help fix what I can't see...

If I suggest you edit any file(s) make a backup first - I'm not perfect and neither are you.

 

"Given enough impetus a parallelogramatically shaped projectile can egress a circular orifice."

- Me -

 

"Headers already sent" - The definitive help

 

"Cannot redeclare ..." - How to find/fix it

 

SSL Implementation Help

 

Like this post? "Like" it again over there >

Link to comment
Share on other sites

  • 2 weeks later...

I have tried adding a back groud image to my site and used the following code.

body {

background-image : url('https://www.mystore.net.au/shop/images/skywithclouds.jpg');

background-repeat : no-repeat;

background-position : 50% 50%;

background-attachment : fixed;

color : #000000;

margin : 0;

font-size: 11px;

font-family: Lucida Grande, Lucida Sans, Verdana, Arial, sans-serif;

}

 

but it dosent work.

 

any ideas

Doug

Link to comment
Share on other sites

You should be able to add it with this:

body {background: url(images/skywithclouds.jpg) no-repeat 50% 50%;}

 

No quotes are needed. Note however that unless the closing body tag is 'cleared' like so:

<div class="clear"></div>
</body>

The image will not display.

Oscommerce site:

 

 

OSC to CSS, http://addons.oscommerce.com/info/7263 -Mail Manager, http://addons.oscommerce.com/info/8120

Link to comment
Share on other sites

  • 2 weeks later...

Anyone really wanting help on this should give their URL.

 

It's almost impossible to help with this without a URL.

If I suggest you edit any file(s) make a backup first - I'm not perfect and neither are you.

 

"Given enough impetus a parallelogramatically shaped projectile can egress a circular orifice."

- Me -

 

"Headers already sent" - The definitive help

 

"Cannot redeclare ..." - How to find/fix it

 

SSL Implementation Help

 

Like this post? "Like" it again over there >

Link to comment
Share on other sites

Archived

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

×
×
  • Create New...