Page 1 of 2 12 LastLast
Results 1 to 10 of 15
  1. #1
    Join Date
    Nov 2003
    Posts
    1,155
    Plugin Contributions
    0

    Default Header Dropdown Menu - Nice! - how add Down Arrows ?

    Thanks for this contrib. It's something that I've needed for ages, great!

    One thing I'd like to add are Down Arrows in top menu items that also contain sub items.

    If a top item contains sub items, then a down arrow is displayed. But, if a top item does not contain sub items, then a down arrow is not displayed.

    Is there anyway to do this in the CSS ?

    Thanks so much again

  2. #2
    Join Date
    Oct 2004
    Location
    Southport, UK
    Posts
    4,244
    Plugin Contributions
    20

    Default Re: Header Dropdown Menu - Nice! - how add Down Arrows ?

    Sounds interesting - have you got a link to this? (Bearing in mind that the downloads section isn't yet searchable! )
    Development Manager @ JSWeb Ltd - suppliers of Applepay/Googlepay for Zencart
    20 years with Zencart !

  3. #3
    Join Date
    Nov 2003
    Posts
    1,155
    Plugin Contributions
    0

    Default Re: Header Dropdown Menu - Nice! - how add Down Arrows ?


  4. #4
    Join Date
    Sep 2004
    Posts
    2,420
    Plugin Contributions
    2

    Default Re: Header Dropdown Menu - Nice! - how add Down Arrows ?

    Quote Originally Posted by DogTags View Post
    Thanks for this contrib. It's something that I've needed for ages, great!:
    DT-

    Which contrib do you speak?

    Are you referring to the horizontal menus feature integrated into the Apple Zen template contributed by jettrue?

    Demo: http://www.zencart137.jadetrue.com/
    Available at: http://www.zen-cart.com/index.php?ma...roducts_id=449
    Support thread: http://www.zen-cart.com/forum/showthread.php?t=55822

    Or is there actually a contribution/mod named "Header Dropdown Menu" that is available for download somewhere on Zen Cart support site? If so I cannot locate.

    Either way thinking your inquiry will be best responded to if directed to the "Contributed Templates" board. But let us know what you find out

    Woody

  5. #5
    Join Date
    Nov 2003
    Posts
    1,155
    Plugin Contributions
    0

    Default Re: Header Dropdown Menu - Nice! - how add Down Arrows ?

    I'm also trying to address the IE6 and older browser issues.

    Netscape 4 issue:
    http://javascript.about.com/library/blsfmenu3.htm

    IE6 and earlier issue (hover issue):
    http://javascript.about.com/library/blsfmenu4.htm

    How would this all fit into this? Where would the js go?

    Thanks

  6. #6
    Join Date
    Nov 2003
    Posts
    1,155
    Plugin Contributions
    0

    Default Re: Header Dropdown Menu - Nice! - how add Down Arrows ?

    I wasn't quite sure where to post this. Please feel free to move it

  7. #7
    Join Date
    Sep 2004
    Posts
    2,420
    Plugin Contributions
    2

    Default Re: Header Dropdown Menu - Nice! - how add Down Arrows ?

    We posted at the same time. I swear before I posted I looked in the Templates download area and did not see the new mod!!! I suspect that an old page was caught in my broeser cache. Thanks for the pointer. Looks like a very useful contribution that I want to immediately play with ;wink2:

    Woody

  8. #8
    Join Date
    Nov 2003
    Posts
    1,155
    Plugin Contributions
    0

    Default Re: Header Dropdown Menu - Nice! - how add Down Arrows ?

    For displaying Down Arrows, here's something that I got from the Extended Menu module in Joomla:

    Code:
    ul.mainlevel-son-of-suckerfish-horizontal .expanded{
     background-image:url("../images/expanded_down.gif");
     background-position:right center;
     background-repeat:no-repeat;
     padding-right:10px;
    }
    Here's the joomla extended menu module location:
    http://de.siteof.de/extended-menu.html

    Here's the drop menu (without down arrows but otherwise totally nice):
    http://de.siteof.de/extended-menu-te...ish_horizontal

  9. #9
    Join Date
    Nov 2003
    Posts
    1,155
    Plugin Contributions
    0

    Default Re: Header Dropdown Menu - Nice! - how add Down Arrows ?

    Quote Originally Posted by DogTags View Post
    I'm also trying to address the IE6 and older browser issues.

    Netscape 4 issue:
    http://javascript.about.com/library/blsfmenu3.htm

    IE6 and earlier issue (hover issue):
    http://javascript.about.com/library/blsfmenu4.htm

    How would this all fit into this? Where would the js go?

    Thanks
    Netscape 4 solution? but where would it go?:
    Code:
    <style media="screen">
    @import url(sfmenu.css);
    </style>
    IE6 and earlier solution? but where would it go?:
    Code:
    // Enhanced Suckerfish menu
    // refer to http://javascript.about.com/library/blsfmenu1.htm
    // for more information
    // you may copy this code but please keep the comments intact
    
    // fix for IE hover
    sfh = function() {var sfE = document.getElementById("nav").getElementsByTagName("li"); for (var i=sfE.length-1; i >= 0; i--) {sfE[i].onmouseover=function() { this.className+=" sfh"; }; sfE[i].onmouseout=function() { this.className=this.className.replace(new RegExp(" sfh\\b"), ""); }; }}; if (window.attachEvent) window.attachEvent("onload", sfh);
    
    // fix for IE position:fixed bug
    function posTop() {return typeof window.pageYOffset != 'undefined' ?  window.pageYOffset : document.documentElement && document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ? document.body.scrollTop : 0;} function moveit() {var y = posTop() + 'px';document.getElementById('nav').style.top = y;} window.onscroll = moveit;
    Both solutions above provided on the About.com pages referenced also above

  10. #10
    Join Date
    Oct 2006
    Location
    Alberta, Canada
    Posts
    4,571
    Plugin Contributions
    1

    Default Re: Header Dropdown Menu - Nice! - how add Down Arrows ?

    Why not go right to the Source? Checkout the Examples at page bottom.

    SuckerFish Menus have long been used and recommended by many.

 

 
Page 1 of 2 12 LastLast

Similar Threads

  1. v150 How to add new links in dropdown menu in Admin?
    By andrewnguyen in forum General Questions
    Replies: 1
    Last Post: 21 Feb 2012, 05:35 AM
  2. How to use ezpages/categories as dropdown menu in the header?
    By mdivk in forum Templates, Stylesheets, Page Layout
    Replies: 12
    Last Post: 21 Dec 2011, 06:32 PM
  3. Header Dropdown Menu (CSS) Without the Dropdown???
    By hcd888 in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 27 May 2009, 01:20 AM
  4. CSS Horizontal Drop Down menu - dropdown menu width...
    By intrium in forum All Other Contributions/Addons
    Replies: 0
    Last Post: 19 Aug 2008, 06:48 PM
  5. Add CSS dropdown menu to header
    By DivaVocals in forum Templates, Stylesheets, Page Layout
    Replies: 6
    Last Post: 19 Feb 2007, 05:48 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg