See This Theme’s Styles in Action!

This theme comes equipped with everything you need to produce a professional-grade Web site. I personally guarantee that you’ll be positively amazed by how easy it is to put your best foot forward with this product.

Find out all the styles that you’ll have at your disposal by choosing a theme from the sidebar, and then check out how the styles affect the content of this article.

Lists

Lists are easy for readers to digest, and because of that, most people love ‘em. With that in mind, you oughta start using more lists in your posts! This theme comes equipped with three killer list styles, and your job is simply to choose the one that is best-suited to your particular needs. The first type of list is an unordered list, and it looks like this:

• List item 1
• List item 2
• List item 3
  • Nested list item 1
  • Nested list item 2
• List item 4

The second type of list is an ordered list, and it looks like this:

1. List item 1
2. List item 2
3. List item 3
4. List item 4

The third and final type of list is called a definition list. Although they are less common, they can be useful for presenting meanings, relationships, or simply for clarification. Check it out:

This is a definition list item title

This is the description text that is related to the title above

The Neoclassical Theme

A bulletproof, standards-compliant, customizable WordPress theme from Chris Pearson

Sub-Headlines

Sub-headlines have already been used twice in this post…did you spot them? The first one says “Lists,” and the second one says “Sub-Headlines.” Thanks to the flexibility of our themes, you can create similar headlines without having to do any styling on-the-fly. All you have to do is wrap your headline text in <h3> tags, and BOOM, you’ll get results like you see here.

If you’re using the Rich Visual Text Editor (which I absolutely do not recommend), you need to switch to the HTML viewer and enter your text between <h3> tags. When you’re done, click on the Update button, and you can continue writing your entry.

If you’re using the regular old text-based editor (cheers if you are!), then you could write a line that looks something like this: <h3>Blockquotes</h3>, and you’ll end up with something that looks like this…

Blockquotes

This is one area where my themes have no peers…

Every theme worth its weight in bandwidth comes with some sort of pre-defined blockquote styling, but how many themes do you know of that come with three different blockquote styles? This is one area where my themes have no peers, and you can use these blockquote styles to your advantage as you liven up your posts for your readers.

The quote above is what is referred to as a “pullquote,” and you can create two types of these in your posts—one will be aligned to the right, and the other to the left. Use the following structure to make it happen: <blockquote class="x">, where x is replaced by either “left” or “right,” depending on which side of the text you want your pullquote to display.

Standard Blockquote

And naturally, no theme would be complete without the standard old blockquote, which comes out looking like this:

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque pharetra velit vel purus. Nunc tempor, urna sit amet euismod elementum, erat tellus auctor erat, non condimentum dui wisi non orci. Nam fringilla leo sed dui. Vestibulum ac elit sit amet diam vehicula scelerisque.

To use these, simply wrap your quoted text in <blockquote> tags.

Oh, and we may as well test a trackback, right?

Tagged as: code, Design, style