Background in VSD - Page 2

User 271657 Photo


Ambassador
3,816 posts

Here's a sample for you (it's not "live" yet)-

The first pic shows the site in VSD. I've set the page background to solid color (white), added my background image in Settings > Add Files, then went to Header > Edit Header and added the CSS code with my .jpg file for the background in it.

http://i38.servimg.com/u/f38/14/58/51/55/vsd-bk10.jpg

This is the result - the patterned background repeats to fill the browser window, and the solid white background fills just the web page. It's not "clickable", it's not a shape/graphic, and it can't be accidentally moved when you're working on other elements :lol: Notice in the page background dialog you can choose any color, a gradient or image - it doesn't have to be white.

http://i38.servimg.com/u/f38/14/58/51/55/vsd-bk12.jpg

If you look at my site (link below), you'll see I've used this method to put a patterned background (for the browser) under an image background on the actual web pages.
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 503621 Photo


Registered User
266 posts

thanks , very nice !
User 2089617 Photo


Registered User
58 posts

Hmm..

I have a background fill image but i don't want it to repeat and i don't want it to move when people scroll down the page.

is there any code that i can add to the header maybe to do this???

hope you understand..
Murray Walker: And look at the flames coming from the back of Berger's McLaren
James Hunt: Actually, Murray, they're not flames, it's the safety light.
User 271657 Photo


Ambassador
3,816 posts

From Eric's very helpful VSD site:
http://progrower.coffeecup.com/opacity.html#backg

The second code snippet is for a non-repeating background :)
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 2089617 Photo


Registered User
58 posts

Hmm, Close but no cigar lol

I just want the image in the background fill not to actual background, ie: outside the border... :/.
Murray Walker: And look at the flames coming from the back of Berger's McLaren
James Hunt: Actually, Murray, they're not flames, it's the safety light.
User 2089617 Photo


Registered User
58 posts

No Worries,

Done it, this is the code that does it...

As always many thanks for your help...

<style type="text/css">
body {
background:url(bg.jpg);
background-attachment: fixed;
}
</style>
Murray Walker: And look at the flames coming from the back of Berger's McLaren
James Hunt: Actually, Murray, they're not flames, it's the safety light.
User 2073552 Photo


Registered User
1,625 posts

Andrew J Cranswick wrote:
Hmm, Close but no cigar lol

I just want the image in the background fill not to actual background, ie: outside the border... :/.


I got the fact that you wanted the background as fixed, but did not understand this quoted post above. :P
"An Apple doth not fall far from its tree, yet an orange does."

https://lbwebsitedesign.com - Responsive Web Design & Web Hosting Services.
http://helpsite.sirage.com - HTML5, CSS3 and CC Help Video Blog.
User 38401 Photo


Senior Advisor
10,951 posts

To do that you would need to create that background yourself. In other words, work out the width of your entire site including the full background. Work out the width of the content area that would be over the background and work out the width you need it to fill on each side.

Then create an image that has a color in the center area and the parts on the sides that you want to see. Something simliar to this:

http://www.ddo.com/media/layout/background.jpg
User 187934 Photo


Senior Advisor
20,271 posts

I was thinking this.
http://progrower.coffeecup.com/noscroll.html
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 38401 Photo


Senior Advisor
10,951 posts

hmm I may be misunderstanding his background fill thing myself actually. Just read it again and I don't think I read it correctly the first time, and I'm really not making sense of it this time LOL

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.