hatom-tutorial

From Microformats Wiki
Revision as of 22:11, 3 February 2006 by RyanKing (talk | contribs) (moving "hints and tips")
(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:

.entry 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:

.entry abbr.updated, .entry abbr.posted {
  font-style: normal;
  border: none;
}

MovableType Template

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

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