home
Hi! This is the spot that you gave the label 'left_text_\#5f5f5f'. Replace this with whatever text or html you want! Don't forget to edit the font and style options in the CSS id definition for this layer too (Layer-7).

Hi! This is the spot that you gave the label 'content_text_\#5f5f5f'. Replace this with whatever text or html you want! Don't forget to edit the font and style options in the CSS id definition for this layer too (Layer-3).

The _frame Layer Naming Convention

The new _frame feature is awesome. Just draw a layer for the frame around your content in Photoshop, and name it with the new '_frame' Layer Naming Convention, then put your content layer inside the frame. Add any psd2css Online content layer. _text, _drupal, _wordpress or _joomla layers will all work as content within the frame. When your CMS modifies the content on that page, or you add or modify the _text, the frame around your content will automatically grow with the content. No more scroll bars just for the text, no more content spilling out over your design. Sweet.

You can put other psd2css Online elements into the frame too and they'll push down with the bottom of the _frame. Take a look at the 'Push' button at the bottom of the _frame for this content. That is a _link/_linkover pair and psd2css Online generates the mouse over functionality for you. When the content here grows or shrinks, the bottom of the _frame and that button will move exactly as you would expect.

You can have multiple content or text areas in a _frame too - but the _frame will only respect the one listed first in the list of layers in your Layers pane in Photoshop.

Here is the PSD file used to make this page:
frame.psd

push
push