Free HTML 4.01/HTML5 WordPress Theme: Spectacular

Advertisement

Today we release Spectacular, a free WordPress theme that aims to provide a warm and pleasurable atmosphere for personal musings and ramblings. The theme comes in two flavors: HTML 4.01 and HTML5. Also, both German and English versions of the theme are included in the download package. The theme is cross-browser compatible and supports Opera, Safari, Chrome, IE7+, and FF. Support for IE6 is not available, though the theme works in IE6, too.

The theme was commissioned by Smashing Magazine and designed by Maleika Esther Attawel exclusively for Smashing Magazine. As usual, the theme is absolutely free to use in private and commerical projects.

Download the theme for free!

The theme is released under GPL. You can use it for all your projects for free and without any restrictions. Please link to this article if you want to spread the word. You may modify the theme as you wish.

Screenshot

Screenshots

spectacular_3
Front page area (large preview)

spectacular_3
Table and content (large preview)

spectacular_3
Archives page (large preview)

spectacular_3
Post page (large preview)

spectacular_3
Comment area (large preview)

spectacular_3
Front page area (large preview)

spectacular_3
Comments view (large preview)

spectacular_5
Blog post (large preview)

Thank you, Maleika. We appreciate your work and your good intentions.

Feel free to suggest your ideas for the freebies you’d like to see on Smashing Magazine in the comments area below.

The Smashing Editorial loves high-quality content and cares about little details. We also believe that content and design are crafts worth sharpening.

  1. 101

    Hi,

    I think the download theme’s link is broke, can anyone to tell me where can I download the theme? Thanks

    0
  2. 102

    Hello,

    I am attempting to format the into logo of my website. I want to have more control over how the text is displayed. I want the words “Entering the Profession: Wisdom for Emerging musicians” to be more artistically formatted.

    Can anyone tell me where in the code I can alter this?

    Any help is hugely appreciated. Please see my site at enteringtheprofession.com.

    Thank you!

    +1
  3. 104

    To reset alignment of images and smiley, add the following code, line 552 :

    article img.wp-smiley {
    float: none;
    margin: 0;
    padding: 0;
    }
    article img.alignright {
    float: right;
    margin: 0 0 5px 15px;
    }
    article img.aligncenter {
    float: none;
    text-align: center;
    }

    0
  4. 105

    Agreed, this theme is entirely broken in WP 3.10 and above. Too bad, because it’s visually very attractive. I have the feeling the creator of this theme is more a designer and not a developer.

    +1
  5. 106

    What a gorgeous theme!!!

    +1
  6. 107

    I am really super impressed with this theme, but am having issues with the latest full release of WordPress which are similar to those outlined above.

    I would absolutely *love* to see a revised version of the theme(s) (both the HTML 4 & HTML 5 versions, if possible) which would be compliant with WP 3.1 and above…

    Or perhaps there is someone out there who has discovered some work-arounds that they’d be able to share with us!

    Thanks for putting this gorgeous theme out there for folks!

    0
  7. 108

    official cheap tory burch sale

    August 24th, 2011 10:18 pm

    I am really super impressed with this theme, but am having issues with the latest full release of WordPress which are similar to those outlined above.

    I would absolutely *love* to see a revised version of the theme(s) (both the HTML 4 & HTML 5 versions, if possible) which would be compliant with WP 3.1 and above…

    Or perhaps there is someone out there who has discovered some work-arounds that they’d be able to share with us!

    Thanks for putting this gorgeous theme out there for folks!

    0
  8. 109

    AN AMAZING ONE-OF-A-KIND Get Paid Plan..!

    -4
  9. 110

    Hi,

    I can’t seem to find the “Uploads” folder, could someone please tell me where it is located?

    Thanks!

    0
  10. 111

    I think I need to start using wordpress a little more. I see many websites having them but I am still using a static html site. I feel it is easier but I do like the fact that wordpress has like 1 million plug ins that I can us…lol

    Anyway thank you so much for this article.

    0
  11. 112

    This theme is not broken, read the readme.rtf file, the contents of the zip file need to be put into specific locations and then it works fine, even in 3.1.2.

    0
  12. 113

    العاب اون لاين

    November 24th, 2011 12:07 pm

    Perfect mind from you to us keep going to us ..

    0
  13. 114

    I have followed the instructions in the readme file (I could not locate the “Uploads” folder but did transfer the “images” folder) and have everything working… EXCEPT the ampersand “&” in the phrase “Slightly older musings & ramblings”. The “&” image is not showing. Help anyone??? Thanks

    0
  14. 115

    I also just realized that my background boxes (on the homepage behind my posts) are not showing. What do I do? Thanks

    0
  15. 116

    Wow, I love the look of this.
    I write for a magazine and maintain its Web site. Is there a way to put basic photos along a sidebar that will act as ‘ads’ linked to our advertisers sites?
    How customizable is the template without tampering with the codes behind it? I’m not quite that smart.

    0
  16. 117

    Hello guys. May I know if what plugin was for the images ? And how can i edit Slightly Older Musings and Ramblings ? Thanks

    0
  17. 118

    While the use of texture and color is nice, the overall design is horrible for at least one reason: the body text font size is so small that it is unreadable.

    Frankly, anyone who designs a website without using at least the size that these words are written in for the body text has zero clue about usability or design.

    I’ve skimmed through SmashingMagazine’s wordpress templates and most of them are really embarrassing.

    Do not use this theme. If you do, none of your readers will stick around to read what you say.

    0
  18. 119

    I must show some thanks to this writer just for bailing me out of this circumstance. Because of exploring through the online world and coming across strategies that were not helpful, I was thinking my entire life was done. Being alive devoid of the strategies to the issues you’ve fixed as a result of this guideline is a crucial case, as well as the kind that might have in a negative way damaged my entire career if I had not noticed the blog. That skills and kindness in handling the whole lot was tremendous. I don’t know what I would’ve done if I hadn’t discovered such a thing like this. I am able to now relish my future. Thanks a lot very much for your high quality and result oriented help. I will not hesitate to refer your blog to anyone who should get assistance on this issue.

    -3
  19. 120

    Great theme, love the layout and look. I know some have commented about the font being too small, but that’s ridiculously easy to adjust by making some small changes to the css file.

    I’m having a weird issue with Adsense. For whatever reason, all that shows up is the “Your Ad Here” piece on the side of the ads, but none of the ads themselves show up – and it’s not just the text, the box itself is missing. I’ve tested on the Twenty Eleven theme and it shows up fine, so it’s not an issue with the ads. Any idea what’s going on?

    0
  20. 121

    More theme problems with the latest WP 3.4.1 release. Custom menu feature doesn’t appear to work and the nav bar completed dropped down from the top. The & is missing in the image folder so it doesn’t appear. As far as previous complaints about font size, that can be remedied by going into the CSS and changing it to something larger.

    0
    • 122

      I run my blog with WP 3.4.2 and SPECTACULAR theme – everything fine.
      There was a problem after theme installation, but i have read help and configured WP as was described there – everything fine!
      About & – you should move ampersand.png to root of WP to images/ampersand.png
      or change theme header for full path to image: /wp-content/themes/spectacular/images/ampersand.png

      0
    • 123

      I have the same Problem here with the navigation bar, help needed! :| Where can I change the Nav bar position?

      0

  1. 1

    Vitaly Friedman

    January 10th, 2011 9:34 am

    I think that chmod 777 uploads/ should work.

    +3
  2. 2

    Thanks for this carefully made template! Looks like a colour print on recycled grey paper. Also the round edges on the buttons and form fields are nicely made. Love it!

    +3
  3. 3

    Thank you for all the hard work. Looks good!

    +3
  4. 4

    May be the download’s link is broken … the download process can’t be completed ….

    +2
  5. 5

    Not a huge issue, you can get the graphic here:
    http://dev.rockatee.com/images/ampersand.png
    Upload it to /images and you should be all set (or adjust the theme to look for it elsewhere). It would be nice to have this fixed in the download though…

    Regardless, this is a beautiful theme! Thanks, SmashingMag!

    +2
  6. 6

    Wow, that’s great theme for free. I like it.

    +2
  7. 7

    Very nice theme, well designed.
    However its quite slow to load and very hard to read; Maybe increasing font size/colour could help?

    Thanks for sharing :)

    +2
  8. 8

    It’s awful nice of you guys to offer something so nice for free. I appreciate you taking care of us in the community! Great work!

    +1
  9. 9
  10. 10

    Contrast a bit low no, making it a bit unfriendly to read?

    +1
  11. 11

    Maleika Esther Attawel

    January 11th, 2011 12:48 pm

    Sam, you’re right. I cannot fathom how that escaped me.

    For now, please upload the image located at: http://dev.rockatee.com/images/ampersand.png

    I’ll have the next update ready very soon and the image will be included.

    Thanks,

    Maleika

    +1
  12. 12

    This is an AMAZING theme. Thank you.

    +1
  13. 13

    Que groso que sos amigo! Спасибо!

    +1
  14. 14

    Christopher Anderton

    January 10th, 2011 6:01 am

    Stunning!

    +1
  15. 15

    That’s really wonderful! Thank you!

    This note is really out of place, though:
    “I do not recommend the use of the HTML5 version in production environments due to the fact that HTML5 is still in Draft mode and Internet Explorer not playing ball (with Javascript disabled). ”

    Seriously? It’s 2011! :P

    +1
  16. 16

    fantastic! thank you smashing magazine!

    +1
  17. 17

    Fantastic, thank you for such a great work. I will benefit it for my next work that is already in progress…

    +1
  18. 18

    Nice theme idea, too bad it does not work.

    But this theme is severely broken. Maybe the developer should check code, functionality before releasing it. The demo works, I’ve tried this theme installed on 3 different physical servers (using WP 3.1) and there seems to be div issues as well as others. I’ll bet that the code used in the demo and the one available for download are different. (At least I can surmise as much from the source code of displayed pages).

    Bottom line? Nice looking idea, but it’s not well implemented. Maybe the dev can revisit issues and clean up the code (who develops for IE6 for example? – Not many since Microsoft actively retired it). Just an opinion, (and yes I expect to get some fire for it) but looking at the code, it seems very much that the dev is not a professional, rather a hobbyist?

    This theme is not cross-browser or cross-platform friendly.

    +1
  19. 19

    Using html5 theme, if there is a space in the name of the blog, it will not display the blog name (only the first word) and will not display the blog tagline.

    Please can someone post a fix? (I’ve been trying with no luck).

    :(

    +1
  20. 20

    Oh my goodness… and the top navigation menu therefore will also not appear.

    The theme (html5) looks nice, but fails to work properly when using WordPress 3.1

    (I’ve not tried the html 4 version yet)

    +1
  21. 21

    Sorry peoples, I really like this theme, it well… Smashingly good.

    Unfortunately it’s a disaster zone when using WordPress 3.1x

    html5 version has a couple problems (1 is major) and the html4 version is a complete mess (in WP3.1x).

    I wish this theme would work properly with the latest WordPress. :(

    +1
  22. 22

    Agreed, this theme is entirely broken in WP 3.10 and above. Too bad, because it’s visually very attractive. I have the feeling the creator of this theme is more a designer and not a developer.

    +1
  23. 23

    I like this theme.

    Looking at the comments above , I tested this theme in different versions of WordPress. Both HTML4 and HTML5 versions work in WordPress 3.0.5.

    After version 3.0.5 the themes break (WordPress 3.1 and higher).

    I’ve not taken the time yet to explore why, but suspect that there might be a conflict between the admin bar (introduced in WP3.1) CSS and the style.css? Maybe an issue with post formats (also introduced in WP3.1), I don’t know.

    Just my 2 cents worth…

    +1
  24. 24

    What a gorgeous theme!!!

    +1
  25. 25

    Hello,

    I am attempting to format the into logo of my website. I want to have more control over how the text is displayed. I want the words “Entering the Profession: Wisdom for Emerging musicians” to be more artistically formatted.

    Can anyone tell me where in the code I can alter this?

    Any help is hugely appreciated. Please see my site at enteringtheprofession.com.

    Thank you!

    +1
  26. 26

    Nevermind. I fixed it.

    +1

Leave a Comment

Yay! You've decided to leave a comment. That's fantastic! Please keep in mind that comments are moderated and rel="nofollow" is in use. So, please do not use a spammy keyword or a domain as your name, or it will be deleted. Let's have a personal and meaningful conversation instead. Thanks for dropping by!

↑ Back to top