Grey: A New Free HTML5/CSS3 WordPress Theme

    written by Simone D'Amico

    Nik and I have been busy working on our first WordPress theme exclusively for webexpedition18 readers. Grey theme was built to have an elegant, out of the box, design with a strong core layout structure.

    Grey is generic enough to be used for almost any kind of blog. Whether you’re looking to setup your own design blog, a blog about photography, fashion or whatever your passion, the Grey theme should suit your needs. It is built on a simple layout, but with lots of little touches of subtle detail and texture.

    Key Features:

    • HTML5 / CSS3 Theme
    • CSS3 features: border-radius, multiple backgrounds, text-shadow, box-shadow
    • Compatible with 3.0+ WordPress versions
    • Grey Options Panel
    • Built-in Twitter and Flickr stream
    • Supports threaded comments
    • Widgets ready
    • Author Box
    • Enhanced with jQuery
    • SEO oriented
    • Tested in Firefox, Safari, Chrome, Opera, IE8+
    • Free

    Now let’s take a closer look at this awesome WordPress theme.

    Preview

    full size preview

    demo

    Layout in HTML5

    post list

    Layout is created using new HTML5 tags. We’ve used the following tags:

    • header
    • nav
    • section
    • article
    • footer
    • etc.

    post

    WP3 Menu Compatible

    header

    Menu is customizable with menu editor tool in WordPress. If you don’t create the custom menu, the layout loads the blog pages.
    Menu is created only with css3 rules (without using images).

    Posts and Pages

    Posts and pages using <article> tag have border and shadow effects created with CSS3 rules.

    images

    Author Box

    author box

    Layout supports author box so you can add your signature to every post.

    Nested Comments

    threaded comments

    Widgets Ready

    sidebar

    Sidebar supports widgets. If you don’t use widgets the theme loads automatically the following boxes:

    • search box
    • categories list
    • twitter followers and feed readers
    • recent comments
    • blogroll

    If you want to use widgets, you can add them without problems.

    Footer

    footer

    Footer is divided into three main areas:

    • flickr stream
    • twitter timeline
    • social box

    You can customize the social accounts (flickr, twitter, …) in options panel.

    Customize Your Theme

    options panel

    You can add and configure your social accounts using Grey options panel.

    Demo

    Want to see this beauty in action? Click on the button blow!

    demo

    Download

    So what are you waiting for? Go ahead and grab this awesome WordPress theme NOW!

    download grey theme

    Grey theme is light weighted so run pretty smooth on any best cheap web hosting server.

    Totally awesome Charm Bracelets available at LusterForever.com.

    We offer guaranteed success in MB2-632 exams with help of latest MB5-858. The exams of 70-680 and testking mcts can be passed very easily.

    Authored by

    Simone D'Amico is a web designer, web developer and blogger from Italy. Check out his portfolio or his personal blog. You can follow him on Twitter.

    Enjoyed this story?

    Please leave your comment about this post on the comment section below. If you liked it tell your friends by tweeting it. You can also subscribe to our feed by rss or email.

15 Comments
ADD COMMENT
  • Tony says:

    December 28, 2010

    How did you display your total Twitter followers?

    • Simone D'Amico says:

      December 29, 2010

      We have used curl with a way to avoid exceeding the maximum number of requests.

      • Tony says:

        December 29, 2010

        Plus caching I presume?

      • Simone D'Amico says:

        December 29, 2010

        Yes, Something like cache…

  • jose says:

    December 28, 2010

    Looks awesome m8 :D Congrats!

  • Abhishek Bhardwaj says:

    December 29, 2010

    Great theme! :)

  • Carlo says:

    December 29, 2010

    really awesome theme!
    good work :)

  • Rene says:

    December 29, 2010

    Great stuff. But i miss suiting space (boxes etc.) for adsense monetarization! Would be cool, if you could add that to the template.

  • Richard says:

    January 3, 2011

    Hi
    I like the look of Grey Theme. Thanks for making it but I have a problem as the footer does not display properly (in FireFox). It shows a load of flickr thumbs & the footer background only shows at the very top of the footer & does not extend to the width/height of the footer.
    Have you any idea why this is and how I can fix it?
    I am grateful for a helpful reply-many thanks

    • Simone D'Amico says:

      January 3, 2011

      Hi Richard,
      could you give us more informations please. What kind of changes have you done? What is your Firefox version? Could you please send a screenshot on our mail?

  • Topan Aprilia says:

    January 14, 2011

    Thanks before for your grey theme,
    but As Richard say we have problem in footer. social.php fatal error.
    can tou help me,,??

  • zoe somebody says:

    January 28, 2011

    I was looking for how people were handling threaded comments with HTML5. I see that you opted to continue using the built-in WordPress ol/li markup. The spec seems to indicate that they should be their own “article” within the context of the “article” they are commenting on.

    Assuming that I am interpretting the spec correctly would you further nest the threaded comment responses inside the “parent comment article” or would you consider each comment (regardless of a mild relationship to the parent comment) simply an extension of the “blog article” with no further nesting?

    Just looking for consensus around the web. And your theme was so clearly well designed I thought I would bug you. We’ve posted the question on stackoverflow and the WordPress.org forum as well.

    So the question is are threaded comments…nested “articles” or not?

  • Simone D'Amico says:

    January 28, 2011

    Hi zoe,
    we use ol/li markup because we don’t know which tag is better. Spec indicates to use “article” but there aren’t yet much consensus.

    HTML5 isn’t a standard yet and so we preferred to use the WordPress markup because, honestly, I don’t like nested “article” tags.

    Anyway any suggestion or thought are welcome.

    • zoe somebody says:

      January 30, 2011

      Agreed. There is no consensus which is why I am bugging good folks such as yourself.

      Also agreed that I don’t “like” nested tags. And yet after a rigorous debate (among like 3 people ;) it became clear that the semantic relationship was more accurately represented inherently in the dom if they were nested.