Layer 4 copy
doc
tut
blog
forum
doc
tut
blog
forum
home

Upload your PSD file...

Take a quick look at the Guidelines to see how to prepare your PSD file


 

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

 

Wait! You can upload your PSD, but you aren't logged in! If you submit now, you won't get any of the cool Unlimited features. You'll just get plain XHTML and CSS DIVs. Create a new account to use all the great Unlimited features free for 2 weeks.

Forms and Centering

Forms and Centering

Here's a new video tutorial to show you how you can have psd2css Online automatically generate html forms for you. You'll see how to have psd2css Onlin center your page for you too.

Here are .psd files and the resulting index.php file from the tutorial:
http://psd2cssonline.com/tutorials/forms/Form.psd
http://psd2cssonline.com/tutorials/forms/index.php

The Importance Of Well-fitting Shoes In Childhood air max bw sho

ID:5973Author:robertoms2003Title:Brand Name Tennis Shoes GuideArticle:Tennis shoes demand a special kind of material and technology that make them tough. Playing tennis can wear out shoes quickly and easily. A good shoe needs to have great traction control, support and extra support in trouble areas, zoned for tennis players. There are lots of shoes available for tennis players, but a few Brand name tennis companies that promise to deliver quality to the shoes they sell and believe in. When you`re shopping for a good tennis shoe, you might look into what brands are available. There are certain shoe companies that exclusively make them. That means that all of their effort and focus is on the shoe and the tennis court. Chances are if you buy a tennis shoe from a company that just makes them, that you might get a better shoe. A great tennis shoe will help you play tennis and should last longer no matter how you play tennis. Babolat is a French tennis shoe company. They offer a six month warranty on the shoes which is an amazing deal in itself. Some tennis celebrities endorse their shoes and use them at their tennis matches. They consist of new technology, a foot felt to support the four points on a foot. They offer improved court propulsion, and Babolat uses exact pro technology that enables it to be an outstanding shoe. They are durable, and breathable with the mesh lining that is used. They also use OCS outsole made by Michelin for better traction on the courts. DIADORA is another popular tennis shoe. They are responsive shoes that consist of toe overlays. They are light weight and contain air mesh technology to improve on heat and flexibility. They have removable insoles and an enhanced shock feature. They also contain Dura technology 5000, which is a special anti-abrasion rubber compound for extra foot control. Ektelon is a tennis shoe company that makes shoes for men, women and kids. They have been re-engineered and contain precision tube-technology for optimum comfort and breathable materials. They are light weight, making it easier to run around and play tennis. They offer TPU heel cradle support and TPU arch bridges for extra support where it is needed. HEAD is a tennis shoe Company that specializes in adding new technology. Their shoes are light weight and contain top quality materials known to benefit tennis players on the court. They contain the most advanced micro fibers and synthetics. Mesh windows are bound by TPU to reduce the weight and give the most breath-ability possible. They have special molding that helps to give them the most durability. Their shoes are also guaranteed for six months. These shoes are heavy duty and will stand up to even the most aggressive player. Tennis shoe companies continue to battle over which one is going to do better. The truth is, that the competition will be never ending, tennis players will continue to have their favorites and stick with the ones they feel comfortable. With all of these companies holding such a strong fan base, they can just continue to do what they do. As they plug away at developing the newest and best technology to benefit the tennis shoe and the tennis player. When you find a shoe that you love, you might stick with the same company as you need to replace your shoes over time. About the author of this article: you can have access to articles about tennis shoes in portuguese language from page tennis_shoes roberto sedycias works as it consultant for polomercantil Category: <A href="http://www.nike2shoes.com/air-max-2010-shoes-in-brown-and-light-yellow-logo-Retro-Training-Shoes-view-1118">air max 2010 shoes in brown and light yellow logo Retro Training Shoes</A> Date:January 21, 2010 12:03:11 AM&nbsp; <A href="http://www.nike2shoes.com/Womens-Nike-LunarEclipse-list-119-1">Womens Nike LunarEclipse</A>

<BR><A

<BR><A href="http://www.franklinmarshall2outlet.com/Polo-T-shirts-list-7-1">Polo T-shirts</A> <BR><BR><BR><BR><A href="http://www.af2outlet.com/A&amp;F-JEANS-list-9-1">A&amp;F JEANS</A> <A href="http://www.franklinmarshall2outlet.com/T-shirts-list-9-1">T-shirts</A> <BR><BR><A href="http://www.af2outlet.com/A&amp;F-VINTAGE-POLOS-list-15-1">A&amp;F VINTAGE POLOS</A> <BR><A href="http://www.af2outlet.com/">A&amp;F POLOS</A> <A href="http://www.franklinmarshall2outlet.com/T-shirts-list-9-1">T-shirts</A> <A href="http://www.franklinmarshall2outlet.com/T-shirts-list-15-1">T-shirts</A> <A href="http://www.af2outlet.com/A&amp;F-ATHLETIC-SHORTS-list-17-1">A&amp;F ATHLETIC SHORTS</A> <BR><A href="http://www.af2outlet.com/af-womens-list-2-1">af womens</A> <A href="http://www.franklinmarshall2outlet.com/Hoodie-Sweatshirts-list-3-1">Hoodie Sweatshirts</A> <A href="http://www.af2outlet.com/">a&amp;f shorts</A> <A href="http://www.franklinmarshall2outlet.com/Long-Sleeved-T-shirts-list-5-1">Long Sleeved T-shirts</A> <A href="http://www.franklinmarshall2outlet.com/Pants-list-6-1">Pants</A> Mariah Carey has revealed that she is to need maternity clothes in the near future. <A href="http://www.af2outlet.com/A&amp;F-BOXERS-list-5-1">A&amp;F BOXERS</A> <A href="http://www.af2outlet.com/A&amp;F-TEES-list-14-1">A&amp;F TEES</A> The American singer-songwriter, record producer and actress noted on US television programme The Today Show that she is pregnant. <A href="http://www.af2outlet.com/A&amp;F-VINTAGE-SHORTS-list-16-1">A&amp;F VINTAGE SHORTS</A> <A href="http://www.af2outlet.com/A&amp;F-SWEATPANTS-list-28-1">A&amp;F SWEATPANTS</A> Her announcement came after rumours began gathering pace that she was set to have a child. <A href="http://www.af2outlet.com/A&amp;F-KNIT-TANKS-&amp;-CAMIS-list-25-1">A&amp;F KNIT TANKS &amp; CAMIS</A> <A href="http://www.franklinmarshall2outlet.com/">www.FranklinMarshall2outlet.com</A> She is starting a family with husband Nick Cannon and the celebrity, who has no doubt been stocking up on maternity wear, said she is pleased to have the information out in the public domain following a period of secrecy. <A href="http://www.af2outlet.com/A&amp;F-VINTAGE-POLOS-list-15-1">A&amp;F VINTAGE POLOS</A> <A href="http://www.af2outlet.com/A&amp;F-ATHLETIC-SHORTS-list-17-1">A&amp;F ATHLETIC SHORTS</A> Carey stated: "We told the world what's going on ... and then I did two videos. It was a relief. Today I was, like, walking around. I feel like it made everyone else around me a little more relaxed. I feel like they were extra super-cautious about everything." <A href="http://www.af2outlet.com/A&amp;F-JEANS-list-9-1">A&amp;F JEANS</A> <A href="http://www.franklinmarshall2outlet.com/">www.FranklinMarshall2outlet.com</A> She went on to say that she and her other half are "absolutely emotional" about the pregnancy, adding: "Yes, we are pregnant. This is true. It's been a long journey. It's been tough because I've been trying to hold on to a shred of privacy." <A href="http://www.af2outlet.com/A&amp;F-DRESSES-list-23-1">A&amp;F DRESSES</A> <A href="http://www.af2outlet.com/A&amp;F-TEES-list-29-1">A&amp;F TEES</A> Immediately, fans around the world began sending her their good wishes. <A href="http://www.franklinmarshall2outlet.com/Jakets-list-4-1">Jakets</A> <A href="http://www.af2outlet.com/A&amp;F-CLASSIC-PANTS-list-7-1">A&amp;F CLASSIC PANTS</A> Indeed, the star is likely to receive many present from families and well wishers, possibly including more items of maternity clothes. <A href="http://www.af2outlet.com/A&amp;F-BOXERS-list-5-1">A&amp;F BOXERS</A> <A href="http://www.franklinmarshall2outlet.com/Vest-list-16-1">Vest</A> Carey is busy currently as her latest album, entitled Merry Christmas II You, is due out this month. <A href="http://www.af2outlet.com/A&amp;F-KNIT-TANKS-&amp;-CAMIS-list-25-1">A&amp;F KNIT TANKS &amp; CAMIS</A> <A href="http://www.franklinmarshall2outlet.com/Long-Hoodie-Sweatshirts-list-12-1">Long Hoodie Sweatshirts</A> <A href="http://www.franklinmarshall2outlet.com/Pants-list-6-1">Pants</A> <A href="http://www.af2outlet.com/af-mens-list-1-1">af mens</A> <A href="http://www.af2outlet.com/A&amp;F-BOXERS-list-5-1">A&amp;F BOXERS</A> <A href="http://www.af2outlet.com/A&amp;F-VINTAGE-SHORTS-list-16-1">A&amp;F VINTAGE SHORTS</A> <BR><A href="http://www.franklinmarshall2outlet.com/Long-Sleeved-T-shirts-list-13-1">Long Sleeved T-shirts</A> <A href="http://www.franklinmarshall2outlet.com/Tracksuit-list-8-1">Tracksuit</A> <A href="http://www.af2outlet.com/A&amp;F-KNIT-TANKS-&amp;-CAMIS-list-25-1">A&amp;F KNIT TANKS &amp; CAMIS</A> <A href="http://www.af2outlet.com/">A&amp;F POLOS</A> <A href="http://www.franklinmarshall2outlet.com/Long-Sleeved-T-shirts-list-13-1">Long Sleeved T-shirts</A> The celebrity, who has been through highs and lows in both her private life and personal life over the years, may well be relishing the chance to don maternity wear. <A href="http://www.af2outlet.com/A&amp;F-CLASSIC-PANTS-list-7-1">A&amp;F CLASSIC PANTS</A> <A href="http://www.franklinmarshall2outlet.com/T-shirts-list-15-1">T-shirts</A> She revealed that she suffered a miscarriage shortly after she and Cannon married two years ago. <A href="http://www.af2outlet.com/A&amp;F-VINTAGE-OUTERWEAR-list-31-1">A&amp;F VINTAGE OUTERWEAR</A> <A href="http://www.af2outlet.com/A&amp;F-PREMIUM-SWEATERS-list-10-1">A&amp;F PREMIUM SWEATERS</A> Talking about this, she said: "It kind of shook us both and took us into a place that was really dark and difficult. When that happened ... I wasn't able to even talk to anybody about it. That was not easy." <A href="http://www.af2outlet.com/A&amp;F-VINTAGE-POLOS-list-15-1">A&amp;F VINTAGE POLOS</A> <A href="http://www.af2outlet.com/">a&amp;f shorts</A> <A href="http://www.af2outlet.com/A&amp;F-SWEATPANTS-list-12-1">A&amp;F SWEATPANTS</A>

Comments Box

Thanks for the great video, but how do we take this results to our dreamweaver or at the point we intend putting this comments box. can i copy the css codes and paste to the code area at the point i want it to be?

simple contact form

Hi Shaun,

can you make a tutorial how to make a simple contact form pleasse.:)

more power to you!!!

Hey Russel - How about this

Hey Russel -

How about this one:
http://psd2cssonline.com/node/279

That'll be a pretty good start at least.

--
Shaun

What do you name a psd layer

What do you name a psd layer for check boxes??

Thanks!

Wow - super old post that I

Wow - super old post that I didn't catch.
We don't currently have a feature for check boxes, but you can definitely add them to the HTML by hand. Here is some documentation:
http://www.w3schools.com/html/html_forms.asp

--
Shaun

How?

How can I make a contact form though? I am a bit confused on that.

To:
From:
Subject:
Body:

Submit-

Similar to the video

Hi Ethernetkid -

You would make _edittext fields similarly to the way the 2 fields are made in the video. You would probably also want a _textarea layer for the Body: part of your form (it will make a multiline textarea field instead of a single line edit field).

That's how you would make the form. Then it would be up to you to 'point' the form to a script that does something interesting. By default the form points right back at the same page. You could by hand add PHP code to the page to handle that. If you wanted to point the form to a script called formmail.php for example, you would find the line in the generated HTML file that looks something like this:

< !-- This is 'b_center_form' -->
  < div id="Layer-1" >
    < form name="psd2cssForm" action="" method="post">

It will be near the comment that includes the name of your form layer - in my case the form layer was called b_center_form in Photoshop.

What you want to do is add the name and location of the script you want to point your form at in that action section. So when your done, that same code would look like this:

< !-- This is 'b_center_form' -->
  < div id="Layer-1" >
    < form name="psd2cssForm" action="formmail.php" method="post">

formmail is the name of a very well known script that comes in a bunch of different languages that will make your contact form function. You might need to change the names of some of the generated input fields by hand to match what formmail is expecting to get it to work.

--
Shaun

I can't get text feilds to work

I add the custom layer names and everything "email_inputtext" but no text fields show up the only thing that works is my submit button and i also add a layer named "_form" but still nothing.Is it cause i have a lot of groups and different layers?NEED FAST HELP!Thanks.

Hey JJProductions - Should

Hey JJProductions -

Should work - can you send me the PSD file you are using? I'll take a look.

Thanks.

--
Shaun
shaun@psd2cssonline.com

copyright (c) 2009 psd2css Online, Inc.

 

 

User login

Become a Fan of our Facebook Page

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

| Privacy | Terms of Use |

copyright (c) 2008, 2009, 2010, 2011 psd2css Online, Inc.
Patent Pending

Syndicate content