hatom-tutorial

(Difference between revisions)

Jump to: navigation, search
(moving "hints and tips")
Current revision (16:14, 26 March 2008) (view source)
(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>

Current revision

hAtom Tutorial material

Work in progress!!!!

Contents


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>
hatom-tutorial was last modified: Wednesday, March 26th, 2008

Views