Completed on August 29, 2010

3.0 Menus for Header & Footer

Advanced Commenting System

Widget Ready

Two Column, Fluid Layout

Extensive Readme file

Dark Mystery is a Wordpress Theme that combines multiple jquery effects with accessible social interaction.

The theme also uses dynamic sidebars for two separate theme templates, one for posts and another for pages. The sidebars are located on the right side.

Dark Mystery also contains a Forum-like Comment Structure. Each unique comment inside a post is designed to look just like a discussion board bulletin post, complete with its very own unique jquery-powered quoting and signature system. Signatures are automatically dynamically created by using Wordpress’ “Website” field when responding to a post. Dark Mystery grabs the URL of their website and displays the title of the particular page inside each signature for a unique CMS experience.

Jquery has a heavy presence in this theme. It is used in the following instances:

• Dynamic Homepage Slider. Easy to use and manage slider written in jquery and powered by Wordpress’ Media Library and the EasySlider plugin.
• Dynamic Dropdown Navigation. The primary header navigation is split into four sections: Pages, Categories, Tags, and RSS Feeds. Clicking each icon reveals a list of each section’s contents.
• Unique Homepage Hoverboxes. The set of “recent posts” on the homepage includes a hoverable list containing three “link boxes”. These “boxes” each contain the recent post’s title, excerpt, and “Read the rest”, separated by Wordpress’ unique <–More–> Tag.
• Unique Homepage Tabbed Interface. Dark Mystery gives access to a set of three tabs that is configurable through the theme’s options page. Owners can have whatever information they wish there, i.e. contact info, a welcome tab, etc.
• Forum-like Quoting System. Dark Mystery offers Wordpress users and commentators a chance to respond to others’ comments by “quoting” previous comments. The script borrows the text of whichever comment you’re quoting, automatically converts it into the HTML required, and places it inside the comment reply box.

Changelog 1.1:

• Included the Engipress Framework
• Updated elements to HTML 5
• Included a few Wordpress CSS classes and functions to accommodate 3.0
• Updated the jquery and javascript files to work with Wordpress’ built-in scripts