Styling collapsed threads
If you opt to use collapsed threads with no style sheet, then your DiscussionApp will look like the following table:
Subject | Author | Last Post |
---|---|---|
Third Thread | Mike Smith | Wed Apr 14 8:16am |
This is a preview of the first message in this thread. This option can be enabled
with the "Show the first message in a thread?" checkbox on your maintenance page. | ||
Second Thread | Jane Walsh | Wed Apr 14 8:16am |
First Thread | John Doe | Wed Apr 14 8:16am |
If you use a style sheet, then your DiscussionApp could look like this:
Subject | Author | Last Post |
---|---|---|
Third Thread | Mike Smith | Wed Apr 14 8:16am |
Second Thread | Jane Walsh | Wed Apr 14 8:16am |
First Thread | John Doe | Wed Apr 14 8:15am |
Below is the style sheet that was used for the table above. Feel free to copy and modify it.
#entries_table { border: 3px solid black; } #entries_headers { color: black; background-color: #eff; } TH.entries_header { text-align: center; border: 1px solid #888; } TR.entry_row { background-color: cyan; } TD.link_cell { padding: 10px; } TD.author_cell { font-size: 80%; } TD.date_cell { font-size: 80%; font-style: italic; } DIV.first_message { padding-left: 2em; padding-right: 2em; font-size: 70%; font-style: italic; background-color: white; }
Below is a diagram which illustrates style sheet selectors with their corresponding table elements:
Please post questions regarding style sheets and DiscussionApps on the DiscussionApp Forum.