Hello All,
Anyone know how to get a static background on the front page ?
<body id="<?php echo $body_id . 'Body'; ?>"<?php if($zv_onload !='') echo ' onload="'.$zv_onload.'"'; ?> BACKGROUND="images/frontpage/backgrounds/background1.jpg" BGPROPERTIES=FIXED>
will not load the image.
Thx,
Erick
Thread: BackGround Image
Results 1 to 8 of 8
-
19 Dec 2012, 09:56 PM #1
Zen Follower
- Join Date
- Feb 2006
- Location
- Boise, ID
- Posts
- 334
- Plugin Contributions
- 0
BackGround Image
-
19 Dec 2012, 10:36 PM #2
Totally Zenned
- Join Date
- Jan 2009
- Posts
- 2,123
- Plugin Contributions
- 0
Re: BackGround Image
You wouldn't hard code a background image into your php files like this. It's a simple CSS matter. Google "CSS fixed background" and you'll find that Google is your friend :)
-
19 Dec 2012, 10:44 PM #3
Zen Follower
- Join Date
- Feb 2006
- Location
- Boise, ID
- Posts
- 334
- Plugin Contributions
- 0
Re: BackGround Image
such as
<style type="text/css">
body {
background-image:url('images/frontpage/backgrounds/background1.jpg');
background-repeat:no-repeat;
background-position:center top;
}
</style>Last edited by gloerick; 19 Dec 2012 at 10:48 PM.
-
19 Dec 2012, 10:53 PM #4
Black Belt
- Join Date
- Aug 2005
- Location
- Arizona
- Posts
- 27,755
- Plugin Contributions
- 9
Re: BackGround Image
Yes but add to the ZenCart stylesheetsuch as
-
19 Dec 2012, 11:00 PM #5
Zen Follower
- Join Date
- Feb 2006
- Location
- Boise, ID
- Posts
- 334
- Plugin Contributions
- 0
Re: BackGround Image
Any way to keep the background from scrolling ? keep it static.
-
19 Dec 2012, 11:08 PM #6
Black Belt
- Join Date
- Aug 2005
- Location
- Arizona
- Posts
- 27,755
- Plugin Contributions
- 9
Re: BackGround Image
Try adding this
Code:background-position: fixed;
-
21 Dec 2012, 10:43 AM #7
New Zenner
- Join Date
- Nov 2012
- Posts
- 4
- Plugin Contributions
- 0
Re: BackGround Image
wow its good thread!
-
31 Dec 2012, 03:01 PM #8
New Zenner
- Join Date
- Dec 2012
- Posts
- 11
- Plugin Contributions
- 0
Re: BackGround Image
Hi
This is the css I am using it loads a background image and stretches it to fit the screen.
Add to stylesheet.css in the body{}
{background-color: transparent; /*not required but useful*/
background-image: url(http://www.yoursite/images/yourimage.jpg); /* your image*/
background-repeat: no-repeat; /*can be set to repeat-y or repeat-x*/
background-attachment: fixed; /*make image static*/
background-position: center top; /*set the start position of image*/
background-clip: border-box;
background-origin: padding-box;
background-size: 100% 100%; /*set screen area for image stretch*/
}
Reply With Quote
Similar Threads
-
Background image cover entire background w/one image
By oxicottin in forum Templates, Stylesheets, Page LayoutReplies: 43Last Post: 3 Apr 2012, 03:18 PM -
add background image to a attribute then have that background image act as hyperlink
By sike1234 in forum Setting Up Categories, Products, AttributesReplies: 0Last Post: 14 Nov 2008, 05:38 PM -
How to Change Background Colour to Background image
By ittybittykitty in forum Templates, Stylesheets, Page LayoutReplies: 5Last Post: 9 Aug 2008, 04:36 PM -
Background Image & Background Color
By jben in forum Templates, Stylesheets, Page LayoutReplies: 2Last Post: 30 Mar 2008, 01:11 AM
