Difference between revisions of "hatom-tutorial"

From Microformats Wiki
Jump to navigation Jump to search
(moving "hints and tips")
 
(updated incorrect class names to match current hAtom spec)
 
Line 10: Line 10:
  
 
<pre><nowiki>
 
<pre><nowiki>
.entry address {
+
.hentry address {
 
     display: inline;
 
     display: inline;
 
     font-weight: normal;
 
     font-weight: normal;
Line 17: Line 17:
 
</nowiki></pre>
 
</nowiki></pre>
  
HTML typically puts a dotted line under <code>&lt;abbr></code> elements. This will put postage paid to that for Entry Updated and Entry Posted:
+
HTML typically puts a dotted line under <code>&lt;abbr&gt;</code> elements. This will put postage paid to that for Entry Updated and Entry Posted:
  
 
<pre><nowiki>
 
<pre><nowiki>
.entry abbr.updated, .entry abbr.posted {
+
.hentry abbr.updated, .hentry abbr.published {
 
   font-style: normal;
 
   font-style: normal;
 
   border: none;
 
   border: none;
Line 32: Line 32:
 
<pre><nowiki>
 
<pre><nowiki>
 
<abbr  
 
<abbr  
  class="posted"  
+
  class="published"  
 
  title="<$MTEntryDate format="%Y%m%dT%H%M%S"$><$MTBlogTimezone
 
  title="<$MTEntryDate format="%Y%m%dT%H%M%S"$><$MTBlogTimezone
 
  no_colon="1"$>"><$MTEntryDate format="%X"$></abbr>
 
  no_colon="1"$>"><$MTEntryDate format="%X"$></abbr>
 
</nowiki></pre>
 
</nowiki></pre>

Latest revision as of 16:14, 26 March 2008

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>