I’ve talked about using grids in designing websites previously, aligning your elements to a formula to create consistency and harmony. This isn’t hard to integrate into your design process, but issues can pop up in putting the layout to code; one such problem is columns dropping off.
I always think it’s a good idea to add images to blog posts when you can. They make posts visually more appealing and are useful for breaking up large sections of text.
Using CSS, you can add a border to your post images to make them even more appealing. To do this you first need to find the CSS class which controls what happens …
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 …
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 …
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. …
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 …
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 …