I just posted so I can put all the “features” of Markdown, Smartypants, and Bo in one entry on the front page so I can style the site properly without having to change the archive pages just yet. You may disregard this post…

However, you may also check out the entry just to see the different element stylings. (e.g. quotes, code, footnotes, etc. etc.)

Let me just warn you though, since I’m doing this on the fly; I’m pretty sure this will keep on changing just in case you catch me editing the CSS (or if it breaks the page now and then).

All elements will be inside .nMainEntryContent (don’t mind this, this is just a mental, err… visual note)

Headers

using #

h1

h2

h3

h4

h5

h6

using = and - respectively

h1

h2

Lists

Testing ordered lists

1. ordered list item 1
2. ordered list item 2
3. ordered list item 3
   Nested value
   Nested value2
4. ordered list item 4

Testing unordered lists (*, +, -)

• unordered list item 1
• unordered list item 2
  • nested list item 1
  • nested list item 2
• unordered list item 3

Blocks

Testing <blockquote>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla elementum, purus eu lobortis ullamcorper, arcu lorem egestas odio, sed (let’s put in a smiley just in for the heck of it :) ) accumsan metus ante a libero. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas id nibh id urna dignissim pretium. Curabitur nec massa.

Aenean nec odio. Phasellus tincidunt tempus ipsum. Cras imperdiet volutpat elit. Cras a sem. Ut dui turpis, hendrerit a, varius et, pellentesque a, pede.

Testing <pre><code> blocks (4 spaces,¹ indents every 4 spaces) This is also a good time to test the CSS overflow property

<?php
    $query = "SELECT
    id, name, url, details, rss
    FROM links
    WHERE id='2'
    ORDER BY name ASC";
    $SQL = mysql_query($query);
    $result = mysql_num_rows($SQL);
    if ( $result == "0" ) { echo "no links"; } else {
        for ($i=1; $i<=$result; $i++) { $row = mysql_fetch_array($SQL); ?>
            <div class="nLinksRow">
            <div><a <?php if ( $row["rss"] == NULL) { echo 'class="nLinksNoIcon"'; } else { echo 'href="'.$row["rss"].'" class="nLinksIcon" title="RSS Feed Available"'; } ?>>RSS</a></div>
            <div class="nLinkLink"><a href="<?php echo $row["url"]; ?>" title="<?php echo $row["details"]; ?>" target="_blank"><?php echo $row["name"]; ?></a></div>
        </div>
<?php } } ?>

Testing a single <pre> block of elements (no <code>) here.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla elementum,
purus eu lobortis ullamcorper, arcu lorem egestas odio, sed accumsan metus
ante a libero. Vestibulum ante ipsum primis in faucibus orci luctus et
ultrices posuere cubilia Curae; Maecenas id nibh id urna dignissim pretium.
Curabitur nec massa.
Aenean nec odio. Phasellus tincidunt tempus ipsum. Cras imperdiet volutpat
elit. Cras a sem. Ut dui turpis, hendrerit a, varius et, pellentesque a, pede.

Images

With class nb (no border) with anchors

With class wb (with border) with anchors

Default img (when no class assigned) without anchors

Horizontal Rules

-----
* * *
***
*****

Produce:

Am I missing anything?²

post updated on December 3, 2008 @ 9:45 pm