Loading...
 
Skip to main content

Themes

Forum List Topic List

 
Thread actions
Print this page
  • Print all pages

    • Understanding Theme CSS File Elements

    Posted by commania

    (newbie alert)
    I'm looking for something that can help me understand what elements that I see on the tikiwiki browser page are associate with what elements in the css theme files.

    For example, what does "div.titlebar" refer to?

    And

    For the little menu's in the right column, what controls the color of these title bars?

    I don't need the answer to these specific questions so much as I need to know how to answer these questions in general.

    Is there like a map or a dictionary or glossary....?

    Any help on this would be appreciated.

    Thanks!

    Reads: 1379
    Posted by Gary Cunningham-Lee Japan

    I suggest you get the Firefox browser if you don't already have it, and then get the "Firebug" add-on for it (there's an "sdd-ons" item in the Firefox menu, to get to the download site for these). Using Firebug, you can move your pointer over the web page and all the CSS selectors are identified and their properties are shown. It's a great tool, easy to use, and free.

    There isn't a comprehensive glossary of the CSS selectors used in TikiWiki themes, as far as I know. I've thought about doing one, but it'd be quite a big job and there've been more immediate things to work on.

    (By the way, div.titlebar is used in wiki page content, for a graphic title within the text like

    This is a title bar

    and the side-column module titles are h3 headings with the class "box-title", or h3.box-title in the CSS file.)

    -- Gary