Design help with vsd

User 1994248 Photo


Registered User
5 posts

I am a volunteer building my 2nd website. I have been maintaining the first one for 5 years in vsd.
This new website design requires a brown background with the right half of the screen white. The URL is www.friendsofathertonlibrary.org I have made changes to the pixels on the Page Properties and the size of the white box, but I can't get them to work together satisfactorily.

Anyone able to give me some guidance?

Thanks,
ginny
User 2147626 Photo


Ambassador
2,958 posts

You say 'right half of screen' needs to be white, but VSD is not responsive so...how much of the right half will depend on the screen size. It will look different on different monitors.

Hold on though, maybe on of the 'coders' can help you out when they come along.
Graphics for the web, email, blogs and more!
-------------------------------------
https://sadduck.com
User 187934 Photo


Senior Advisor
20,247 posts

I'm going to need more information.
Where's the content going?
Why not make you page background white then in the Background fill properties make that brown. Don't use a center design.
Like Gunsmoke said it wont adjust to a screen size but there may be another solution. Really depends on content position.
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 271657 Photo


Ambassador
3,816 posts

Hi Ginny,
You can make your background in an image editing program (CC Web Image Studio, Photoshop...).
Make something like this, using your colors (minus the black outline) and proportion of brown to white needed. Make it as wide as your page; 1024px for example:
https://sdrive-storage.s3.amazonaws.com/callie/524c66b0853056/57581744/split-bkrnd.png

In VSD, go to Page Properties and choose your image for the page background. It will repeat to fill the page giving you the brown/white sections on either side.
Go to Background fill properties and set the color that extends beyond the page to the same brown shade.
Now you can position text and images however you want and your background will stay in place. :)
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 1994248 Photo


Registered User
5 posts

Thank you all .............. let me see what I can make happen with these suggestions.

ginny
User 1994248 Photo


Registered User
5 posts

OK Paintbrush, I am getting closer. I have put the Background color in bright green so I can see what is happening. I see now how to make it the brown color, which will be great. How do I get the brown/white image to fill the screen? I made the website dimensions 1620x1050 pxls.

Thank you,
ginny
User 187934 Photo


Senior Advisor
20,247 posts

I was thinking maybe something like this.
http://progrower.coffeecup.com/test8.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 271657 Photo


Ambassador
3,816 posts

1620 is really wide for a website, many users will be stuck with horizontal scrolling. Bad enough on a laptop, but it can be really annoying on a phone or tablet. You might try 1024 or 1280.

If you make the pattern in an image editor, save for web and bring it into VSD as your page background, it will automatically repeat to fill the page. So for a 1280 px wide page, your image would be 1280px wide, but only needs to be a few pixels high; 10 or so will work just fine.
Click the white page icon and at the bottom of the docker, choose image for your background, browse to your background file. Next, in the top menu bar, click Settings and go to background fill properties, click select a color and use the same brown for that background. Here's a sample at 1280px:
https://sdrive-storage.s3.amazonaws.com/callie/524ccc66755167/24494674/split-bkrnd2.jpg
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 1994248 Photo


Registered User
5 posts

Yes Eric ............. that is exactly what I am working on ............. how do I reproduce that in vsd?

Thank you,
ginny
User 187934 Photo


Senior Advisor
20,247 posts

This should help.;)
http://progrower.coffeecup.com/jqueryba … color.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

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.