hatom-tutorial: Difference between revisions

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>