dmClub JS & CSS general demo page | ![]() |
![]() |
![]() |
dmClub JS & CSS general demo page | ![]() |
![]() |
![]() |
This is the defaut font for body copy. Points you wasnt to hightlight should be set in the class emphasis. This lends focus to key points buried within the body text. This is the defaut font for body copy. Points you wasnt to hightlight should be set in the class emphasis. This lends focus to key points buried within the body text.
For neatness it appears closes to the following text than the preceding text, all throught the magic of CSS.
Points you wasnt to hightlight should be set in the class emphasis. This lends focus to key points buried within the body text. This is the defaut font for body copy. Points you wasnt to hightlight should be set in the class emphasis. This lends focus to key points buried within the body text.
This is the defaut font for body copy. Points you wasnt to hightlight should be set in bold. This lends focus to key points buried within the body text. This is the defaut font for body copy. Points you wasnt to hightlight should be set in the class emphasis. This lends focus to key points buried within the body text. This is the defaut font for body copy. Points you wasnt to hightlight should be set in the class emphasis. This lends focus to key points buried within the body text.
This is the defaut font for body copy. Points you wasnt to hightlight should be set in the class emphasis. This lends focus to key points buried within the body text. This is the defaut font for body copy. Points you wasnt to hightlight should be set in the class emphasis. This lends focus to key points buried within the body text.
Voice A Voice B Voice C Voice D
Handset keypad actions are represented like this: Press #25, using the key b style.
The box outline can also be placed around multiple characters. Press ENTER
Text in table cells, at the standard font size | ||||
cell_plain | cell1i | cell1f | cell2i | cell2f |
cell_plain_thin | cell1i_thin | cell1f_thin | cell2i_thin | cell2f_thin |
cell_plain_thin_pale | cell1i_thin_pale | cell1f_thin_pale | cell2i_thin_pale | cell2f_thin_pale |
![]() |
||||
The class .divider is used to create neat coloured dividing lines in tables. Filling the cell with a transparent single pixel image and sizing it is used to control the thickness of the line. | ||||
Text in table cells, where the class detailed has been applied to the <table> tag, is sligtly smaller | ||||
cell_plain | cell1i | cell1f | cell2i | cell2f |
cell_plain_thin | cell1i_thin | cell1f_thin | cell2i_thin | cell2f_thin |
cell_plain_thin_pale | cell1i_thin_pale | cell1f_thin_pale | cell2i_thin_pale | cell2f_thin_pale |
![]() |
||||
The class .divider is used to create neat coloured dividing lines in tables. Filling the cell with a transparent single pixel image and sizing it is used to control the thickness of the line. | ||||
Messages displayed by applications for internal diagnostic purposes are set on a puple background, using the class internal applied directly to the text container (probably a <span> or <p> tag). When diagnostics appear in table cells, they can also be styled using the classes internal or internalThin applied to the <td> tag. The standard and thin variants share the cell padding properties of the other (public) standard and Thin variants illustrated in the tables above.
Links appear like thisBubble help. Note the tooltip on mouseoverThe act of moving the mousepointer over an object or link on the screen. The word mouseover illustrates the style for infotext (infotext).
Links that open new window or popupsTooltips look like this appear like this. The popup arrow icon is automatically inserted when links are given the class popup. Note that this link demonstrates the javascript popup function when clicked, and a tooltip on mouseover.
Links that move the customer forward can have an arrow afterwards. The arrow icon is automatically inserted when links are given the class forward.
Links that open an options list. The arrow icon is automatically inserted when links are given the class options.
Tabbed link creation is supported by the stylesheet ...
Horizontal menubars are also supported through CSS ...
Graphic buttons can also be created just by applying a CSS style (no images are directly called into the page, and no tables are used) ...
Graphic buttons that move the customer forward ...
Graphic buttons that reload the current page (updating the content) ...
.float_left |
This is the defaut font for body copy. Points you wasnt to hightlight should be set in the class emphasis. This lends focus to key points buried within the body text. This is the defaut font for body copy. Points you wasnt to hightlight should be set in the class emphasis. This lends focus to key points buried within the body text. This is the defaut font for body copy. Points you wasnt to hightlight should be set in the class emphasis. This lends focus to key points buried within the body text. This lends focus to key points buried within the body text. This is the defaut font for body copy. Points you wasnt to hightlight should be set in the class emphasis. This lends focus to key points buried within the body text. This is the defaut font for body copy. Points you wasnt to hightlight should be set in the class emphasis. This lends focus to key points buried within the body text.
.float_right |
This is the default font for body copy. Points you wasnt to hightlight should be set in the class emphasis. This lends focus to key points buried within the body text. This is the defaut font for body copy. Points you wasnt to hightlight should be set in the class emphasis. This lends focus to key points buried within the body text. This is the defaut font for body copy. Points you wasnt to hightlight should be set in the class emphasis. This lends focus to key points buried within the body text. This lends focus to key points buried within the body text. This is the defaut font for body copy. Points you wasnt to hightlight should be set in the class emphasis. This lends focus to key points buried within the body text. This is the defaut font for body copy. Points you wasnt to hightlight should be set in the class emphasis. This lends focus to key points buried within the body text.
All pages have a footer bar specifying the application version, and the code and source revision.
Bold has a different appearance in page help areas. The beginners guide to how to click a link. The beginners guide to how to click a link. The beginners guide to how to click a link. The beginners guide to how to click a link.
Page help goes here