0.91
This is the release of the missunderstood theme, originally designed by Will Rossiter. This is a dark theme, with a slightly girlish touch (thats not pink!).

The sidebar is fixed, but the header and content-area are fluid to accommodate different sized screens/browsers. I included the WordPress Theme Toolkit by Ozh for user-friendliness. For style and functionality I have included some plugins: jspullquotes by Viper007Bond (for the cute magazine-style pullquotes), Sociable by Peter Harkins (adds Social Bookmarking links to the end of each post), Live Comment Preview by Jeff Minard and Iacovos Constantinou, Optimal Title by Aaron Schaefer (reverses order of post-title/blog-title for SEO/Search friendliness) and Related Posts by By Alexander Malov & Mike Lu (lists related posts at the end of each post).

This theme is Widget-ready and tested in WordPress 2.0.x and 2.1alpha-3. It is valid XHTML and CSS.

Instructions for installation and configuration:

   1. Download the latest version from http://www.samdevol.com/wordpress-theme-missunderstood/
   2. Open up the .zip file.
   3. Drop/copy the plugins folder and themes folder to your sites wp-content/ directory.
   4. Activate and configure the newly installed plugins (check Related Posts, it needs a script run).
   5. Go into your sites Admin area, go to Presentation:Themes and select missunderstood.
   6. Click on the Store Options button and you should be set!

If you dont want bullets to show up on your list of Related Posts, got to the Related Posts Options screen and add <li style=list-style-type:none;> to the before box (and </li> to the after box). For adjusting general font styles and sizes go to the Presentation:missunderstood Options in the admin area.

Code and Code-blocks:
One of the things that I found attractive about missunderstood was how Will handled code block display, using a background image that helped the code block stand out distinctly as code/script, with pseudo line numbering. Well, heres an example:

Image of missunderstood theme's codeblock formatting

I had to add 1 pixel to the top and bottom of the codenums.png image to make the numbers line-up (a breeze with IrfanView, didnt bother launching PhotoShop ;) and use a fixed font size/style. Note that long lines are not wrapped, but scroll off to the right (should help avoid copy/paste issues).

This method currently requires Use Visual Rich Editing to be turned off (under Users:Your Profile). Here is how to put code blocks into your post: Start with a <div class=code> (will call the class style properties, background, etc.) immediately followed by a <pre> (pre-formatted, to maintain original structure) so the beginning looks like this:

<div class=code> <pre>

Enter your code right after that:

<div class=code> <pre>
if $girlfriend(hair) == blonde then {
dispose($sharpobjects);
} else {
exit;
}

and then close the div and pre:

<div class=code> <pre>
if $girlfriend(hair) == blonde then {
dispose($sharpobjects);
} else {
exit;
}
</pre> </div>

And there ya go

Blockquotes and pullquotes:
For the moment I am using a simple indent-with-bar style, I couldnt use a fancier method because I found it kept conflicting with the formatting of the pullquotes. If I discover a way to address that, Ill update the theme with the fix/enhancement.
Image of missunderstood theme's pullquote formatting
For pullquotes, I usually just use a bit of css, but this does mean duplication of the text (once for the post and a second time for the pullquote div). Viper007Bond wrote a simple plugin that uses JavaScript to get around the duplication issues. With his permission Im including the plugin with this theme.

Im adding some filler text here do you can see how it wraps around the pullquote. This is a bit silly here, since the pullquote there is an image (hard to mimick here without changing the CSS for this site). The styling is css based so for anyone with some basic css skills its pretty simple to modify to your taste. I should note that I do attempt to contact any authors of plugins I include with my theme(s). Although not required (usually) it makes for more World Peace and Harmony. Really, it does.
To use pullquotes in your posts, find the text you wish to pull and insert <span class=pullquote> before the text, and </span> at the end. Simple as that. I can hear the strings of Harmony falling into place right now Hear that?

Oh, its the frikkin neighbors radio

Sidebar:
The sidebar menu is all CSS, so its easy to customize. Just edit wp-content/themes/missunderstood/sidebar.php, look for the list of menu items in the <div id=navlist> section. They are basically just links, just change the names and link/paths to what you would like

A note about Get Recent Comments Options:
There are 2 boxes for Before / After (Post Title) : , what works for me (and validates) is Before: <ul><li style="list-style-type:none;"> and After: </li></ul> .
