I used a page background image to fill beyond the borders. I then used the Shapes tool to create a white area for my site text and images, and I also had created a colored header for the Title, etc. SO, I'm dealing with the two movable objects that won't stay put when I'm creating lines (for column division), text boxes, you name it. Is there any way to anchor them so I can work on a page that's always updating? As it is, I'm having to take the large white shaped box and move it out of the way while I enter my text and objects.
JE
Are you switching between the code editor and the VSD editor?
I know you believe you understand what you think I said...but I am not sure you realize that what you heard is not exactly what I meant.
In VSD you can have both a background image and a page background (solid color, gradient or image). Then your page will remain in place and you'll only have your header and whatever else you add to deal with. Unfortunately, there's no way to lock objects in place.
Anyway... I will find the thread that explains how to do the background (seems like this just came up recently) and put a link here - if someone else doesn't find it first.
Anyway... I will find the thread that explains how to do the background (seems like this just came up recently) and put a link here - if someone else doesn't find it first.

I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
https://www.callendales.com
Here it is:
From Cary:
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.
-----------------------------------------------------------------------------------------------------------------------------------
That will take care of the background, then you can go to Settings (in the top menu bar) and select Standard Settings for New Pages, then choose your page bkgrnd. color. Now your page won't move!
From Cary:
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.
-----------------------------------------------------------------------------------------------------------------------------------
That will take care of the background, then you can go to Settings (in the top menu bar) and select Standard Settings for New Pages, then choose your page bkgrnd. color. Now your page won't move!
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
https://www.callendales.com
I was able to follow through until the following and I got lost since I don't understand CSS:
"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."
"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."
JE
OK, how about this..... say I have a blue page and I have a picture of some clouds that I want to repeat to fill the screen - what you would see on either side of the blue page. I'll call my picture "clouds.jpg".
So the code snippet would look like this:
<style type="text/css">
body {
background:url(clouds.jpg); <<<< put your file here
background-repeat: repeat-x; <<<< you can have your background repeat or not
background-repeat: repeat-y; ( x = horizontal, y = vertical)
}
</style>
Copy the above code (without my notes!). In VSD click on Edit on the top menu bar. Go to Edit Header. That will open a box for you to paste the code into. Now you can type your own file name in place of "clouds" and keep or delete the repeats, depending on what your image is. Save and preview
One other thing - make sure to include your background image file. Go to Settings > Add Files, browse for your background image and click add. You should see your file appear in the right -hand pane.
So the code snippet would look like this:
<style type="text/css">
body {
background:url(clouds.jpg); <<<< put your file here
background-repeat: repeat-x; <<<< you can have your background repeat or not
background-repeat: repeat-y; ( x = horizontal, y = vertical)
}
</style>
Copy the above code (without my notes!). In VSD click on Edit on the top menu bar. Go to Edit Header. That will open a box for you to paste the code into. Now you can type your own file name in place of "clouds" and keep or delete the repeats, depending on what your image is. Save and preview

One other thing - make sure to include your background image file. Go to Settings > Add Files, browse for your background image and click add. You should see your file appear in the right -hand pane.
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
https://www.callendales.com
It worked but I have 2 things to work through. The background is set and working, the page I used white and it's all anchored. But, although I set the page to a different width and centered it, it's filling all the way to the right of the screen.
Second question, when I had used the white layer for the page to lay my test on, I had used an Effect to shadow it onto the Background. Can that be done with your setup?
Second question, when I had used the white layer for the page to lay my test on, I had used an Effect to shadow it onto the Background. Can that be done with your setup?
JE
It sounds like you have your background set to no-repeat. Backgrounds start from the top, left corner. I'm guessing that if you had a really large screen, you'd see white at the bottom too. Is your site not "live" yet? It would be good to see what your background image is. You could Google "tiled background" tutorials and see how to make a seamless background that will repeat across and down, so it fills any screen size.
For a shadow on your white page - If you make your page in an image editing program, you could put the shadow on it and save it as a png file, then in VSD you would choose image rather than solid color for your page fill. It would probably be a pretty big file though (slow to load, look up ping compressor). Or.... Maybe someone around here knows if it's possible to add the shadow with some CSS (border effects)?
For a shadow on your white page - If you make your page in an image editing program, you could put the shadow on it and save it as a png file, then in VSD you would choose image rather than solid color for your page fill. It would probably be a pretty big file though (slow to load, look up ping compressor). Or.... Maybe someone around here knows if it's possible to add the shadow with some CSS (border effects)?
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
https://www.callendales.com
Thanks it worked and yes, if someone does know how to use Effects on the Page without a large upload (this all makes sense now), then I'd appreciate it.
But, while we're still looking at this, and if this isn't too much to go into here: here's an example of what I would like to go for - how would I get the 3 tone effect, background, sidebar, and page. And how did they lower the page line for their header to be on the background inage?
http://www.iconspedia.com/search/video/
But, while we're still looking at this, and if this isn't too much to go into here: here's an example of what I would like to go for - how would I get the 3 tone effect, background, sidebar, and page. And how did they lower the page line for their header to be on the background inage?
http://www.iconspedia.com/search/video/
JE
In VSD you have some page positioning choices. On the page properties docker, at the bottom, is a check mark for position. If you click that you'll get some options in the drop-down next to it. You might be able to put your page in the center of the screen, leaving some space at the top that way. The other option would be to use CSS to position it - even with a WYSIWYG editor there's no getting around some coding! 
As for different colors for sidebars, etc... You could just make your page in something like Photoshop rather than adding shapes in VSD. Here's one I did like that so I could have some difference between the side/main content area:
http://cynthiadanielle.com/
So the page is one image, rather than separate pieces.
You might ask about the page positioning in the HTML Editor forum and explain that you're looking for looking for some code you can copy/paste into VSD (for the drop-shadow, too). People writing their own html/css are more likely to know how to do these things - I've learned a lot just reading through posts over there.

As for different colors for sidebars, etc... You could just make your page in something like Photoshop rather than adding shapes in VSD. Here's one I did like that so I could have some difference between the side/main content area:
http://cynthiadanielle.com/
So the page is one image, rather than separate pieces.
You might ask about the page positioning in the HTML Editor forum and explain that you're looking for looking for some code you can copy/paste into VSD (for the drop-shadow, too). People writing their own html/css are more likely to know how to do these things - I've learned a lot just reading through posts over there.

I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
https://www.callendales.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.