Earlier articles have shown how to place thumbnails in a block without the use of tables, but all of them so far have used a single size of thumb. A visitor asked in the forum here how to include one large thumbnail in such a block. The solution - except for having to fix Explorer’s double-margin bug - is very easy.
You created your page, it looks great in one browser and horrible in another. What next? Sometimes the solutions are obvious and other times several small errors are working together to create the changes you see. The only way to catch these and correct them is with a methodical approach to troubleshooting.
Halfway down the page in your new design you suddenly get a space between two lines which you know you didn’t put there. That could be inheritance, although in fairness it is a feature of CSS which not only needs to be understood, but can be used to help you keep your HTML and CSS files as trim as possible.
This is the final article in the “Create a Theme” series. In it we check out the sub-pages of the blog and tidy up any loose odds and ends. Once these final tweaks are done, your new blog will be ready to launch!
The third article in this series gets to grips with all the remaining styles on the main page (which in fact will cover most of the site). By the end of this article we have something which is actually beginning to look like a blog.
The second article working towards a babelog-style WordPress theme. This one gets the theme’s columns organized and sets the font styles, sizes and colors. It deals with the way in which browsers impose a lot of formatting we may not want (and that they don’t handle consistently) and shows how to bring them all to heel.
The first in a series of articles working through creating a babelog-style WordPress theme from scratch. It starts with a basic set of templates and a near empty stylesheet and this first article covers choosing a setting the background color and header image.
The best way to understand WordPress themes is to create one. And that’s exactly what we shall be doing over the next few articles: building from scratch a babelog-style theme. We shall be going in easy steps which require only a minimal knowledge of HTML and CSS, so anyone should be able to follow. So you can follow along, I have provided a zip with all the files you will need for this project.
The “Deep Purple” theme is an attempt to move away a little from traditional blog layout while retaining its functionality. It is also a flexible design which automatically adjusts to the visitors’ screen resolutions, but restrained between 770 pixels and 900 pixels so that it never squashes or stretches to the point of being spoiled.
“Black Red” is an atmospheric theme ideal for several kinds of sites, especially for those with a fetish flavor. It is a fixed-width design available in 3-column and 2-column versions. Although a text-based header is recommended for search-engine appeal, it is simple to use a graphic header instead.
