Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • zloy_lamer Friend
    #184273

    how to make a mega menu like this site: http://alphajet.ru/
    sorry my bad english:-[

    Stork11 Friend
    #480877

    <em>@zloy_lamer 356523 wrote:</em><blockquote>how to make a mega menu like this site: http://alphajet.ru/
    sorry my bad english:-[</blockquote>
    Hello zloy_lamer,

    The site your showed me is based on Drupal. It’s not a Joomla site.

    JA T3 is built to work with Joomla – a different CMS.

    You can check the mega menu in this JA Purity template and check this wiki to know how we configure mega menu

    Regards.

    zloy_lamer Friend
    #481192

    I know that the site on Drupal, I was interested in the opportunity to make the same menu so that when you scroll it changed style relative to fixed, so do at different cms.
    eg online http://mf0.me/news also the same menu as is done on Joomla 3.0 on t3v2 framework

    zloy_lamer Friend
    #481194

    I realized that there is implemented using jscript, with a script by scrolling to the menu to change menu styles relative to fixed. as the same make on t3v2 framework?

    sorry my bad english:-[

    zloy_lamer Friend
    #481396

    solved the problem.
    change position: absolut it to position: fixed for #ja-mainnav in template.css, and add script in <head></head>:

    <script type="text/javascript">
    var m1 = 150; /*header height in pixels */
    var m2 = 2; /* Indent when during scrolling header* no longer visible */
    var menuID = "ja-mainnav";
    /* id menu */
    var menuOpacityOnChange = "0.7";

    var menuOpacityOnChangeIE = menuOpacityOnChange * 100;

    function getScrollTop() {
    var scrOfY = 0;
    if( typeof( window.pageYOffset ) == "number" ) {
    //Netscape compliant
    scrOfY = window.pageYOffset;
    } else if( document.body
    && ( document.body.scrollLeft
    || document.body.scrollTop ) ) {
    //DOM compliant
    scrOfY = document.body.scrollTop;
    } else if( document.documentElement
    && ( document.documentElement.scrollLeft
    || document.documentElement.scrollTop ) ) {
    //IE6 Strict
    scrOfY = document.documentElement.scrollTop;
    }
    return scrOfY;
    }

    function marginMenuTop() {
    var top = getScrollTop();
    var s = document.getElementById(menuID);

    if(typeof s != "undefined" && s){

    if (top+m2 < m1) {
    s.style.top = (m1-top) + "px";
    s.style.filter = s.style.filter.replace("progid:DXImageTransform.Microsoft.Alpha(opacity="+menuOpacityOnChangeIE+")","");
    s.style.opacity = "1";

    } else {
    s.style.top = m2 + "px";
    s.style.opacity = menuOpacityOnChange;
    s.style.filter = s.style.filter.replace("progid:DXImageTransform.Microsoft.Alpha(opacity="+menuOpacityOnChangeIE+")","");
    s.style.filter += "progid:DXImageTransform.Microsoft.Alpha(opacity="+menuOpacityOnChangeIE+")";

    }
    }
    }

    function setMenuPosition(){
    if(typeof window.addEventListener != "undefined"){
    window.addEventListener("scroll", marginMenuTop, false);
    } else if(typeof window.attachEvent != "undefined"){
    window. attachEvent("onscroll", marginMenuTop);
    }
    }

    if(typeof window.addEventListener != "undefined"){
    window.addEventListener("load", setMenuPosition, false);

    } else if(typeof window.attachEvent != "undefined"){
    window. attachEvent("onload", setMenuPosition);
    }

    </script>

    result here: http://awesome-design.com/examples/menu-almost-fixed-example.html
    you can apply to any template
    sorry for my bad english:-[

    zloy_lamer Friend
    #481404

    I forgot, we must add jQuery.js, due to the use of other scripts(mootools) need to add a condition “no conflict”, otherwise the cpanel and megamenu will not work
    My site is still a work in progress on the local server, so I gave the example of another site, but the results were the same

    svalambhia Friend
    #485146

    Dear Zoly,

    I was trying to accomplish simar thing just by few changes in template.css … i also succeed partially, in my design, Logo and mainnav both stays fixed…. but the problem is when there is not topsl it displays empty space below topsl…. you can see my post here…

    http://www.joomlart.com/forums/topic/how-to-fix-header-and-topnav-megamnu/

Viewing 7 posts - 1 through 7 (of 7 total)

This topic contains 7 replies, has 3 voices, and was last updated by  svalambhia 11 years, 8 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum