The HTML
The HTML code for this is actually pretty simple. Most of the difficulty I had designing this theme was specific to WordPress, and not the theme itself.
Again, here is the code, discussion will follow.
<html> <head> <title>Testing 1...2...3...</title> <link rel="StyleSheet" type="text/css" href="style.css"> </link></head> <body> <div class="narrowcolumn"> <h2>Here's the content</h2> <p>And here is some stuff for you to read</p> </div> <div id="sidebar"> <p>This is the<br /> Navigation</p> </div> <div id="header"> <img src="images/top_left.gif"/> <div id="title"> <a href="">Logo</a> </div> </div> </body> </html>
Not much to discuss, the HTML is pretty simple. Notice though that the content div (narrowcolumn) is the first section in the code. The navigation and header are at the end. This should make search engines like it better. Also notice that the top_left.gif file is referenced within an tag. Look back at the CSS file and see that the other two graphics are referenced as background images that repeat. I did it this way because the top_left.gif image is the only one that does not repeat, although I could have just as easily created an additional explicitly sized div with the top_left.gif as background and positioned it where it needed to be.
[…] It happens about once a year. I get this urge to redesign one of my sites. And this one with its wavy lines just seemed due. So here is my new design. As you can probably tell I’m on a minimal design kick right now. […]