Results 1 to 10 of 754

Hybrid View

  1. #1
    Join Date
    Feb 2011
    Posts
    665
    Plugin Contributions
    0

    Default Re: Support for CSS Flyout Menu

    I tried it on my local site first.....good thing!;)

  2. #2
    Join Date
    Jun 2009
    Posts
    19
    Plugin Contributions
    0

    Default Re: Support for CSS Flyout Menu

    is it possible to hover level2 when level3 is hovered?

  3. #3
    Join Date
    Jun 2009
    Posts
    19
    Plugin Contributions
    0

    Default Re: Support for CSS Flyout Menu

    I mean to hover Dame on this image

  4. #4

    Default Re: Support for CSS Flyout Menu

    I have this installed in V1.5 and works great, i was just wondering though if it is possible to change some settings so the flyout occurs a little smoother ?
    Thank you

  5. #5
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: Support for CSS Flyout Menu

    windsurfer - Get Em Fast would have to advise on that, as it would probably involve the jQuery effects.

    Loter - To get hover effects on the higher items in the tree, find in your stylesheet_categories_menu.css the rule like this
    Code:
    #nav-cat li a:hover {
       color: #FFFFFF;
       background-color: #000000;
    }
    and add a rule above it to get this
    Code:
    #nav-cat li:hover>a {
       color: #FFFFFF;
       background-color: #a00000;
    }
    
    #nav-cat li a:hover {
       color: #FFFFFF;
       background-color: #000000;
    }
    Adjust properties to fit your situation.

  6. #6
    Join Date
    Dec 2009
    Location
    Romania, Brasov
    Posts
    1
    Plugin Contributions
    0

    help question Re: Support for CSS Flyout Menu

    I buyed a template from template monster, but after the changes we have made to this template we have a problem with hover menu. Now the menu must be on 2 rows as seen here:
    http://kronemag.de/shop1/

    Here you can find how it looked before:
    http://www.templatemonster.com/zenca...tes/37597.html

    The question is : Can we delay the drop down of the menu on mouse over?

    This is how includes/templates/theme592/jscript/jscript_xdropdown_menu.js looks like:

    //script added by Get Em Fast Web Designs
    var isAnimating = false;
    var $toClose = null;

    $(function () {
    $('#dropMenu .level1 .submenu.submenu').hover(function() {
    if (!isAnimating) {
    $(this).find('ul.level2,.level3 li,.level4 li,.level5 li,.level6 li').stop(true, true).slideUp(500);
    $(this).find('ul.level2,.level3 li,.level4 li,.level5 li,.level6 li').stop(true, true).slideDown(200);
    isAnimating = true;
    }
    }, function() {
    $toClose = $(this).find('ul.level2,.level3 li,.level4 li,.level5 li,.level6 li');
    setTimeout(function(){if($toClose!=null){
    $($toClose).stop(true, true).slideDown(500);
    $($toClose).stop(true, true).slideUp(200);
    $toClose = null;
    isAnimating = false;
    }}, 200);
    });});


    Can anyone help? Thank you.

  7. #7
    Join Date
    Jan 2007
    Location
    Los Angeles, California, United States
    Posts
    10,021
    Plugin Contributions
    32

    Default Re: Support for CSS Flyout Menu

    Wrong support thread for this menu.. Looks like the good folks at Template Monstrosity oops I mean Template Monster "borrowed" the code from the CSS dropdown menu.. (which I'm sure they fully disclosed.. yeah right..) You need to post question sin that support thread.. However, I'd suggest downloading the add-on and READING the readme which should provide some insight on how to manipulate the speed of the dropdown..


    Quote Originally Posted by kronemag View Post
    I buyed a template from template monster, but after the changes we have made to this template we have a problem with hover menu. Now the menu must be on 2 rows as seen here:
    http://kronemag.de/shop1/

    Here you can find how it looked before:
    http://www.templatemonster.com/zenca...tes/37597.html

    The question is : Can we delay the drop down of the menu on mouse over?

    This is how includes/templates/theme592/jscript/jscript_xdropdown_menu.js looks like:

    //script added by Get Em Fast Web Designs
    var isAnimating = false;
    var $toClose = null;

    $(function () {
    $('#dropMenu .level1 .submenu.submenu').hover(function() {
    if (!isAnimating) {
    $(this).find('ul.level2,.level3 li,.level4 li,.level5 li,.level6 li').stop(true, true).slideUp(500);
    $(this).find('ul.level2,.level3 li,.level4 li,.level5 li,.level6 li').stop(true, true).slideDown(200);
    isAnimating = true;
    }
    }, function() {
    $toClose = $(this).find('ul.level2,.level3 li,.level4 li,.level5 li,.level6 li');
    setTimeout(function(){if($toClose!=null){
    $($toClose).stop(true, true).slideDown(500);
    $($toClose).stop(true, true).slideUp(200);
    $toClose = null;
    isAnimating = false;
    }}, 200);
    });});


    Can anyone help? Thank you.
    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.

 

 

Similar Threads

  1. v151 How to uninstall CSS Horizontal Drop Down Menu (CSS Flyout Header 1.5)
    By cmike in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 15 Feb 2014, 07:39 AM
  2. Flyout Menu CSS For My Template.
    By NathanLee0921 in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 26 May 2010, 01:24 AM
  3. Extra text or image inbetween categories for css flyout menu?
    By arniesbarmyarmy in forum Addon Sideboxes
    Replies: 0
    Last Post: 23 Nov 2009, 10:30 AM
  4. css flyout menu (for side nav)
    By gsdcypher in forum General Questions
    Replies: 0
    Last Post: 3 Dec 2007, 12:10 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