Modifying Style Sheet .css
Several parameters can be defined in style sheet .css:
• Background color
• Links color
• Visited links color
• Text color
• Default font
Modifying contents page parameters
|
To modify:
|
Style and parameter to be modified:
|
|---|---|
|
Background image
|
Style 'BODY.Content' or 'BODY', parameter 'BACKGROUND-IMAGE'
|
|
Background color
|
Style 'BODY.Content' or 'BODY', parameter 'BACKGROUND-COLOR'
|
|
Links color
|
Style 'A', parameter 'COLOR'
|
|
Visited links color
|
Style 'A:visited', parameter 'COLOR'
|
|
Text color
|
Style 'BODY.Content' or 'BODY', parameter 'COLOR'
|
|
Default font
|
Style 'BODY.Content' or 'BODY', parameter 'FONT-FAMILY
|
'BODY' style applies to all HTML pages, except if another style takes precedence.'BODY.Content' style applies to the contents page only.
Modifying menu parameters
|
To modify:
|
Parameter to be modified:
|
|---|---|
|
Background color
|
Style 'BODY.Menu' parameter 'BACKGROUND-COLOR'
|
|
Links color
|
Style 'Menu A' parameter 'COLOR'
|
|
Visited links color
|
Style 'Menu A:visited' parameter 'COLOR'
|
|
Text color
|
Style 'BODY.Menu' parameter 'COLOR'
|
|
Default font
|
Style 'BODY.Menu' parameter 'FONT-FAMILY'
|
Example of .css configuration
Example: image (current repository) without background color
BODY.Menu
{
MARGIN-TOP: 10px;
FONT-SIZE: 10px;
BACKGROUND-IMAGE:url(..\standard\HOMEPICTURE.JPG);
MARGIN-LEFT: 5px;
}
Example: background color without image
BODY.Menu
{
MARGIN-TOP: 10px;
FONT-SIZE: 10px;
BACKGROUND-IMAGE: none;
MARGIN-LEFT: 5px;
BACKGROUND-COLOR: #f5f4ee
}