see video tutorials to see how to create styles with the Style Builder
.....continued from previous page. In the last step on the prior page, we placed a div on our web page. Next, we need to create a style and apply it to that div.
1. Styling the Header
In the Style Creator (Builder), place the following info where indicated:
The Selector: #header Check the Apply box
Define in: Existing Style Sheet URL: choose your style sheet
NOTE: #header is an ID CSS Selector as indicated by the #
2. Click on "Position" : Set a Height value of 90 px. Do not set a width. This will cause the header to expand the entire width of the screen, and have a height of 90 px.
3. Click on "Background" : Choose a Background-Color. Click on the little square in the empty box to access the colors. Click on more colors to create a custom color.
4. Click "OK"
While you are styling the header, feel free to create other styles like borders, to get an idea of what you can do with the style builder. More tutorials will be made to show you how to use the style builder in more detail.
NEXT, Repeat the process above, Click and drag a new div onto your page, create a "New Style". This time, make the selector #top_nav for a horizontal nav. Give it a height of 30 px by clicking on "Position" in the style builder.
Add any background color you would like. Set the Font Color to anything you would like.
NOTE: Use em for font size. This will allow users to change the font size on their computer. The em is a relative unit of measurement, in that it will change based on the users commands. Whereas pixels are fixed and cannot be changed by the user.
Make the font size .9 em for the top nav.