Written by Kevin Muldoon from System0 on June 10, 2008

Lists are a great way to present information to readers in your blog posts and are used in blog designs frequently to style menus and links as well. Thankfully, CSS allows you to customize your list markers much easier than basic HTML. I’m sure most of you reading this are using the default style type which came with your blog stylesheet however it’s worth trying a new type of style out and in this post I will show you how you can do just that. I will also show you…

Filed Under CSS / 2 Comments
Written by John Leschinski from Leschinski Design on June 7, 2008

The diffrence between an ID and Class was something I was largely ignorant too for some time at the beginning of my jumping onto the CSS bandwagon and abandoning tables for layouts. I used them both, probably incorrectly, but stuck with class for most of my layouts. It took a while before I even bothered to inquire as to what the diffrence was between id and class, and lucky for you I’m going to share that morsel of knowledge.

  • ID, using the # sign in your CSS, is for items…
Filed Under CSS / 9 Comments
Written by Kevin Muldoon from System0 on June 3, 2008

Just about every blogging platform controls its style using a CSS stylesheet. You may have looked at this code and found it difficult to understand however I believe it’s important to have at the very least a basic understanding of Cascading Style Sheets and how it works with HTML.

In this post I will show you how can define how links are displayed on your blog.

The CSS selector for controlling links is a. This selector can have 5 pseudo-elements : link, visited, hover, focus and active.

a:link : This defines how the link…

Filed Under CSS / 5 Comments
Written by John Leschinski from Leschinski Design on May 10, 2008

If your designing a theme with a dedicated column to the date stamp, you can take back some of that space under it and add a unique pop to your design.

In the image to the right the date column is a span and the content of the article is in a div to the right of it. Because of the way it is layed out, using a span and then floating the content next to it, you have the ability to float things outside of the content and under the…

Filed Under CSS / 3 Comments
Written by John Leschinski from Leschinski Design on May 3, 2008

A pull quote is a quoted snippet from an associated article that is used to highlight a bit of the post. Pull quotes are the most effective element for adding improved scanability to your text, and by extension the perception of your sites usefulness.

Here’s the basics. First, create a new class in your themes style sheet, call it .quote. This is the base of how your pull quotes will be formatted and positioned. Specify whether you want it to float to the left or right, what margins you like, and…

Filed Under CSS / 5 Comments