Difference between revisions of "S2 CSS: High level layout ids and classes"
From Dreamwidth Notes
Foxfirefey (Talk | contribs) (Created page with '{{Expand|text=Needs overall description}} == #canvas == * '''Affects:''' The whole page, excluding the nav strip * '''Views:''' All == #header == * '''Affects:''' The page h...') |
Foxfirefey (Talk | contribs) m (moved S2 CSS: High level layout classes to S2 CSS: High level layout ids and classes: Nothing here is classes!) |
(No difference)
|
Revision as of 02:29, 26 April 2009
Expand: Needs overall description
Contents
#canvas
- Affects: The whole page, excluding the nav strip
- Views: All
#header
- Affects: The page header, containing the title/subtitle of the page.
- Views: All
- Other information: This would usually contain an h1 and h2 saying something like "Your Name / Recent Entries".
#primary
- Affects: Main content area (user entries on Recent, other users' entries on Read, calendar on Calendar)
- Views: All
- Other information: #primary, #secondary, and #tertiary are layout identifiers. CSS for these areas will generally be focused on size and positioning rather than the formatting of their contents.
#secondary
- Affects: A sidebar or other non-primary section of the page, usually used to for modules such as navigation, links, calendar, tags etc
- Views: All
- Other information: #primary, #secondary, and #tertiary are layout identifiers. CSS for these areas will generally be focused on size and positioning rather than the formatting of their contents.
#tertiary
- Affects: Additional sidebar or similar. In a three-column layout, this would be the second sidebar, but it could also appear at the bottom of the page, or anywhere else where you might want to put modules.
- Views: All
- Other information: #primary, #secondary, and #tertiary are layout identifiers. CSS for these areas will generally be focused on size and positioning rather than the formatting of their contents.