Inanis Glass WordPress Theme

Inanis Glass WordPress Theme

This is the first WordPress theme designed for Inanis.net. Compatible with WordPress 2.6 – 2.8.4.

I’ve designed an updated theme based on Inanis Glass, called Inanis Seven. Check it out!

NOTE! If you are using Inanis Glass 1.2 or older, it is vulnerable to a Cross Site Scripting attack. I highly suggest you upgrade to the newest version, as it is not vulnerable to this attack.

Download

  • Current Version: v1.3.6 -[download theme]
  • Translation Files for v1.3.6
    • Files from 1.3 will work, but may have a couple of missing items.
  • Old Versions

Patches For Next Version

  • ADDED – jQuery Animations for menus and page resize
  • ADDED – better “middle” sized center column algorithm
  • ADDED – converted inline javascript event handlers to “listeners” model, using jQuery wherever possible
  • FIXED – put sidebar “lower” in the code order so screen readers for the blind get to the page content faster
    • There’s a weird caveat with this, but I think I’ve handled it fairly well. Make your browser window really small and you’ll see what I mean.
  • FIXED – IE7 doesn’t show proper white background on page windows. Darn you IE! DIE!
  • FIXED – Make the “start menu throb” feature optional.

About the Design and Features

I wanted a Glass-style theme for my website. I couldn’t find one I liked, so I made one.

  • Striking Glass-style design

    • Drop Shadows
    • Transparency
    • Taskbar-style pages list
    • Glowing Options Orb

  • Seven user selectable sub-themes

    • Void, Life, Earth, Wind, Water, Fire and Lightweight

    • Cookie saves user’s preference for 30 days
    • Default Theme is admin selectable. (see Readme below).]

  • Easy Navigation

    • “Taskbar Preview” style menus when you hover over page buttons – makes finding pages a snap!

  • Cross Browser Functionality

    • IE6, IE7, FF2/3, Safari 1-3, Chrome

    • NOTE: IE6 Functionality is just that, functional. It doesn’t look pretty and at least one issue causes the screen to want to “scroll forever”, however it is visible and usable. These issues may be corrected in a future release.

  • Widget Ready

    • Think: Sidebar “Gadgets”

    • Themed Widgets: Each widget is graphically themed in an attractive way.

  • Convenient Options Menu

    • Meta functions neatly tucked away. Makes sure your content is front and center.

    • New Post and New Page buttons right on the Options menu – saves time!

  • Customizable user picture

    • Uses the “Custom Image Header” feature of WordPress to allow the blog owner to change the user picture to his/her heart’s content.

  • Gravatar-enabled.

    • Subscribers see themselves on the Options Menu and in posts.

  • Minutiae

    • Graphic work was done in Paint Shop Pro 8. I know it’s crufty and old, but Adobe software just costs too damn much.

    • It looks best if you have the Segoe UI font installed, but works with number of other default Windows, Mac and Linux fonts, so it should look okay in any situation.

    • Supports WordPress 2.7 Threaded Comments

Tips and Tricks

Take a look at the Readme file.

72 thoughts on “Inanis Glass WordPress Theme”

  2. I agree, the best theme I’v seen. Been looking for something like this for a long time.
    Will be installing this, keep up the good work.

  4. Pingback: Inanis Glass Vista Wordpress Theme | SEO News Blog

  9. Usually u have to pay milk and honey for this kind of theme :)
    its sure is the best in Theme Directory.

  10. Very nice theme but unfortunately, there’s few errors on this theme. From what I understand that, none of any theme are that perfect.

    Here the errors are:

    1.) When there are YouTube Video or any kind of video clip on that, the video clip hoovers over the black taskbar on the bottom instead of behind the black taskbar.

    2.) There’s five errors and huge loads of warnings on this theme when it comes to W3C CSS Validator.

    3.) Not XHTML Validator.

    I am sorry about that. I hope you can do something with that.

  11. Was wondering if you could tell me under which template, under the theme editor, I should be looking at to edit how big the main “window” is so that I can adjust it to whatever size I need to. I am trying to iframe a 1024×768 site, however, I cannot find where to edit the php to suit my needs. I attached the webpage that I am more specifically talking about.

  14. Brad,
    If you are talking about the box that has the translucent frame that holds things like posts and such, then an easy solution is out of reach.

    Those are html DIV tags with a static width, because the graphic behind them is a static width: you are 320 pixels too short. Now, if you have any experience with graphic editors, you can do two things:
    1) hack the background graphics to be the width you want (there’s about 40 of them – 7 for each of the graphic themes).
    2) edit the style sheets to increase the size of the “windows” to match your graphics (#colwrap, .postcont, .PTtop, .PTbtm, .PTbar, .PFtop, .PFpst, .PFbtm, .p1, and probably others)

    Sorry to say it, but because of how complicated the theme is already, making the “windows” have a fluid width is not something in my plans. It’s honestly too much of a pain in the butt – right now. I may do this later, but development on it is winding down and I don’t see it happening. Feel free, however, to hack to your delight!

  15. Mike, thanks! Took a look at your page and your theme is pretty slick too. I used BlogEngine for a while, but I didn’t like my host and I didn’t want to spend exorbitant amounts of cash on a Server License just to host my website, so I went the Linux/WordPress route instead.

    Anyways, Good work!

  17. LeviathanC,

    To address your concerns:
    I got another person who said that YouTube videos hover over the taskbar, however, I cannot get any of my browsers on any of my computers to do it. Can you tell me what browser you are using so I can see if I can fix it.

    As of the last version, the code DID validate CSS before I uploaded it… but level 3. You are probably validating it as level 2. I am not worried about the so-called “warnings”, because they do not affect the viewing of the page in any way. I might clean them up, but I probably won’t.

    As of the last version, the code DID validate XHTML, without any sidebar widgets turned on, before I uploaded it. Anything coming back as invalid are custom hacks made after the theme has loaded, like sidebar widgets. If you were validating my site directly, the errors you were getting were from the imbedded custom Javascript showing the random quotes at the top of the page.

  18. inanis,

    From what I have seen that YouTube did hover over the taskbar on Firefox 3.0.4, Internet Explorer 7.0.6001.1800, SlimBrowser 4.11, Opera 9.62 and Avant 11.7.

    It’s working almost fine on SeaMonkey and Flock 1.2.6 and K-Meleon 1.5.1 but there are a white box hovers over YouTube Videos when getting close to the taskbar.

    I see that the taskbar found on the bottom of the page which won’t move while scrolling up and down on Safari 3.2 and Google Chrome 0.3.154.9.

  19. Can you email me some screenshots of this happening? (I have some screenshots of it working perfectly fine on my end….)

    I’m a really crappy programmer. I’m doing this for fun. Once it stops being fun, I stop doing it. If the theme isn’t working for some people, I cant please all of them so they can either fix it or don’t use it. Sowwy.

  21. Inanis, great theme. I’m really looking forward to having this theme on my site for quite a while :) I do really love it, one thing though. How do I go about editing the header logo? I want to embed my own little logo… Is there a way to do so? Thanks!

    And great job!

  23. @Homer: Thanks for the kudos. I thought about this when I designed the theme. Do I make the header easily changable, or the photo?

    I went with the photo, because that is more “Vista” like. You can change the little icon up there, but you have to do it the old fashoned way. You can either replace the “blogicon.png” file in the theme with your own picture, or you can edit “header.php” to point to the graphic you want. The graphic can be any size you want, -I think-. The little translucent bubble it is in should stretch however you want it.

  24. Spockers knows how to get around the WordPress theme approval system. Kudos on the URL legerdemain dude! However, because since I don’t know if the folks at WordPress are aware of this vulnerability, I suggest you don’t post how to do it again… at least not here anyways.

    I’m just a regular Joe here and I don’t want to get in trouble. I can’t afford it!

    But seriously, I am impressed by the “social engineering” URL trick.

  25. Inanis, yea I got my little pic posted :) That’s an awesome tool! Also I was reading some of the comments here, I don’t know but I think one of them asked about little windows when hovering over the tabs below?

    Anywho, great job! And keep up the great work, I know how stressful it might have been to bring up a true Vista look without the glitches of really having Vista :) Thanks again for the awesome theme!

  26. Yes, version 1.1 has little hovery things when you hover the mouse over the buttons at the bottom, but only if you have more than just the “home” button. (Meaning you have “pages” set up in the admin area).

    Thanks again!

  27. Yeah I just noticed that… WOW!!! Ok now one last question… How would I make a “child page”? I hover over my little tabbies on the bottom and see “No Child Pages…”

  28. Yeah, thats a complaint someone else made that lead me to add a feature in upcoming v1.2 that allows you to shut those off. If you want to have “child” pages, just create a new page that has one of “top level” pages set as it’s parent. For example, create a new page called whatever you want, and look below where you type up the page and there should be an option called “Page Parent”. Just pick one of the pages that represents your button, and it should pop into the hoverer thingie.

    If you don’t like the hovery thingies, let me know and I can see about advancing you a copy of v1.2 – but beware – its got bugs.

  29. Great! Thanks! As for the 1.2, I’ll just wait for the full version theme. I don’t have a test site running and I’m already risking it big time running my site on 2.7 Beta 3. But thanks help. :)

  30. Hi there! I love your theme! I’m currently using it for my blog. I hope you don’t mind that I edited it a little here and there; the disclaimer box is gone and I have your site in a text link instead of with the logo.

    About the theme, is it possible to choose the pages that you want displayed on the taskbar? By default, all pages (I have over 30 top level pages) are listed and the clock ends up disappearing off the side. I’ve since edited the template to manually list only the pages I want, but that way I lose the child-page pop ups =(.

    Or otherwise, is it possible to have the pages listed on the start menu just like the categories? I’m thinking it’s probably a slight modification in the footer.php file but I can’t code php =(. I wouldn’t mind swapping out the tag cloud for Pages since I don’t use tags at all.

    I’m sorry if I sound like I’m asking too much, I just thought maybe I could suggest these and see what you think about them =).

  31. Oh, just to add on about the pages, WordPress’s Pages widget lets you customize which pages you don’t want displayed by entering in the page IDs to be hidden. Maybe for the “pages in start menu” thing, something could be done to hide the hidden pages as well. What do you think?

  32. Axeile,

    Thanks for the kudos. You can edit the theme as much as you like. It’s open source GPL, so have fun.

    Being able to choose the pages on the taskbar would require me to get into plugin/widget type coding, which I am not certain I could do. I can, however, consider creating a function and selectable option that will “cap” the number of buttons to a certain number, and then create a little button at the right you can click on to show the other page buttons that won’t fit. That seems easy enough to do.

    It is technologically possible to show the pages on the “options menu” instead of the categories, but that’s not as easy as the buttons thing. The “options menu” has several layers that are interconnected in a fragile manner with JavaScript. I am thinking of a way it can be done as I write this and I will keep it in mind.

    I will put these on my “to-do-list” for version 1.2, but I can’t make any promises.

  36. Rabideau,

    Keep an eye out for version 1.2. Lots of added coolness and a few bug fixes. I’ll see if I can get a copy to you early when I think it’s ready. It will be a couple of weeks at this point, since I will be unavailable for the next 10 days…

  37. Hello,

    I notice that you didn’t the bug “If you have an item marked “no comments”, then the “leave a comment” screen will still show up.” when “item” is a page.

    I have a “about” page marked “no comment” and I got the “Sorry, but comments are now closed. Check out another post and speak up!” message but I also got (above the previous message) the “Leave A Comment …” form.

  38. Crusty,
    This is fixed in v1.2. I should be done with v1.2 in a week or two.

    The upside to that bug is that any comment on a closed page/post someone tries to post won’t post, because WordPress won’t let it, so its really a display bug and not any sort of vulnerability.

  39. This is an absolutely beautiful and stunning theme. Probably the finest one I’ve ever seen. Thank you for making this!

  42. First, let me congratulate you on an excellent job you’ve done with this theme. I’m using it for my blog. A million thanks are not enough.

    I do have a questions. I would like to change the font and size of the “header,” that is, the name/link of the web site and the subtitle shown next to the notepad at the top of the page. I would like to have a more prominent font style. How can that be done?

    Thanks in advance for your help

  43. Gustavo,

    Open style.css

    To change the font/size of the blog title, edit the line that starts with “.banner h1″

    To change the font/size of the blog description, edit the line that starts with “.blogdesc”

    Thanks…

  46. Man, fantastic theme. this is just top notch.

    Thank you not for just making it, but for sharing it as well.

  47. Pingback: Windows Vista WordPress Theme | xploit29

  49. I’ve said it before in other places and I will say it again: I don’t have the time or expertise to make the theme work in Internet Explorer before version 7. If anyone else out there can do it, I encourage it!