We've had the _bodybg Layer Naming Convetion for quite a while now. That feature will make an image or pattern repeat across the background of your web page vertically and horizontally - it fills the page. But sometimes you only want just the top of the page to repeat. Only horizontally across the page, but not vertically. Now you can do that with the new _bodybg-rx feature. It's body background repeat x. It's a common design element in current web design.
We've also extended the color Layer Naming Convention so that it will fill the background that you don't repeat over. So suppose you define a pattern to repeat across the top of your design, but want the rest of the background for the page to be a certain color. You can define that by just adding a _#888 to the layer name (where 888 is the color that you want).
Here is the video tutorial:
Here is the page used in the video: http://psd2cssonline.com/tutorials/vlist1/index.html
and here is the PSD used in the video: http://psd2cssonline.com/tutorials/vlist1/vlist1.psd
Vertical?
I see there's a -rx naming convention which will extend a banner horizontally no matter what the browser size; is there a vertical equivalent yet? I am making a blog (and more) website, and I'd like to have a pattern repeat down the page (leaving the left and right screen-edges white). I've fiddled around with the naming but so far can't find a way...
Hi ezziecat - I think that
Hi ezziecat -
I think that the new _frame layer naming convention might do what you want. What sort of content is on the page (_text, _drupal, _joomla or _wordpress), or other kinds of content? If you are using _text, _drupal, _joomla or _wordpress then the texture in the _frame layer behind the content will repeat down the page.
If you have a situation that _frame won't do - send me the PSD and I'll see if there isn't another way. And if we need a new feature then cool :)
Thanks
--
Shaun
Obsolete question!
Sorry I didn't reply - I've changed the site so my question became obsolete, but I have now commented elsewhere about having both a menu and content within a frame - I need the frame to stay underneath whichever of these is longer, but I can't find a way to do it. I am working with Joomla, if that helps. Will be glad to send psd file if you need it, thank you =)
Hi ezziecat - So 2 content
Hi ezziecat -
So 2 content areas inside of one _frame is not directly supported. I mean, you can obviously put 2 content areas inside the _frame, but only the growth of one of them (the first one listed in the PS layers) will cause the _frame to grow.
You can get around your problem however (probably) by using the CSS min-height: attribute. Your menu (left_joomla probably, right?) will not grow (much). So use a min-height: 400px; on the _frame CSS definition. Pick a number that is big enough that the menu will always show. Then when the regular content is small, the min-height will kick in and your all good. When the regular content grows, the _frame stuff will kick in and you're still all good.
Let me know if that doesn't help.
Thanks.
--
Shaun