|
<-- Return to Lessons
| |
Making a Static Background
Also learn how to....
Make a vertical scrolling background
Make a seamless background
Steps to follow
- Select a computer monitor resolution that you are designing for.
Create a graphic to match the browser's LIVE SPACE
 | For 1024 x 768 I will create a 1007 x 566 for IE. |
| NOTE: the graphic could be smaller, it does not
have to fill the screen |
Fade the graphic to allow the web page text to be easily read
| Look at this page to study a faded graphic |
Save the graphic into your IMAGES folder for the web.
Time to modify the BODY STYLE
- Click FORMAT, theme, then CUSTOMIZE.
- Customize the TEXT to get to the BODY STYLE.
- Click Text, then MORE TEXT STYLES... (see below)
- Select the LIST: HTML Tags drop down, and then select BODY
- Click MODIFY... then FORMAT, then BORDER...
- On the SHADING tab, browse to select your background image and then set
the vertical, horizontal, repeat, and attached attributes. (See below)
- Click OK and your THEME will now have a static background.
Study the BODY STYLE...
<style>
<!--body
{
background-image: url('images/PVHS_viking_static.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center }
-->
</style>
|
