hatom-tutorial: Difference between revisions
Jump to navigation
Jump to search
(moving "hints and tips") |
Singpolyma (talk | contribs) (updated incorrect class names to match current hAtom spec) |
||
| Line 10: | Line 10: | ||
<pre><nowiki> | <pre><nowiki> | ||
. | .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><abbr | HTML typically puts a dotted line under <code><abbr></code> elements. This will put postage paid to that for Entry Updated and Entry Posted: | ||
<pre><nowiki> | <pre><nowiki> | ||
. | .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=" | 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>