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 Attawel1 exclusively for Smashing Magazine. As usual, the theme is absolutely free to use in private and commerical projects.

2

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.

Screenshot3

Screenshots

spectacular_37
Front page area (large preview)8

spectacular_39
Table and content (large preview)10

spectacular_311
Archives page (large preview)12

spectacular_313
Post page (large preview)14

spectacular_315
Comment area (large preview)16

spectacular_317
Front page area (large preview)18

spectacular_319
Comments view (large preview)20

spectacular_521
Blog post (large preview)22

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.

Footnotes

  1. 1 http://rockatee.com/
  2. 2 http://dev.rockatee.com/wp/
  3. 3 http://dev.rockatee.com/wp/
  4. 4 http://dev.rockatee.com/wp/
  5. 5 http://www.smashingmagazine.com/wp-content/uploads/2011/01/large-version.jpg
  6. 6 http://www.smashingmagazine.com/wp-content/uploads/uploader/images/spectacular/spectacular.zip
  7. 7 http://www.smashingmagazine.com/wp-content/uploads/2010/12/spec10-small.jpg
  8. 8 http://www.smashingmagazine.com/wp-content/uploads/2010/12/spec10.jpg
  9. 9 http://www.smashingmagazine.com/wp-content/uploads/2010/12/spec2.jpg
  10. 10 http://www.smashingmagazine.com/wp-content/uploads/2010/12/spec2.jpg
  11. 11 http://www.smashingmagazine.com/wp-content/uploads/2010/12/spec5.jpg
  12. 12 http://www.smashingmagazine.com/wp-content/uploads/2010/12/spec5.jpg
  13. 13 http://www.smashingmagazine.com/wp-content/uploads/2010/12/spec7.jpg
  14. 14 http://www.smashingmagazine.com/wp-content/uploads/2010/12/spec7.jpg
  15. 15 http://www.smashingmagazine.com/wp-content/uploads/2010/12/spec8.jpg
  16. 16 http://www.smashingmagazine.com/wp-content/uploads/2010/12/spec8.jpg
  17. 17 http://www.smashingmagazine.com/wp-content/uploads/2010/12/spec9-main.jpg
  18. 18 http://www.smashingmagazine.com/wp-content/uploads/2010/12/spec9-main.jpg
  19. 19 http://www.smashingmagazine.com/wp-content/uploads/2010/12/spec-comments.jpg
  20. 20 http://www.smashingmagazine.com/wp-content/uploads/2010/12/spec-comments.jpg
  21. 21 http://www.smashingmagazine.com/wp-content/uploads/2011/01/working1.jpg
  22. 22 http://www.smashingmagazine.com/wp-content/uploads/2011/01/working1.jpg

↑ Back to top Tweet itShare on Facebook

The Smashing team loves high-quality content and cares about the little details. Through our online articles, Smashing Books, eBooks as well as Smashing Conferences, we are committed to stimulating creativity and strengthening the web design community’s creative forces.

Advertisement
  1. 1

    Hi,

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

    0
  2. 203

    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. 405

    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. 506

    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. 607

    What a gorgeous theme!!!

    1
  6. 708

    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. 809

    official cheap tory burch sale

    August 24, 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. 910

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

    -4
  9. 1011

    Hi,

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

    Thanks!

    0
  10. 1112

    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. 1213

    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. 1314

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

    November 24, 2011 12:07 pm

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

    0
  13. 1415

    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. 1516

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

    0
  15. 1617

    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. 1718

    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. 1819

    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. 1920

    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. 2021

    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. 2122

    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.

    1
    • 2223

      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
    • 2324

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

      0

↑ Back to top