Forums / Templates, Stylesheets, Page Layout / css horizonal navigational menu with sprites

css horizonal navigational menu with sprites

Locked

Views: 611

Results 1 to 2 of 2
This thread is locked. New replies are disabled.
29 Oct 2010, 11:48 PM
#1
jim23866 avatar

jim23866

New Zenner

Join Date:
May 2010
Location:
Virginia, USA
Posts:
4
Plugin Contributions:
0

css horizonal navigational menu with sprites

Hello,

I've done a little more research. Since this post http://www.zen-cart.com/forum/showpo...postcount=3073 I do still have that question unanswered.

I would like to know if I could use the CSS Horizontal Drop Down Menu addon is for v1.3.8 then change the colors for the menu to image sprites. Also move the whole menu to the top like it is currently on my cherry zen v1.39b.

In the addon it states in the readme file:

Add to the includes/templates/YOUR_TEMPLATE/common/tpl_header.php

"add this to your header where you'd like the css menu to appear:

HTML Code:

<!--bof-drop down menu display-->
<?php require($template->get_template_dir('tpl_drop_menu.php',DIR_WS_TEMPLATE, $current_page_base,'common'). '/tpl_drop_menu.php');?>
<!--eof-drop down menu display-->
<div class="clearBoth"></div>

"

I would like to do that BUT I don't know "what" I need to remove and exactly where to place this code so that it appears at the very top like my current navigational menu resides.

The question from my previous post and this one I know are apples and oranges. I thank you for your time.

JIM :unsure:

30 Oct 2010, 1:42 AM
#2
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: css horizonal navigational menu with sprites

Image sprites use the elements' backgrounds, so are handled in the stylesheet. Any elements that you can identify clearly enough in the stylesheet can use sprites.

If you want the dropdown menu at the top of your header, add the code mentioned to /includes/templates/your_template/common/tpl_header.php, near the top of the file and right after the headerWrapper div opening.