bk_jpg_center
psd2css online
password:
username:
home_linkover
home_link
gallery_linkover
gallery_link
more_linkover
more
g3_linkover
g3_link
g2_linkover
g2_link
g1_linkover
g1_link
tutorials_linkover
tutorials_link
forums_linkover
forums_link
howto_linkover
howto_link

psd2css Online
Free, Fast and Easy CSS Web Pages

psd2css online converts your fantastic, creative, artistic, no holds barred web page designs into strict XHTML compliant CSS web pages automatically. Use Photoshop or The Gimp to express yourself and create the most professional, aesthetically perfect and functional designs you can think of. CSS stands for Cascading Style Sheets and is technically the best way to build your web pages.

Upload your Photoshop design, download your HTML file and images. It's that simple.

http://psd2cssonline.com

About this page...
This example uses the many of the psd2css Online Layer Naming Conventions. You can download the PSD file used to make this page here: http://psd2cssonline.com/tutorials/page1/page1.psd

This page is exactly what psd2css Onine generated from the PSD file above with these minor changes to the index.html:

  • Added this text and changed it's color to #404040
  • Removed the img tags from the login_form and gallery_menu layers
  • I shortened the 2 '_inputtext' tags to 10 characters instead of the 20 characters psd2css Online gives them by default
  • Made the background black by chaning the '<body>' line to '<body bgcolor="#000000">'
  • Connected some of the '_linkover's