Upload your PSD file...

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

Multiple Frame Layers

Submitted by shaun on Tue, 01/12/2010 - 06:22

Multiple Frame Layers

So I guess it was pretty obvious that putting more than one _frame layer on a page should just work. It's a common design paradigm. People would use it. And you let me know.

So yesterday I made a minor modification to how the _relative and _frame Layer Naming Conventions work together. Now you can put multiple _relative_frame layers (use both _relative and _frame in the same layer name) to get exactly what you want. Make sure you put them inside some container layer - it can even be _empty. The _relative_frame layers (and any content, text or other layers inside them) will stack up nicely in your container.

Here is an example of some _relative_frame layers in action. Click on the link to put random text inside the _relative_frame layers to see them work:
http://psd2cssonline.com/tutorials/3frames/index.html

Here is the PSD file used to make that page:
http://psd2cssonline.com/tutorials/3frames/3frames.psd

<A

Submitted by zean on Wed, 05/25/2011 - 09:36.

<A href="http://www.af2outlet.com/A&F-BIKINI-list-18-1">A&F BIKINI</A> <A href="http://www.af2outlet.com/A&F-TEES-list-29-1">A&F TEES</A> <A href="http://www.franklinmarshall2outlet.com/Long-Sleeved-T-shirts-list-13-1">Long Sleeved T-shirts</A> <A href="http://www.af2outlet.com/A&F-PREMIUM-SWEATERS-list-27-1">A&F PREMIUM SWEATERS</A> <A href="http://www.franklinmarshall2outlet.com/Tracksuit-list-8-1">Tracksuit</A> <A href="http://www.af2outlet.com/A&F-ATHLETIC-SHORTS-list-17-1">A&F ATHLETIC SHORTS</A> <A href="http://www.af2outlet.com/A&F-VINTAGE-OUTERWEAR-list-31-1">A&F VINTAGE OUTERWEAR</A> <A href="http://www.af2outlet.com/A&F-TEES(S-XL)-list-30-1">A&F TEES(S-XL)</A> <A href="http://www.af2outlet.com/A&F-CLASSIC-SHIRTS-list-8-1">A&F CLASSIC SHIRTS</A> <A href="http://www.franklinmarshall2outlet.com/Vest-list-16-1">Vest</A> <A href="http://www.af2outlet.com/A&F-PREMIUM-SWEATERS-list-27-1">A&F PREMIUM SWEATERS</A> <A href="http://www.af2outlet.com/A&F-TEES-list-14-1">A&F TEES</A> Many times people say that they cannot find cute dog clothes and dog collars for their big dogs. They think the only things available are for small dogs. This is not true. There are many options for large dog clothing and large dog collars. <A href="http://www.af2outlet.com/A&F-KNIT-TANKS-&-CAMIS-list-25-1">A&F KNIT TANKS & CAMIS</A> <A href="http://www.af2outlet.com/A&F-CLASSIC-SHIRTS-list-8-1">A&F CLASSIC SHIRTS</A> There are many different options when it comes to large dog clothes. <A href="http://www.af2outlet.com/A&F-TEES-list-14-1">A&F TEES</A> <A href="http://www.af2outlet.com/A&F-Bracelets-&-Necklace-list-6-1">A&F Bracelets & Necklace</A> <A href="http://www.af2outlet.com/">a&f shorts</A> Large Dog T-Shirts- one of the easiest things to find for big dogs are shirts with a design screen printed on. These shirts are normally the most cost effective because of the minimal amount of material needed. Along with shirts, big dog tank tops are very popular. You will be able to find everything from I Love Mommy shirts to Merry Christmas tank tops. <A href="http://www.af2outlet.com/A&F-CLASSIC-PANTS-list-7-1">A&F CLASSIC PANTS</A> <A href="http://www.af2outlet.com/A&F-CLASSIC-SKIRTS-list-21-1">A&F CLASSIC SKIRTS</A> Dog Tuxedo for Big Dogs- do you think your dog can't be part of your wedding? Now they can, with our large dog tuxedos. These adorable pet tuxedos are available in white, black, white, and red. <A href="http://www.af2outlet.com/A&F-CLASSIC-SHORTS-list-20-1">A&F CLASSIC SHORTS</A> <A href="http://www.franklinmarshall2outlet.com/Hoodie-Sweatshirts-list-11-1">Hoodie Sweatshirts</A> Large Dog Dresses- one of the hardest things to find for bigger dogs are dresses. But, we have found a great selection of big dog dresses for you to have your wear. You are able to decide between formal dog dress, summer dog dresses, and casual dog dresses, all made to fit big dogs! <A href="http://www.franklinmarshall2outlet.com/T-shirts-list-15-1">T-shirts</A> <A href="http://www.franklinmarshall2outlet.com/Long-Hoodie-Sweatshirts-list-12-1">Long Hoodie Sweatshirts</A> <A href="http://www.af2outlet.com/A&F-ATHLETIC-SHORTS-list-3-1">A&F ATHLETIC SHORTS</A> There are also many very cute collars, leashes, and harnesses available for large dogs. <A href="http://www.af2outlet.com/A&F-SWEATPANTS-list-12-1">A&F SWEATPANTS</A> <A href="http://www.af2outlet.com/A&F-Bracelets-&-Necklace-list-6-1">A&F Bracelets & Necklace</A> <A href="http://www.af2outlet.com/A&F-SWEATPANTS-list-12-1">A&F SWEATPANTS</A> Leather Dog Collars- there are many great leather large dog collars. You are able to choose from plain brown collars to collars with fancier colors and designs. <A href="http://www.af2outlet.com/af-mens-list-1-1">af mens</A> <A href="http://www.af2outlet.com/">abercrombie fitch cheap</A> Martingale Dog Collars- martingale dog collars are perfect for big dogs that have bigger necks than heads- such as greyhounds. They have a non slip feature which tightens the collar when pulled. <A href="http://www.af2outlet.com/">abercrombie fitch cheap</A> <A href="http://www.af2outlet.com/A&F-RUGGED-OUTERWEAR-list-11-1">A&F RUGGED OUTERWEAR</A> Nylon Dog Collars- nylon collars for large dogs are perfect when looking for a special design. They collars come in everything from a sail boat print to an Easter print. <A href="http://www.franklinmarshall2outlet.com/T-shirts-list-9-1">T-shirts</A> <A href="http://www.af2outlet.com/A&F-BIKINI-list-18-1">A&F BIKINI</A> <A href="http://www.franklinmarshall2outlet.com/Vest-list-16-1">Vest</A> As you can see, you have many options for large dog clothing and large dog collars. <A href="http://www.af2outlet.com/af-mens-list-1-1">af mens</A> <A href="http://www.af2outlet.com/A&F-DENIM-SHORTS-list-22-1">A&F DENIM SHORTS</A> <A href="http://www.franklinmarshall2outlet.com/Polo-T-shirts-list-7-1">Polo T-shirts</A> <A href="http://www.af2outlet.com/A&F-TEE(M-2XL)-list-13-1">A&F TEE(M-2XL)</A> <A href="http://www.franklinmarshall2outlet.com/Long-Sleeved-T-shirts-list-13-1">Long Sleeved T-shirts</A> <A href="http://www.af2outlet.com/A&F-CLASSIC-SHIRTS-list-8-1">A&F CLASSIC SHIRTS</A> <A href="http://www.franklinmarshall2outlet.com/T-shirts-list-15-1">T-shirts</A> About Author <A href="http://www.af2outlet.com/A&F-RUGGED-OUTERWEAR-list-11-1">A&F RUGGED OUTERWEAR</A> <A href="http://www.af2outlet.com/A&F-JEANS-list-9-1">A&F JEANS</A> Largedogshoppe is the place to go for <A href="http://www.af2outlet.com/A&F-LONG-TEES-list-26-1">A&F LONG TEES</A> large dog collars <A href="http://www.franklinmarshall2outlet.com/Pants-list-6-1">Pants</A> and <A href="http://www.franklinmarshall2outlet.com/">franklin marshall t shirt</A> large dog clothing <A href="http://www.franklinmarshall2outlet.com/">franklin marshall sale</A> . We also have a <A href="http://www.af2outlet.com/A&F-CLASSIC-SHORTS-list-20-1">A&F CLASSIC SHORTS</A> large dog clothes <A href="http://www.franklinmarshall2outlet.com/">www.FranklinMarshall2outlet.com</A> . <A href="http://www.franklinmarshall2outlet.com/Jakets-list-4-1">Jakets</A> <A href="http://www.af2outlet.com/A&F-PREMIUM-SWEATERS-list-10-1">A&F PREMIUM SWEATERS</A>

Main frame?

Submitted by HOmieA1761 on Wed, 01/26/2011 - 04:53.

What if your "main_text" is a content_wordpress (as mine is) and you need your "text back" to also expand via _frame? It doesn't work properly to have the frames sit side by side, when one expands, it either ends up below or forces the other frame down. I can't figure it out. I tried the _empty trick, but that doesn't seem to work for side by side _frames, only a _frame and an _text. Help!

Does it work for Joomla, Drupal or Wordpress?

Submitted by zomme on Thu, 08/19/2010 - 14:38.

Hi Shaun,
does it work with joomla and other CMS?
like _relative_frame_content_joomla for example?

Would be cool if that work, let us know if this is possible,

Thanks

use it with joomla?

Submitted by satzen on Sun, 03/14/2010 - 18:59.

is it possible to use it with joomla? example:
content_joomla_frame_relative

having trouble creating tiling bg for 1 frame or layer

Submitted by Cheeky on Wed, 02/17/2010 - 04:09.

I have what I think is a simple 3 story layout - a header graphic, main body graphic and footer graphic. The main body graphic is designed to tile seamlessly so if the main body area grows so too will its background. No matter what the length of the page is I want this main body image to always line up perfectly, to hide seams, with the header and footer images. This is something SOOOO easy to do in tables but after many hours and dozens of tweaks to the file and layer names, layer orders and countless uploads I've failed to come even close to achieving this effect. The best I can do is create a perfectly lined up layout but with a main body area that inserts a scroll bar to accommodate added text rather than expanding the frame pushing all content further down the page (manually removing the scroll bar code doesn't help. Various experiments with renaming layers _frame_relative haven't worked either).

Since psd2css likes to have content *within* a frame or layer I wonder if my layout, which requires content to fit exactly edge to edge, is creating a problem and might be impossible to create here. I'm stumped!

Hi - I'm concerned about the

Submitted by shaun on Thu, 02/18/2010 - 05:28.

Hi -

I'm concerned about the phrases 'no matter what the length of the page' and 'always line up perfectly to hid seams'. Can you post the PSD file that you're working with? Thanks.

--
Shaun