hatom-tutorial

From Microformats Wiki
Revision as of 16:14, 26 March 2008 by Singpolyma (talk | contribs) (updated incorrect class names to match current hAtom spec)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

hAtom Tutorial material

Work in progress!!!!

Hints and Tips

CSS tips

HTML typically styles address as a block level element in an italic font. This will make it inline and plain within hAtom elements:

.hentry address {
    display: inline;
    font-weight: normal;
    font-style: normal;
} 

HTML typically puts a dotted line under <abbr> elements. This will put postage paid to that for Entry Updated and Entry Posted:

.hentry abbr.updated, .hentry abbr.published {
  font-style: normal;
  border: none;
}

MovableType Template

A datetime encoded in an ABBR element can be produced with the following template code:

<abbr 
 class="published" 
 title="<$MTEntryDate format="%Y%m%dT%H%M%S"$><$MTBlogTimezone
 no_colon="1"$>"><$MTEntryDate format="%X"$></abbr>