Apple Zen Support Thread

[jettrue]

I love the 3D effect along the sides of the main page, is there any way to replicate this effect along the sides of the logo and the sides of the drop-down menu? I'm in the middle of customizing the page and would like to see the entire thing appear to hover as a whole.

check out the page to see what I mean.

http://www.greenearthjewelry.com/

I need to come up with a solution for doing that, because a lot of people have requested that feature. Will do that when I have the moment.

[chadderuski]

I need to come up with a solution for doing that, because a lot of people have requested that feature. Will do that when I have the moment.

Hi All!

I don't want to say I solved this, but I am well on my way. Of course, for our Company's site I did some trimming ... ;)

I worked in three main files: stylesheet.css, stylesheet_header_menu.css and apple_zen/common/tpl_main_page.php

The side shadows are achieved by layering two div and setting their background to the left or right shadow. I put these after the <contentMainWrapper> and set them to 71em. I then adjusted (through MUCH trial and error) the containing divs to either 100% or 70em. Adjusting padding to taste, etc.

Make your life easier and turn off the header until you get the main page working. Fixing the header is simple after that.

Also, if you want your footer to be enclosed this box, this is where you do it.

It was neither THAT simple or that hard. Take your time. Change one thing and test it.

One of the things I really love about apple_zen is it's zoom-in/zoom-out strength without breaking layout. The stretchy header is also cool for some site designs.

I am no CSS guru, so I don't know if there is a way to make a single template do both. At least not easily. Perhaps a second template with a different name for the enclosed header? Orange_Zen? Grape_Zen? LOL. I'm sure Jade will come up with something awesome!

Please take a look at my test site and tell me what you think ...

http://royalindustriesinc.com/store/index.php

-Chadd

[jettrue]

Hi All!

I don't want to say I solved this, but I am well on my way. Of course, for our Company's site I did some trimming ... ;)

I worked in three main files: stylesheet.css, stylesheet_header_menu.css and apple_zen/common/tpl_main_page.php

The side shadows are achieved by layering two div and setting their background to the left or right shadow. I put these after the <contentMainWrapper> and set them to 71em. I then adjusted (through MUCH trial and error) the containing divs to either 100% or 70em. Adjusting padding to taste, etc.

Make your life easier and turn off the header until you get the main page working. Fixing the header is simple after that.

Also, if you want your footer to be enclosed this box, this is where you do it.

It was neither THAT simple or that hard. Take your time. Change one thing and test it.

One of the things I really love about apple_zen is it's zoom-in/zoom-out strength without breaking layout. The stretchy header is also cool for some site designs.

I am no CSS guru, so I don't know if there is a way to make a single template do both. At least not easily. Perhaps a second template with a different name for the enclosed header? Orange_Zen? Grape_Zen? LOL. I'm sure Jade will come up with something awesome!

Please take a look at my test site and tell me what you think ...

http://royalindustriesinc.com/store/index.php

-Chadd

It looks really good Chadd. Good job!