Today is the pre-release of version 0.1 lite beta of the Drupal Theme feature in psd2css Online. As you might be able to guess, I expect it to change as I get feedback from the Drupal community. In fact I'm not even going to write up formal documentation until the design has flushed out due to feedback.

Having said that though - right now you can build a Drupal Theme in Photoshop, name some layers for the content that Drupal will provide, convert the PSD file to a fully functional Drupal (version 6.x) Theme, copy it into your existing Drupal install and it works.

One more quick new feature for tonight!

In IE, by default an image that is a link doesn't get the special pointer cursor when the mouse is over it. In IE that can look like the link isn't really a link. We've modified psd2css Online to add some CSS to make even IE display the hand pointer when the mouse is over an image link.

It looks great - give it a try!

We've added a new feature today to help you stylize your text a little. Now you can define a color for your text while creating your PSD design.

When you define a '_text' layer in your Photoshop file for conversion to a text layer, psd2css Online generates some CSS to define your text for you. By default the text is made bright red - so you can find it in your page easily and customize it. But it's a pretty bright red and you probably want another color that you might already have in your PSD design.

Now you can make a complete website with many pages connected to your custom menu from a single Photoshop design. With the new '_page' feature all you have to do is design what is unique to each page as a separate layer. psd2css Online will generate all the pages of your site using a shared external CSS file and connect your menu items to your pages too.

Here is an example:
http://psd2cssonline.com/tutorials/pages/index.html

Here is the PSD file used to make the example:
http://psd2cssonline.com/tutorials/pages/pages.psd

Here is the high quality version of the video:

When you use psd2css Online to convert your PSD web page design to a dynamic web page, an external CSS style sheet is now generated instead of all of the CSS being written into the HTML file.

Originally psd2css Online generated only a single HTML file and the images. It made more sense to keep all the CSS inside the HTML file. But now psd2css Online generates potentially a number of javascript files and other external CSS files as well. Now the advantages of an external CSS style sheet out weigh the cleanliness of fewer files.

The folks who provide us with our awesome _comments feature have received funding. http://mashable.com/2008/10/14/js-kit-funding/

Sometimes when you build a form for your users in your webpage, some of the information you would like for them to supply are dates - Reservations, birthdays, special dates, etc. You can add a Dynamic Calendar based date picker to your form design in Photoshop and psd2css Online will generate all of the code to make it real. Use the '_datepick' Layer Naming Convention just as you would normally use the '_inputtext' Layer Naming Convention and your users will be presented with a calendar that they can choose date, month and year from.

Here is an example:

Here is a video tutorial showing you how to use the new '_hmenu' Layer Naming Convention. This feature works very similar to the '_menu' feature, but instead of having to click on a _link or _linkover to make the menu open, you only have to hover your mouse over the _linkover to make it open. Again, there is no coding involved, you just draw how you would like your menus and links to look in Photoshop or Gimp, save the PSD file and then let psd2css Online convert it to a working web page for you.

All of the old demos for menus are not pretty. So I made a new demo page. All of the animated menu functionality was created by just drawing it in Photoshop - psd2css Online took care of writing all the code to make it work. Check it out:
http://psd2cssonline.com/tutorials/menu3/index.html

psd2css Online relies heavily on PNG images for the final output. Today we added javascript and generated code to fix the problem that Internet Explorer 6 has displaying the transparency of PNG images. Now you can use whatever levels of transparency that you would like in your design and the generated code from psd2css Online will work perfectly in all browsers including IE6 without any 'fixing' by hand.