Backgrounds for behind website with VSD

User 340838 Photo


Registered User
12 posts

Can anyone tell me how to have background images BEHIND my website with using Visual Site Designer? I have an option for a solid color or to continue the background image that is on the website. Can I have a different image beyond the website using VSD?
Barry
Outdoor Graphix
www.outdoorgraphix.com
User 147665 Photo


Ambassador
712 posts

You can open your page in VSD
click the HTML button
click on the page
when the box opens
enter some css
--for image--
<style type="text/css">
<!--
body {background-image:url('http://www.example.com/images/myimage.jpg');}
-->
</style>

--for color--
<style type="text/css">
<!--
body {background-color:#b0c4de;}
-->
</style>

User 340838 Photo


Registered User
12 posts

Thanks Dave but do you have to use an outside source for the image? Can you use one from your computer? Also, your script is kind of jumbled, can you give me a start and stop for each. I do not know how to write script so I usually just cut and paste it. Thanks.
Barry
Outdoor Graphix
www.outdoorgraphix.com
User 147665 Photo


Ambassador
712 posts

I have found it's easier to have an image folder on the server for my own images
If my domain is www.example.com
then the image would be at www.example.com/images/myimage.jpg
The code below is for color.. it might look jumbled, but that is the proper way to write css


<style type="text/css">
<!--
body {background-color:#b0c4de;}
-->
</style>

User 340838 Photo


Registered User
12 posts

Dave, Thank you! I understand now. Did not mean to say your work is jumbled, I did not understand. Thanks your help with this!
Barry
Barry
Outdoor Graphix
www.outdoorgraphix.com
User 271657 Photo


Ambassador
3,816 posts

I just went looking for this last night :lol:

From Cary:

This was actually more involved than I thought it would be. I hadn't tried it before. Nothing bad though. Just a few more buttons clicks than I had imagined.

In Page Properties you need to select a solid color background, and set it to black. This will be the background for the page content area. I have the "Centered" check-box checked as well, so the page centers in the browser.

You also need to select the menu item "Settings" > "Background Fill Properties..."

Here you need to select "Solid Color" and pick a color for the border area of the page. It won't actually be used since we're going to replace it with an image, but this trick won't work without Solid Color selected.

Now you need to get your background image into VSD. Use the menu "Settings" > "Add Files..." to copy the image you want to use to the root of your site.

Let's suppose the image is called "border.jpg". This is what your CSS will look like if you want it to just repeat around the border area of the page:

<style type="text/css">
body {
background:url(border.jpg);
}
</style>


That block of code needs to be inserted into the head of the page using the "Edit" > "Edit Header..." menu item I mentioned previously.

This works very well, and you can easily make changes if needed by going back to "edit header".
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 147665 Photo


Ambassador
712 posts

@paintbrush, can you post a link to your site where you have this at.

I just did my test site with back ground color using the easy way
http://www.onelakesideweb.com/VSD

User 271657 Photo


Ambassador
3,816 posts

Here's one site - the background is from a photo of one of the artist's paintings:

www.maryloubarrow.com

I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 147665 Photo


Ambassador
712 posts

actually I just found it,, you have to excuse me, not used to doing things without coding it by hand
There is a menu at the top of VSD "settings" > "Background fill properties" > "solid color" and choose

User 340838 Photo


Registered User
12 posts

Dave, I looked at your website and have a couple of questions. One is that when I create a website with VSD, the text looks fine on my computer but when I go to someone else's computer and look at the website, the text is screwed up. I was told that I need to use Verdana or another text that is common to all computers. If I use the advanced text option, will that stop that issue?
Second, how did you get multiple blogs within the one blog window?
Thanks,
Barry
Barry
Outdoor Graphix
www.outdoorgraphix.com

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.