 |
|  
| ||
| ||||
When you enable style sheets with your ReadyGo course, every element has an associated tag. For example, the summary for every page is called the "summarydiv". When you modify the style for that element, it will carry over to all places where it appears. You can override that setting by specifying different styles for specific types of pages. For example, .main #summarydiv will apply to the summary only on the main page for the course.
 | This is what the style sheet looks like for the Main Page of the course: .main #title {} /* course title */ .main #summarydiv{} /* surrounds course title */ .main #summaryspan{} /* course summary */ .main #coursename {} /* course name in copyright line */ .main #continue {} /*continue with course text*/ .main #copyright {} /* text in copyright line */ .main #fwdbtnbottom {} /*continue with course button*/ | |
| The basics of a style sheet tag include | |
 | Tag: main #title | |
| Brackets for the property and value: { } | |
| The comment, explaining the tag /* comment */ | |
| To make editing easier ReadyGo has included a explanation after each element name in the style sheet. If you are unsure of the name of a specific element, you can find out by generating the course, and then viewing the source code for the specific page where your text appears. The element is tagged using the HTML tags "SPAN" or "DIV". The name that appears after "CLASS=" or "ID=" is the identifier. For example, if your text is preceded by <SPAN ID="summaryspan">, you can control its style from the #summaryspan tag. | |
| You will sometimes see labels in the style sheet preceded by a name that starts with a ".". An example is the style:
The ".main" preceding "#title" indicates that changes to this title only affect it when it appears on a "main" page. The label for each page can be found by looking at the <BODY> tag in the source, and reviewing the value for "CLASS". |
|
|
|