Tech Hive

Blog on Wordpress, Design, Usability, Accessibility and Standards

  • Content
  • Sidebar
  • Footer
  • « Proudly Pinoy Logo Contest
  • Color Contrast Analyser for Better Accessibility »

Spartan Theme

Leave a response | Trackback |

Sorry for the very long absence, I have a long list of drafts but I can’t, for the life of me, give body to them. So I just created a wordpress theme that I planned some months before.

Spartan Screenshot

It is called Spartan, because I don’t have a knack for giving great names, it is a simple 2-column blue-and-yellow theme with minimal images. It is designed for 1024×764 screen resolution and is currently fixed but the footer is fluid. It is also widget ready for both sidebar and footer.

Footer with Widget

A few notes:

  • If you’re going to put an image of yourself in your sidebar as well, put the class “avatar” so it would be given the right style
  • When adding widgets to the footer, you might notice that it has such a big height, that’s because of the calendar
  • The footer links are not required but I would appreciate it if you would keep it :)
  • The theme has been tested in all major browsers but there’s just so many things I could do for IE, sorry IE lovers
  • I made the theme usable and accessible by applying some usability and accessibility rules such as:
    1. Adding the skip links
    2. Using the proper tags
    3. Made use of a conditional tag so the homepage is not linking to itself, I also did the same in the single posts
    4. Making links stand out
    5. Most of the colors have enough color contrast except the foreground and the background color of the h1 but I assume it’s just right since it is huge enough

Demo | Download

2 Responses to “Spartan Theme”

  1. The Last Leaf Designs and Chronicles» Blog Archive » Spartan Wordpress Theme September 17, 2007 at 11:08 pm

    [...] I just released a wordpress theme! Read more about Spartan. [...]

  2. Redesigned | Tech Hive | Blog on Wordpress, Web Design, Accessibility, Standards and Usability May 10, 2008 at 2:52 am

    [...] been a couple of months already since I made a custom theme for Tech Hive. I have been using my Spartan theme which sucks big time. I knew I’m really not good with creating something that can be used by [...]

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Pages

  • About the Author
  • Archives
  • Contact
  • Site Map

Bluehost.com Web Hosting $6.95 1500GB storage and 15000GB bandwidth for $6.95/mo!
Come in, we're hiring

Full-time and freelance job opportunities available at Authentic Jobs:

Post a job and reach web professionals everywhere.

Archives

  • September 2008
  • August 2008
  • July 2008
  • June 2008
  • May 2008
  • April 2008
  • March 2008
  • December 2007
  • November 2007
  • October 2007
  • September 2007
  • July 2007
  • June 2007
  • May 2007
  • April 2007

Categories

  • Accessibility
  • CSS Tips
  • Gmail
  • HTML
  • Online Finds
  • Online Tools
  • Tutorial
  • Updates
  • Usability
  • WordPress
  • Wordpress Themes

Tech Hive is proudly powered by WordPress
Spartan by Mae Paulino, a Filipina Web Designer