JoomTPL
From Kb_JMY(晉明夷)
(Redirected from Joom: Template Design)
Joomla Template Design
Contents |
Joomla 1.5 Template Design
IE issues
Specifications
- Selector Types
- HTML selector: e.g. "h1", "p", "div"
- Class Selector: e.g. ".authorName"
- ID Selector: e.g. "#content"
The class selector (.myclass) selects elements that have the specified name (myclass) in their class attribute. Note that an element may have multiple space-separated class names, and the class selector matches if at least one of the class names matches the selector.
The ID selector (#myid) matches an element that has the attribute id="myid".
ID selectors have higher specificity than class selectors.
An ID selector can only match one single element in a document, since IDs must be unique. A class selector can match any number of elements, and these elements can be of different types (e.g., a DIV, a UL and an EM element can all have the same class).
Template Layout
- Ref:
- htmldog.com -- htmldog's CSS Beginner's Guide
- hotwired.lycos.com -- Mulder's Stylesheets Tutorial
- yourHTMLsource.com
W3C and Tableless Design
Using CSS to create a layout
- Ref:
- joomla.org -- Using CSS to create a layout <-- Joomla Specific CSS Listed Here!
- particletree.com: Kevin Hale's - An Overview of Current CSS Layout Techniques
CSS Positioning
- Ref:
- barelyfitz.com -- Learn CSS Positioning in Ten Steps
- brainjar.com -- CSS Positioning
- w3schools.com -- CSS position Property
- Box Types
- block -- Block boxes are generated by elements such as P, DIV or TABLE
- inline -- Inline boxes are generated by tags such as B, I or SPAN and actual content like text and images.
- Positioning Schemes
- three positioning modes or schemes in CSS2
- normal
- float -- e.g <span style="float:right;width:40%;">content...</span>
- absolute
