Themes

July 17th, 2008
by jai

Wordpress Theme Layers 1.1.0

Layers theme screenshots

Layers theme screenshots

I am releasing the wordpress theme which is being used on this site. This work is licensed under GNU General Public License v3.

Demo

Download Layers:

download icon for Layers 1.0.2

Liked my theme? Help me to stay awake & develop a few more themes by buying me a cup of coffee!


Description

Layers is a theme with a very sensible use of tints and shades of orange and black colour. This theme validates XHTML 1.0 Transitional. This is a widget enabled theme. i.e. You can use wordpress widgets with Layers theme to extend its functionality. Layers also supports microformats, so it is looking towards the future.

The Layers theme by default is a liquid design but can be made fixed easily using the theme admin panel. It’s a very lightweight wordpress theme. The theme has been tested on most of the browsers, but if you find any problem then please let me know by a comment so that I can improve it in the subsequent versions.

How to use

If you know how to install a wordpress theme then it’s not an exception. Download this theme to your system by clicking on the download button above. Extract it and upload the extracted folder to your wordpress theme folder (wp-content/theme/) on your web server.

To activate Layers theme, select Layers in Design->Theme page of the wordpress admin panel.

For more information you can consult readme.txt iniside the downloaded archive.

Keep checking this page for updates related to Layers theme.

Changelog

Version 1.0.1

  1. Fixed the side line-height ( Now the line-height property is set to 170% )
  2. Some typography and font size related issues were solved
  3. Fixed some theme title issues
  4. Fixed an issue with 404 page

Version 1.0.2

  1. Fixed smiley padding
  2. Fixed Gravatars margin and padding

Version 1.0.3

  1. Fixed an issue with comment form - problem visible in opera 9.5
    Thanks to Shishir Sharma for informing this bug
  2. Safari and Firefox Linux — Problem with navigation button at hover state

Version 1.0.4

  1. the details class clears both the floating elements above it.

Version 1.0.5

  1. Last version update should have only be done for left float, as it caused right sidebar disturbance too. Fixed this issue.
  2. In case of a large picture, overflow property of main content area set to hidden
  3. Some structural changes were done according to Search Engine Linkings. Will be doing more in later updates.

Version 1.0.6

  1. Theme supports microformats now. So some new tags will be added :)

Version 1.0.7

  1. Category pages missing closing tag problem fixed
  2. Special styling for wordpress sidebar calendar widget
  3. Author Comment Highlighting feature added

Version 1.0.8

  1. Main content area width problem fixed

Version 1.1.0

  1. Introduction of an admin panel with update notifier
  2. Alternate skin selection feature from control panel (options for now the default dark or the bright one)
  3. Optimizations for a photoblog

Comments (31)

31 Responses to “Themes”

  1. Asitha de Silva Says:

    Hi there… I was wondering how you changed the bottom where it shows Categories, Meta and Tags instead of Recent Posts, Monthly and Meta?

    I am trying to replace monthly with recent comments but not sure how to - Any help would be great, Thanks :)

  2. jai Says:

    Asitha,

    It’s just the magic of wordpress widgets. As ‘Layers’ is a widget enabled theme, you can easily apply them. For the same purpose, login to you wordpress admin area. Under the ‘design’ panel, click on widgets. There just below the ‘current widgets’ category you can find options for sidebar and footer.

  3. Rajat Arora Says:

    Hello Jai!
    Kudos for creating an awesome theme! I am using it on my blog!
    By the way, I tried creating a WP-Theme myself, but the problem is, it doesn’t show up correctly in IE. Any suggestions?

  4. Rajat Arora Says:

    The theme that I am talking about has been applied on Talking Talking.
    The Layers theme has been used in APS 2.0.

  5. jai Says:

    Thanks Rajat,
    As CSS support upto IE6 is very poor, things may not work the way you thought. So you have to use some IE hacks or you generally end-up using completely a different CSS for IE. For applying a different CSS, you can use conditional tags for IE.

  6. Rajat Arora Says:

    Thanks Jai,
    I will definitely try what you said. Will get back to you if I still get some problems.

  7. George Says:

    THanks jai, definitevely one of the best WP themes i’ve seen ever. Regards

  8. Udai Says:

    Great Job!…keep it up.

  9. sayjeez Says:

    hi jai~!
    this theme looks nice in IE6&7 but not in firefox have you tried this in firefox?

  10. sayjeez Says:

    hi~!
    tried it in opera and firefox but the posts column just shows only half of the width it’s supposed to be when viewed with IE 6 &7, any advice? even your blog shows up the same as it did mine in opera and firefox….

  11. jai Says:

    Thanks Sayjeez,
    The problem has been fixed. I am using Firefox 3.1, It shows everything correctly. You can now download the updated version.

  12. disha Says:

    keep up the good work

  13. krishi online » Changes to the blog Says:

    [...] in search of a black design which was pleasing, which finally led me to the present design called Layers theme Designed by Jai Pandya. After resizing and changing the few design elements I made it to suit my [...]

  14. Korey Says:

    I plan on using your theme for my blog thephilosophyofself-control.com as I appreciate the relaxing feel of the colors and the layout. Good work.

    When I went to import some content I found that the category header bar was overcrowded (I have about 12 categories). This resulted in some of the category titles to be cut off, leaving only the top half visible. Is there anything I can do to increase the size of that little orange bar to accommodate all those titles? Any help would be appreciated. I truly want to be able to use your theme if it’s at all possible.

  15. jai Says:

    Korey,

    Are you referring to the navigation bar while you say category header bar?Well, The navigation bar does only show static parent pages of your site. If your page titles are long, then you’ll have to tweak the css for the font size or do some experiments with the graphic header.

    To show the categories of your blog, use the category widget on your sidebar.

  16. udit sharma Says:

    good work jai…. have u tried artisteer.com …. nice for wordpress theme designing….. well keep it up buddy!!!

  17. Korey Says:

    Thanks Jai.

    You were correct about it being the navigation bar that was in need of tweaking. I’m in the process of messing about with the font size now. Awesome!

  18. JB Says:

    I love the theme very much. But when I add an Iframe as a post it’s pushed automatically all the way down in Internet Explorer. In Firefox it worls properly. I also added text above the iFrame, but still the iFrame is being pushed all the way down (appr. 30 lines)

    How can I solve this?

  19. David Says:

    I can’t seem to upload the latest version with the photoblog fix for some reason.

  20. David Says:

    Nevermind. The new version does a great job of eliminating those lines around the photos. Excellent job. Thanks.

  21. Bob Lolo Says:

    Hey i like the theme. But is it possible to change the orange?

  22. jai Says:

    Bob,

    If you are trying particularly for the orange colour, that is only possible by editing the style sheet style.css contained in the theme folder. Otherwise if you want to change the skin completely you can use the Layers Options panel to change the style sheet.

    Anyways, thanks for a good idea. In the next versions of Layers, i’ll be incorporating this feature through admin panel.

  23. Bob Lolo Says:

    Thanks. But wot would be the code i’m looking for in it. Because i looked through and can’t find it. Thanks again

  24. Tony Swash Says:

    I tried your theme, which I really like, on my test web site and I ran into a problem. I use the WPG2 plugin to integrate a Gallery 2 photo collection into my web site. When I do this it all works except for the links to next image. If you open a photo in an integrated gallery the link to next image does not work in your theme. Any ideas or suggestions for getting it to work?

  25. AndriaD Says:

    Hello, and first off, thanks for a lovely theme, though I have customized the colors to suit my own aesthetics. However I’ve noticed there is a problem — no links in the sidebar will work at all, whether blogroll, categories, or any other kind of links, just in the sidebar. I changed to other themes to check this out, and it’s only in this theme that I’m having the problem — hope you can help, I can’t find another dark-bg theme I like nearly as well!

  26. Michael Says:

    I love your theme and its simplicity. I did notice one problem that I am not sure how to address. I am new to blogging and am not competent with html and such. When I have a post that is shorter than the sidebar, my submit button on the comments disappears. Maybe you can give me some advise. Thanks again!

  27. jai Says:

    @MIchael

    There is a small tweak in the style.css file in the layers theme folder. On line #210 of style.css comment off or delete “clear:both”.

    This should solve your problem. Thanks for the feedback.

  28. Michael Says:

    Thanks Jai! I actually had to change it to clear:left to work, otherwise it showed up on the right side of the comment box. Thanks for pointing me in the right direction.

  29. Terrapin Says:

    Very slick and classy-looking theme, great job!

    Is there any way to add a small graphic to the right side of the header?

  30. jai Says:

    Terrapin,

    Yup, there are ways, but for that you have to hack the CSS of the theme. I’ll be adding those customization to the admin panel later on, right now I have loads of work to do. So not finding time for that.

    Anyways, thanks for the compliments.

  31. Michelle Says:

    Hi Jai,

    Thanks for the great theme. Works great for the updated look we were searching for our club.

    Our colours are black, white and gold. I was wondering how I would incorporate the gold (in place of the orange). I read through other comments and have located the CSS file, but it appears the colours are numbers in this code. Any ideas what gold would be?

    Thanks for any assistance you may be able to give.

    Michelle

Leave a Reply