Uklad Strony

Układ strony

Poniżej znajduje się drzewo reprezentujące strukturę strony, która jest wspólna dla każdego sajtu znajdującego się w serwisie Wikidot.com. Dokument ten powinien pomóc wszystkim, którzy chcą rozwijać swoje własne tematy (stworzone poprzez arkusze stylów CSS).

• div#container
  • div#header
    • h1
      • a
        • span (z nazwą strony)
    • h2 (jeżeli istnieje podtytuł strony)
      • span (z podtytułem strony)
    • div#top-bar (jeżeli istnieje element nawigacyjny nav-top)
    • div#login-status
    • div#header-extra-div-1 (dodatkowy DIV dla designu CSS)
      • span
    • div#header-extra-div-2 (dodatkowy DIV dla designu CSS)
      • span
    • div#header-extra-div-3 (dodatkowy DIV dla designu CSS)
      • span
  • div#content-wrap
    • div#side-bar (jeżeli istnieje element nawigacyjny nav-side)
    • div#main-content
      • div#action-area-top
      • div#page-title
      • div#breadcrumbs
      • div#page-content (główna treść strony)
      • div#page-info
      • div#page-options-bottom.page-options-bottom
      • div#page-options-bottom-2.page-options-bottom
      • div#action-area
  • div#footer
    • div.options
  • div#license-area
• div#extra-div-1 (dodatkowy DIV dla designu CSS)
  • span
• div#extra-div-2 (dodatkowy DIV dla designu CSS)
  • span
• div#extra-div-3 (dodatkowy DIV dla designu CSS)
  • span
• div#extra-div-4 (dodatkowy DIV dla designu CSS)
  • span
• div#extra-div-5 (dodatkowy DIV dla designu CSS)
  • span
• div#extra-div-6 (dodatkowy DIV dla designu CSS)

Struktura forum

Elementy forum są zagnieżdżone wewnątrz elementu div#page-content.

Widok początkowy Forum (lista grup i kategorii)

• div.forum-start-box
  • div.forum-group - dla każdej z grup (najwyższy poziom struktury forum)
    • div.head
      • div.title
      • div.description
    • div
      • table
        • tr.head - opis pól
          • td
          • td
          • td
          • td
        • tr - dla każdej kategorii w grupie
          • td.name
            • div.title
            • div.description
          • td.threads
          • td.posts
          • td.last

Widok kategorii (lista wątków)Category view (list of threads)

Widok wątku