future-zen template and css-flyout menu

[denliv]

I've installed the CSS Flyout Menu on the Future_Zen template and found the bottom of the menu didn't show the bottom background graphic that all the other sideboxes did. Don't know if this is unique to my situation but if not here's what I did to make it show up:

The flyout menu code doesn't reference the class sideBoxContent, and when I tried to insert a reference to it then the menu got messed up. What I did was add the following new class to the stylesheet:

.menubottom { /* added by den for flyout menu */
background-image:url(../images/sidebox_bottom.gif);
background-repeat:no-repeat;
background-position: bottom;
padding-top: 1.3em;
}

Then in the future_zen/sideboxes/tpl_categories_css.php file I added the following near the bottom (line 56):

I changed $content .= '</div>';

to

$content .= '</div><div id="for-menubottom" class="menubottom"></div>';

Tweaking the padding in the stylesheet code above may be needed, and you may want to customize the bottom graphic also specified in the stylesheet code above.

Hope this helps someone.
Dennis

[kuroi]

Nicely done Dennis and thanks for posting so that others can see how it's done.

Is there a link where we can admire your handywork in action?

[denliv]

Thanks for the kind words. You can see the updated menu at http://www.ClickHereForAGreat.com/cart