b_jpg
Dynamic Web Pages from your Ph
logo_link

 

Please wait - we are now uploading and converting your file...

 

 

Please wait - we are now uploading and converting your file...

 

 

 

Upload your PSD...
forums_linkover
forums_link
tutorials_linkover
tutorials_link
blog_linkover
blog_link
docs_linkover
docs_link
prep_link

Downtime

Wow. We were down for the majority of the last 24 hours. Primarily I want to say to everyone - psd2css Online is not going anywhere, we are healthy, growing, and here for you for the long haul. This is a service that many many people rely on now and it's my full intention to make sure everyone has access to it all the time.

Drupal Templates from your Photoshop Design in Seconds

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.6) Theme, copy it into your existing Drupal install and it works.

Better Link Cursor for IE

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!

A Little Style For Your Text

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.

Video Tutorial - Create a Complete Multipage Website from a Single Photoshop File

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:

psd2css Online now generates External CSS Style Sheets

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.

JS-Kit Gets Funding

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

A Dynamic Calendar Date Picker for your Forms - video tutorial

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:

Video Tutorial - A New Flavor of Menu - Just Point with your Mouse to Open a Menu

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.

New Cleaner Example of the Dyanmic Menus with No Coding

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

12345next ›last »
Syndicate content

User login

Navigation

Blogroll

Need help or have a question?
support@psd2cssonline.com

| Privacy | Terms of Use |

copyright (c) 2008 Newfind.net, Inc.
Patent Pending

Syndicate

Syndicate content