The extra options are activated by applying one or several of the following generic CSS-classes.
Add a bottom border to the title. The line-color is chosen as follows:
Generic CSS-class:
Method: Add CSS-class to the HTML-tag for the title
Line color: Select from Color Scheme.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Add a decoration box to the title line. Text is allowed inside the decoration box text. Box-width adapts automatically to text length.
Generic CSS-class:
Method: For the decoration box an additional HTML-tag, which is identical to the regular tag for the title, must be inserted. In the new HTML-tag add the desired CSS-class to turn the box either on or off. To remove the decoration box, it is not necessary to delete the HTML-tag, but simply switch the setting to "box off" and let the HTML-tag remain in place.
You can also add additional generic CSS-classes to modify text (txt-xxxxNN) and/or background colors (bg-xxxxNN) of the decoration box. Sections 3 and 4 below.
Text and background colors: Select from Color Scheme.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Text color can be modified locally.
Generic CSS-class:
Method: Add this class to the HTML-tag to modify text color.
Color: Select from available Color Scheme.
This is text with "txt-grey05".
This is text with "txt-yellow10".
This is text with "txt-green10".
This is text with "txt-red10".
This is text with "txt-blue10".
Background color can be modified locally.
Generic CSS-class:
Method: Add this class to the HTML-tag to modify background color.
Color: Select from available Color Scheme.
This is background "bg-grey05".
This is background "bg-yellow10".
This is background "bg-green07".
This is background "bg-red10".
This is background "bg-blue05".
Align text locally.
Generic CSS-class:
Method: Add CSS-classes in any text-related HTML-tag.
This is default left-aligned.
This is center-aligned
This is right-aligned.
Copyright © 2006 Your Company | All Rights Reserved
Design G. Wolfgang | W3C XHTML 1.0 | W3C CSS 2.0