on closer inspection it seems I left out an extra 'div#dropMenu' in "div#dropMenu ul.level2 a, ul.level6 a"
Results 1,951 to 1,960 of 2345
-
9 Oct 2010, 03:51 PM #1951
New Zenner
- Join Date
- Sep 2010
- Location
- Leamington Spa, UK
- Posts
- 31
- Plugin Contributions
- 0
Re: CSS Dropdown menu for the header- With Categories!
-
11 Oct 2010, 04:22 PM #1952
New Zenner
- Join Date
- Oct 2008
- Posts
- 55
- Plugin Contributions
- 0
Re: CSS Dropdown menu for the header- With Categories!
Hi, I am trying to instal this mod, I want the top menu to appear as tabs, I also have a backround image for the tabs, however, when I click on the top category, the submenu displays correctly, but the top menu goes transparent, any ideas?
Here is my header menu css
PHP Code:body {
behavior: url(includes/csshover.htc);
}
/*green*/
div#dropMenu li a:hover, div#dropMenu li.submenu li.submenu:hover {background-image: url(..../images/bg_tabs_right.gif)!important;background-image: url(../images/bg_tabs_left.gif);}
/*blue
div#dropMenu li a:hover, div#dropMenu li.submenu li.submenu:hover, div#dropMenu ul.level2 a:hover {color: #ffffff!important;background:#6C99D9;}
*/
/*red
div#dropMenu li a:hover, div#dropMenu li.submenu li.submenu:hover, div#dropMenu ul.level2 a:hover {color: #ffffff!important;background:#DC262E;}
*/
/*grey
div#dropMenu li a:hover, div#dropMenu li.submenu li.submenu:hover, div#dropMenu ul.level2 a:hover {color: #4f4f4f!important;background:#D5D5D5;}
*/
div#dropMenu {
font: normal bold 1.083em arial;
width:100%;
margin:0 auto;
text-align:center;
z-index:1000;
position:relative;
}
div#dropMenu ul {
margin:0;
padding:0;
}
div#dropMenu li {
position:relative;
list-style:none;
float:left;
margin: 0 0 0 6px;
padding: 0 0 0 4px;
}
div#dropMenu ul.level1 {
width:100%;
margin: 0 0 0 6px;
padding: 0 0 0 4px;
text-align:center;
z-index:1000;
float:left;
}
div#dropMenu li a {
display: block;
/* Hides from IE5-mac \*/
height: 1%;
/* End hide from IE5-mac */
text-decoration: none;
text-align:center;
background: url(../images/bg_tabs_right.gif);
padding: 11px 16px 8px 12px;
}
div#dropMenu li:hover {background: url(..../images/bg_tabs_right.gif);}
div#dropMenu li.submenu {background: url(..../images/bg_tabs_right.gif);}
div#dropMenu li.submenu:hover {background: url(..../images/bg_tabs_right.gif);}
div#dropMenu li a.noLine {border:none;}
div#dropMenu>ul a {width: auto;z-index:1000;}
div#dropMenu ul ul {display: none;}
div#dropMenu ul ul li {border-bottom: 1px solid #CCC; width:12em;z-index:1000;}
div#dropMenu li.submenu li.submenu {background: url(..../images/bg_tabs_right.gif);}
div#dropMenu ul.level1 li.submenu:hover ul.level2,
div#dropMenu ul.level2 li.submenu:hover ul.level3,
div#dropMenu ul.level3 li.submenu:hover ul.level4,
div#dropMenu ul.level4 li.submenu:hover ul.level5,
div#dropMenu ul.level5 li.submenu:hover ul.level6,
div#dropMenu ul.level6 li.submenu:hover ul.level7,
div#dropMenu ul.level7 li.submenu:hover ul.level8 {position: absolute; width: 12em;display:block;z-index:1000;}
div#dropMenu ul.level2 {z-index:1000;position:absolute;left:0;}
div#dropMenu ul.level3,
div#dropMenu ul.level4,
div#dropMenu ul.level5,
div#dropMenu ul.level6,
div#dropMenu ul.level7,
div#dropMenu ul.level8{top: 0; left: 12em;}
div#dropMenu ul.level2 a {padding: 0.5em 0 0.5em 0.25em; text-transform:none;} /* this is text color on drop-down submenu */
div#dropMenu ul.level2 a:hover {color:#4f4f4f;}
.clearBoth {
height:0;
font-size:0;
line-height:0;
}
-
11 Oct 2010, 11:57 PM #1953
Zen Follower
- Join Date
- Aug 2008
- Posts
- 244
- Plugin Contributions
- 0
-
12 Oct 2010, 01:44 PM #1954
New Zenner
- Join Date
- Oct 2008
- Posts
- 55
- Plugin Contributions
- 0
Re: CSS Dropdown menu for the header- With Categories!
Sorry, cant provide site because Im not using this until I fix it...
Originally Posted by marcelarr
-
14 Oct 2010, 10:09 PM #1955
Zen Follower
- Join Date
- Sep 2010
- Posts
- 129
- Plugin Contributions
- 0
Re: CSS Dropdown menu for your header- With Categories!
I am quoting an older post for my exact same problem.
Sadly that member did not leave any details of a solution except to say they sorted it.
Would anyone have any idea where to put the extra code in the tpl_header.php file? -I attach a copy of it here.
I'm posting that template's tpl_header.php -- but am not sure it's as simple as that -- hoping that maybe possibly someone could please maybe possibly help me figure this out
Originally Posted by aly22
I COULDNT UPLOAD THE FILE SO HERE IS ITS CONTENTS
PHP Code:<?php
/**
*
* <!-- ====================================== -->
* </div>
* <div class="currency-form">
* <!-- ========== CURRENCIES ========= --><div></div>
*
*
*
*
*
* Common Template - tpl_header.php
*
* this file can be copied to /templates/your_template_dir/pagename<br />
* example: to override the privacy page<br />
* make a directory /templates/my_template/privacy<br />
* copy /templates/templates_defaults/common/tpl_footer.php to /templates/my_template/privacy/tpl_header.php<br />
* to override the global settings and turn off the footer un-comment the following line:<br />
* <br />
* $flag_disable_header = true;<br />
*
* @package templateSystem
* @copyright Copyright 2003-2006 Zen Cart Development Team
* @copyright Portions Copyright 2003 osCommerce
* @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
* @version $Id: tpl_header.php 4813 2006-10-23 02:13:53Z drbyte $
*/
?>
<?php
// Display all header alerts via messageStack:
if ($messageStack->size('header') > 0) {
echo $messageStack->output('header');
}
if (isset($_GET['error_message']) && zen_not_null($_GET['error_message'])) {
echo htmlspecialchars(urldecode($_GET['error_message']));
}
if (isset($_GET['info_message']) && zen_not_null($_GET['info_message'])) {
echo htmlspecialchars($_GET['info_message']);
} else {
}
?>
<!--bof-header logo and navigation display-->
<?php
if (!isset($flag_disable_header) || !$flag_disable_header) {
?>
<script type="text/javascript">
jQuery(window).bind("load", function() {
jQuery("div#mygalone").slideView();
var slider_links = jQuery('.stripTransmitter li a');
var slider_links_index = 0;
function slider_intro(){
slider_links.eq(slider_links_index).trigger('click');
slider_links_index++;
if(slider_links_index <= slider_links.size()){
setTimeout(function(){slider_intro()}, 500000); //select change time
}
else if(slider_links_index > slider_links.size()){
slider_links.eq(0).trigger('click')
}
}
slider_intro();
});
</script>
<div id="header">
<div class="top">
<div class="logo">
<!-- ========== LOGO ========== -->
<a href="<?php echo zen_href_link(FILENAME_DEFAULT);?>"><?php echo zen_image(DIR_WS_TEMPLATE.'images/logo.gif'); ?></a>
<!-- ========================== -->
</div>
<div class="fright alignright">
<div class="nav-links">
<!-- ========== NAVIGATION LINKS ========== -->
<?php echo zen_draw_form('currencies', zen_href_link(basename(ereg_replace('.php','', $PHP_SELF)), '', $request_type, false), 'get');?>
<?php echo BOX_HEADING_CURRENCIES; ?>:
<?
if (isset($currencies) && is_object($currencies)) {
reset($currencies->currencies);
$currencies_array = array();
while (list($key, $value) = each($currencies->currencies)) {
$currencies_array[] = array('id' => $key, 'text' => $value['title']);
}
$hidden_get_variables = '';
reset($_GET);
while (list($key, $value) = each($_GET)) {
if ( ($key != 'currency') && ($key != zen_session_name()) && ($key != 'x') && ($key != 'y') ) {
$hidden_get_variables .= zen_draw_hidden_field($key, $value);
}
}
}
?><?php echo zen_draw_pull_down_menu('currency', $currencies_array, $_SESSION['currency'], ' onchange="this.form.submit();"') . $hidden_get_variables . zen_hide_session_id();?>
|
<?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">'; ?><?php echo HEADER_TITLE_CATALOG; ?></a>
<?php if ($_SESSION['customer_id']) { ?>
| <a href="<?php echo zen_href_link(FILENAME_LOGOFF, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGOFF; ?></a>
| <a href="<?php echo zen_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></a>
<?php
} else {
if (STORE_STATUS == '0') {
?>
| <a href="<?php echo zen_href_link(FILENAME_LOGIN, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGIN; ?></a>
<?php } } ?>
<?php if ($_SESSION['cart']->count_contents() != 0) { ?>
| <a href="<?php echo zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>"><?php echo HEADER_TITLE_CHECKOUT; ?></a>
<?php }?>
</form>
<!-- ====================================== -->
</div>
<div class="lang">
<!-- ========== LANGUAGES ========== -->
<?php if (!isset($lng) || (isset($lng) && !is_object($lng))) {
$lng = new language;
}
reset($lng->catalog_languages);
while (list($key, $value) = each($lng->catalog_languages)) {
echo '<a href="' . zen_href_link($_GET['main_page'], zen_get_all_get_params(array('language', 'currency')) . 'language=' . $key, $request_type) . '">' . zen_image(DIR_WS_LANGUAGES.$value['directory'].'/images/'.$value['image'], $value['name'], '', '', ' style="vertical-align:middle;"') . '</a>';
}
?>
<!-- =============================== -->
</div>
<div class="cart">
<!-- ========== SHOPPING CART ========== -->
<?php
if ($_SESSION['cart']->count_contents() == 1) {
$items = $_SESSION['cart']->count_contents() . ' item';
} else {
$items = $_SESSION['cart']->count_contents() . ' items';
}
?>
<strong><a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL');?>"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a></strong>: now in your cart <a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL');?>"><?php echo $items;?></a>
<!-- =================================== -->
</div>
</div>
</div>
<div class="wrapper">
<!-- ========== MENU ========== -->
<div class="menu">
<!--bof-header ezpage links-->
<?php if (EZPAGES_STATUS_HEADER == '1' or (EZPAGES_STATUS_HEADER == '2' and (strstr(EXCLUDE_ADMIN_IP_FOR_MAINTENANCE, $_SERVER['REMOTE_ADDR'])))) { ?>
<?php require($template->get_template_dir('tpl_ezpages_bar_header.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_ezpages_bar_header.php'); ?>
<?php } ?>
<!--eof-header ezpage links-->
</div>
<!-- ========================== -->
<div class="search-form">
<!-- ========== SEARCH ========== -->
<?php require($template->get_template_dir('tpl_search_header.php',DIR_WS_TEMPLATE, $current_page_base,'common'). '/tpl_search_header.php');?>
<!-- ============================ -->
</div>
</div>
<!-- ========CAROUSEL======= -->
<!-- <?php require($template->get_template_dir('tpl_slider.php',DIR_WS_TEMPLATE, $current_page_base,'common'). '/tpl_slider.php');?> -->
<?php } ?>
-
15 Oct 2010, 08:08 PM #1956
Zen Follower
- Join Date
- Sep 2010
- Posts
- 129
- Plugin Contributions
- 0
Re: CSS Dropdown menu for the header- With Categories!
This is the code I need to add to the above tpl_header.php
I have no idea where to put it. Whatever I try loads the header and wipes out the rest of my page HELP PLEASE!!!PHP Code:<?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>
PS I also took the tpl_header.php that came with this add on and tried it, even thought it totally messed up my page its still loaded, but again only the header the rest of the page was gone.
I'm really desperate for some help... I do my best to help myself search through the thread. From reading hundreds of posts it seems to me that in 2006/7 all the big guns Dr Byte, the Green Elf and Jade who improved this add on so much have been here daily answering questions taking notes and making improvements.
Ive only been a member for a month but hardly any of my posts were answered directly I either PM people and beg them to come practically dragging them. Or by some fluke I find the answer.
Well Ive hit a brick wall, this is code, I need help from someone knowledgeable. The above mentioned members hardly show themselves anymore or answer many posts if any and us new zenners have truly been left to the wolves and pick up the pieces of old posts sometimes useful sometimes not at all. It's true people volunteer but unless the hardcore zenners make their presence felt this program will disappear into oblivion just as much as it became popular due to their dedication and involvement. Nothing lasts for ever and its up to them and us to maintain it.
I will again be PMing online people in the hope of finding someone who is at lease "totally zenned" with 5 min to spare, not getting my hopes up....
-
15 Oct 2010, 08:21 PM #1957
Zen Follower
- Join Date
- Sep 2010
- Posts
- 129
- Plugin Contributions
- 0
$10 for assistance $10!
My website is on www.majesticsilver.co.uk/store.
Ive reached the end of my tether so $10 to anyone who makes this code works for me. $10 to your paypal fast and easy, try who knows you might have the answer, its only simple for someone into code....
-
15 Oct 2010, 10:27 PM #1958
Totally Zenned
- Join Date
- Jan 2007
- Location
- Los Angeles, California, United States
- Posts
- 10,021
- Plugin Contributions
- 32
Re: $10 for assistance $10!
Based on the information you've provided this would indicate a few things.. Either the menu files are not loaded in the correct folders or there is some other issue within your template that is preventing this menu from loading.. Can't say solely based on the information provided. Originally Posted by aozhaver
Here's what you can check in the meantime. did you make SURE all the template related files are in the right location?? (all of the YOUR_TEMPLATE files should be in a folder which is the same name as your templates folder)My Site - Zen Cart & WordPress integration specialist
I don't answer support questions via PM. Post add-on support questions in the support thread. The question & the answer will benefit others with similar issues.
-
15 Oct 2010, 10:30 PM #1959
Zen Follower
- Join Date
- Sep 2010
- Posts
- 129
- Plugin Contributions
- 0
Re: CSS Dropdown menu for the header- With Categories!
Ive been doing a lot of testing and trials, overall I must have checked at least 5 times. I am certain all files are in the right place.
Such a shame someone else had the exact same problem, they requested help and didnt bother to post the solution... so frustrating
-
15 Oct 2010, 10:38 PM #1960
Totally Zenned
- Join Date
- Jan 2007
- Location
- Los Angeles, California, United States
- Posts
- 10,021
- Plugin Contributions
- 32
Re: CSS Dropdown menu for the header- With Categories!
Well given that they used a Template Monster template which are generally poorly coded and follow non Zen Cart norms for their template construction I doubt her answer would have been of any use.. Originally Posted by aozhaver
Ive been doing a lot of testing and trials, overall I must have checked at least 5 times. I am certain all files are in the right place.
Such a shame someone else had the exact same problem, they requested help and didnt bother to post the solution... so frustrating
BTW, no answer is not indicative of being ignored.. It REALLY sometimes means that no one has an answer.. I personally appreciate no response over a bunch of "I have no idea responses".. Sure you got folks to respond to your post, but did you really learn anything you already didn't know??? Originally Posted by aozhaver
My Site - Zen Cart & WordPress integration specialist
I don't answer support questions via PM. Post add-on support questions in the support thread. The question & the answer will benefit others with similar issues.
Reply With Quote
Similar Threads
-
Categories dropdown menu/css
By KenshiroU in forum Templates, Stylesheets, Page LayoutReplies: 2Last Post: 5 Apr 2013, 01:04 PM -
HIde categories mod with css dropdown menu
By adowty in forum Templates, Stylesheets, Page LayoutReplies: 2Last Post: 9 Feb 2012, 01:05 AM -
How to use ezpages/categories as dropdown menu in the header?
By mdivk in forum Templates, Stylesheets, Page LayoutReplies: 12Last Post: 21 Dec 2011, 06:32 PM -
whats wrong with this css for my dropdown menu?
By 1kell in forum Templates, Stylesheets, Page LayoutReplies: 9Last Post: 28 May 2010, 02:47 AM -
Header Dropdown Menu (CSS) Without the Dropdown???
By hcd888 in forum Templates, Stylesheets, Page LayoutReplies: 0Last Post: 27 May 2009, 01:20 AM
Bookmarks