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.

Expanding Sections for Dynamic Text

Expanding Sections for Dynamic Text

Notice!! There is a MUCH simpler way to do this now! You can view the tutorials below if you want, but the EASY, NEW and IMPROVED way to do it is found here:
http://psd2cssonline.com/node/1164

Even though psd2css Online takes static PSD files as input, you can still use it with a little editing to get HTML/CSS web pages that expand with your dynamic content. Here is a new video tutorial that shows how.

The PSD file in the tutorial is available here:
http://psd2cssonline.com/tutorials/grow2/Grow2.psd

and the generated and modified page can be viewed here:
http://psd2cssonline.com/tutorials/grow2/index.html

Here is another example (notice the search bar in the region in the footer):
http://drupalexpand.psd2cssonline.com/

Well-done

Thanks for the tutorial. Everything is very clear. I like Drupal a lot for its support. There are so many books and tutorials in the Internet. As for me, I often download them from free files SE http://www.filecraft.com or from the sites like yours.
Thanks a lot for sharing!

Order of layers

When I tried this, my top and bottom went into opposite positions. I changed the order of my layers around in Photoshop and it made the top appear on top and the bottom on the bottom as they should. So... the layers should be in this order starting at the bottom of your layers palette: backgrounds, top_relative, middle_relative, bottom_relative.

Excellent advice. I can't

Excellent advice. I can't believe I didn't mention that. Thank you very much.

--
Shaun

Expanding Sections work for Joomla! also?

Hey,

Can you use this for expanding layers in Joomla! aswell?

In Joomla! you have a Left, Right and a Footer position.
I made a PSD.template, converted with your site. Works great for static context, but when there gets too much info in the Left or Right layer, the text simple runs over my footer instead of 'pushing' my footer down and make the left and right expand.

It would be great if i knew if this is possible, i've been trying for it the whole day allrdy.

Anyways, thanks for any reply, and great job on your site!

Regards,
Johan.

Expanding Sectinos work for Joomla

I have also tried to no avail to make this work as well..Shaun...does this work?

Try the new _frame Layer

Try the new _frame Layer Naming Convention. Thanks.
http://psd2cssonline.com/node/1164

video for Expanding Sections for Dynamic Text

the quality of this video is so bad.... we can't see everything clearly....

Reply to above

The quality of the video IS fairly bad but, if you download his PSD file and refer to the page he built; You should be able to duplicate everything properly.

I've created a page without using the video. Also, if you're using Gimp don't frustrate yourself by forgetting to crop your layers.

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