VSD background fill properties - Post...
Hi everyone! I hope you all had a great 4th of July weekend!
Ok, so I'm still working on my website & I'm using VSD V6 Build 5.
When I go to "Settings", & "Background fill properties" there is an option to have a single color shown beyond the border. Is there any way to have a picture shown beyond the border instead of a single color?
I know how to change the Page Properties to use a single color or picture etc., but I'd like the "beyond the border" to be a photo as well.
Thanks!
Ok, so I'm still working on my website & I'm using VSD V6 Build 5.
When I go to "Settings", & "Background fill properties" there is an option to have a single color shown beyond the border. Is there any way to have a picture shown beyond the border instead of a single color?
I know how to change the Page Properties to use a single color or picture etc., but I'd like the "beyond the border" to be a photo as well.
Thanks!
Amelia,
You can insert style CSS code into the header using the HTML tool. If you go for something beyone the border, you need to consider that some of your visitors will have a browser window open to less than full screen, and others will be open to full screen in a regular monitor or maybe a wide-screen monitor.
This means you need to use something that does not distort when the browser is wider than you may have planned.
What type of photo are you wanting to use beyond the border?
You can insert style CSS code into the header using the HTML tool. If you go for something beyone the border, you need to consider that some of your visitors will have a browser window open to less than full screen, and others will be open to full screen in a regular monitor or maybe a wide-screen monitor.
This means you need to use something that does not distort when the browser is wider than you may have planned.
What type of photo are you wanting to use beyond the border?
Bill,
Thanks for the info! Now that I know all that, I think I'll just stick to a solid color:) Plus, I don't know a thing about CSS code & all that
Thanks again!
Thanks for the info! Now that I know all that, I think I'll just stick to a solid color:) Plus, I don't know a thing about CSS code & all that

Thanks again!
Hi Amelia,
There's an option to insert an image in the settings for new pages, and on the page properties panel too. Under page background you have 3 choices- solid color, gradient, and... image.
There's an option to insert an image in the settings for new pages, and on the page properties panel too. Under page background you have 3 choices- solid color, gradient, and... image.

I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
https://www.callendales.com
Yep, I know about those settings, but thanks! What I had wanted to do was change the background fill properties beyond the border. But now I'm just using a solid color:)
Thanks!
Thanks!
Amelia,
give this a try see what you get on 1 page for test.
place this code in the header section by going to edit>edit header- then change the image name then save and preview, see if it goes beyond your border..it's like a 3d background where your content moves but the background doesn't but seemed to work for me and my 19 inch screen
give this a try see what you get on 1 page for test.
<style type="text/css">
BODY {
background: url("Animalbglt.jpg");
background-repeat: repeat-y repeat-x;
background-attachment: fixed;
}
</style>
BODY {
background: url("Animalbglt.jpg");
background-repeat: repeat-y repeat-x;
background-attachment: fixed;
}
</style>
place this code in the header section by going to edit>edit header- then change the image name then save and preview, see if it goes beyond your border..it's like a 3d background where your content moves but the background doesn't but seemed to work for me and my 19 inch screen
I guess I didn't understand? I used a photo for my background - which extends beyond the page borders to fill the screen (repeating if needed). I wouldn't know how to keep it from extending beyond the page borders! So this is to be able to have 2 different backgrounds? Will have to give this a try...
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
https://www.callendales.com
Bruzer wrote:
Amelia,
give this a try see what you get on 1 page for test.
place this code in the header section by going to edit>edit header- then change the image name then save and preview, see if it goes beyond your border..it's like a 3d background where your content moves but the background doesn't but seemed to work for me and my 19 inch screen
Amelia,
give this a try see what you get on 1 page for test.
<style type="text/css">
BODY {
background: url("Animalbglt.jpg");
background-repeat: repeat-y repeat-x;
background-attachment: fixed;
}
</style>
BODY {
background: url("Animalbglt.jpg");
background-repeat: repeat-y repeat-x;
background-attachment: fixed;
}
</style>
place this code in the header section by going to edit>edit header- then change the image name then save and preview, see if it goes beyond your border..it's like a 3d background where your content moves but the background doesn't but seemed to work for me and my 19 inch screen
Tried that and saved, uploaded & went to my site and it looks the same.
It's no big deal. I've got it like I want:) But thanks sooo much for the help!
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.