Webboard

Pełna wersja: Rozwijane menu
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
wersja skryptu MyBB: 1.6
adres forum: mroczna-dolina.xaa.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): Otóż gdy klikam, menu to ono mi się nie rozwija nwm dlaczego :P
Tutaj macie kody zerknijcie i powiedzcie co jest źle :P

Header :

Kod:
<div id="login">
       <div class="logincontainer">
        {$welcomeblock}
       </div>
</div>

<div id="header">
       <div class="headercontainer">
        <div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>
        <div class="menu">
            <ul>
                                <li><a href="{$mybb->settings['bburl']}/index.php"><i class="fa fa-star fa-fw"></i>&nbsp;Forum</a></li>
                                <li><a href="{$mybb->settings['bburl']}/search.php"><i class="fa fa-search fa-fw"></i>&nbsp;{$lang->toplinks_search}</a></li>
                <li><a href="forumdisplay.php?fid=10"><i class="fa fa-question-circle fa-fw"></i>&nbsp;Regulaminy</a></li>
            </ul>
        </div>
       </div>
</div>

<br />

<div class="news">
<ul>
    <li class="quotes">Poszukujesz serwera na, którym mógłbyś się dobrze bawić? Zobacz nasze serwery :)</li>
    <li class="quotes">Masz doświadczenie w moderowaniu forum? Koniecznie napisz podanie o moderatora!</li>
    <li class="quotes">Chciałbyś mieć wyższą range na serwerze? Koniecznie zakup vip :)</li>
    <li class="quotes">Zostałeś zbanowany? Napisz odwołanie w odpowiednim dziale :)</li>
    <li class="quotes">Widziałeś na serwerze cheatera? Masz ScreenShot'y? Koniecznie to zgłoś!</li>
    <li class="quotes">[PILNE!] Poszukujemy grafika. Znasz się na tym? Złóż podanie koniecznie!</li>
    <li class="quotes">[PILNE!] Poszukujemy KidMod'ów. Chciałbyś zostać KidMod na serwerze? Napisz podanie</li>
    <li class="quotes">Rekrutacja jest otwarta korzystaj póki możesz</li>
    <li class="quotes">Pamiętaj, aby pisać posty zgodnie z działami!</li>
    <li class="quotes">[KONIECZNIE!!!!] Koniecznie musisz przeczytać regulamin!</li>
</ul>
</div>


<div id="container">
        <a name="top" id="top"></a>
        <hr class="hidden" />
        <br class="clear" />
        <div id="content">
            {$pm_notice}
            {$bannedwarning}
            {$bbclosedwarning}
            {$unreadreports}
            {$pending_joinrequests}
            <navigation>
            <br />

header_welcomeblock_guest :

Kod:
<div class="login">
<form action="member.php" method="post">
<ul>
<li><span class="log"><i class="fa fa-user fa-fw"></i></span><input type="text" class="textlog" name="username" size="25" maxlength="{$mybb->settings['maxnamelength']}" value="{$username}" placeholder="Nick..." /></li>
<li><span class="log"><i class="fa fa-lock fa-fw"></i></span><input type="password" class="textlog" name="password" size="25" value="{$password}" placeholder="Hasło..." /></li>
<li><input class="loginbutton" type="submit" name="submit" value="Zaloguj" title="Zaloguj" /></li>
<li><a href="{$mybb->settings['bburl']}/member.php?action=register"><span class="registerbutton">Rejestracja</span></a></li>
</ul>
<input type="hidden" name="action" value="do_login" /><input type="hidden" name="url" value="{$redirect_url}" />
</form>
</div>

Edycja szablonu: header_welcomeblock_member :

Kod:
<div class="member">

<img class="panelavatar" style="vertical-align: middle;" src="{$mybb->user['avatar']}" height="35" width="35">&nbsp;&nbsp;
Witaj ponownie, <a href="{$mybb->settings['bburl']}/member.php?action=profile"><strong>{$mybb->user['username']}</strong></a>&nbsp;&nbsp;
</div>

<div id="dd" class="wrapper-dropdown-5" tabindex="1"><i class="fa fa-cog fa-2x" title="Menu użytkownika"></i>
<ul class="dropdown">
<table>
<tr>

<td class="tduser" style="width: 200px; text-align: left;">
{$admincplink}
{$modcplink}
<li><a href="{$mybb->settings['bburl']}/usercp.php?action=options"><i class="fa fa-cog fa-fw"></i> Edytuj opcje</a></li>
<li><a href="{$mybb->settings['bburl']}/usercp.php?action=avatar"><i class="fa fa-picture-o fa-fw"></i> Edytuj avatar</a></li>
<li><a href="{$mybb->settings['bburl']}/usercp.php?action=editsig"><i class="fa fa-pencil fa-fw"></i> Edytuj sygnature</a></li>
<li><a href="{$mybb->settings['bburl']}/private.php?"><i class="fa fa-envelope fa-fw"></i> Skrzynka odbiorcza</a></li>
<li><a href="#" onclick="MyBB.popupWindow('{$mybb->settings['bburl']}/misc.php?action=buddypopup', 'buddyList', 350, 350);"><i class="fa fa-group fa-fw"></i> Lista przyjaciół</a></li>
<li><a href="{$mybb->settings['bburl']}/member.php?action=logout&amp;logoutkey={$mybb->user['logoutkey']}"><i class="fa fa-power-off fa-fw"></i>&nbsp;{$lang->welcome_logout}</a></li>
</td>

</tr>
</table>
</ul>
</div>

header_welcomeblock_member_admin :

Kod:
<li><a href="{$mybb->settings['bburl']}/{$config['admin_dir']}/index.php" target="_blank"><i class="fa fa-bolt fa-fw"></i>&nbsp;Admin menu</span></a></li>

header_welcomeblock_member_moderator :

Kod:
<li><a href="{$mybb->settings['bburl']}/modcp.php"><i class="fa fa-gavel fa-fw"></i>&nbsp;Mod menu</span></a></li>

LikeLoveHate

Problemem może być podwójne wczytywanie biblioteki jQuery
A jak zmienić aby wczytywało pojedyńczo ?

LikeLoveHate

Pokaż szablon headerinclude
Kod:
<link rel="alternate" type="application/rss+xml" title="{$lang->latest_threads} (RSS 2.0)" href="{$mybb->settings['bburl']}/syndication.php" />
<link rel="alternate" type="application/atom+xml" title="{$lang->latest_threads} (Atom 1.0)" href="{$mybb->settings['bburl']}/syndication.php?type=atom1.0" />

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="{$mybb->settings['bburl']}/images/Gameshark/font/css/font-awesome.css"></link>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/jquery.cookie.js"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/tipsy.js"></script>

<script type="text/javascript">
jQuery(function() {

    var quotes = jQuery(".quotes");
    var quoteIndex = -1;
    
    function showNextQuote() {
        ++quoteIndex;
        quotes.eq(quoteIndex % quotes.length)
            .fadeIn(1000)
            .delay(12000)
            .fadeOut(1000, showNextQuote);
    }
    
    showNextQuote();

});
</script>

<script type='text/javascript'>
jQuery.noConflict();
jQuery(function() {
jQuery("a").tipsy({gravity: jQuery.fn.tipsy.autoNS});
jQuery("title").tipsy({gravity: jQuery.fn.tipsy.autoNS});
jQuery("img").tipsy({gravity: jQuery.fn.tipsy.autoNS});
jQuery("i").tipsy({gravity: jQuery.fn.tipsy.autoNS});
jQuery("span").tipsy({gravity: jQuery.fn.tipsy.autoNS});
jQuery("div").tipsy({gravity: jQuery.fn.tipsy.autoNS});
  });
</script>

<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function() {
    jQuery('a[href=#top]').click(function(){
        jQuery('body,html').animate({scrollTop: 0}, 1200);        
        return false;
    });
});
</script>

<script type="text/javascript">
jQuery.noConflict();
jQuery(function($) {
    $(".clickedbuttons").hide();
    $(".buttons").click(function() {
        $(".sidebar").animate({height: "hide", opacity: 0}, 500,
            function() {
                $(".forums").animate({width: "1024px"}, 500);
            });
        $(this).hide();
        $(".clickedbuttons").show();
        $.cookie("sidebar","collapsed", {expires: 365});
        return false;
    });
    $(".clickedbuttons").click(function() {
        $(".forums").animate({width: "724px"}, 500,
            function() {
                $(".sidebar").animate({height: "show", opacity: 1}, 500);
            });
        $(this).hide();
        $(".buttons").show();
        $.cookie("sidebar","expanded", {expires: 365});
        return false;
    });
    if($.cookie("sidebar") == "collapsed") {
        $(".buttons").hide();
        $(".clickedbuttons").show();
        $(".forums").css("width","1024px");
        $(".sidebar").hide();
    };
});
</script>

<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function($) {

    $(".catdesc").hide();

    $(".cattitle").on('mouseover mouseout', function(event) {

        var catdesc = $(this).parent().children('.catdesc');

        var content = catdesc.text();

        if (content !== "") {
            if (event.type == 'mouseover') {
                catdesc.fadeIn('slow');
            } else {
                catdesc.stop(true, true).fadeOut('slow');
            }
        }

    });

});
</script>

<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function($) {

function DropDown(el) {
    this.dd = el;
    this.initEvents();
        }
            DropDown.prototype = {
                initEvents : function() {
                    var obj = this;

                    obj.dd.on('click', function(event){
                        $(this).toggleClass('active');
                        event.stopPropagation();
            });    
            }
        }

            $(function() {
                                var dd = new DropDown( $('#dd') );

                $(document).click(function() {
                    $('.wrapper-dropdown-5').removeClass('active');
                });

            });
});
</script>

<meta http-equiv="Content-Type" content="text/html; charset={$charset}" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/prototype.js?ver=1603"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/general.js?ver=1603"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/popup_menu.js?ver=1600"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/serversboard.js"></script>
{$stylesheets}
<script type="text/javascript">
<!--
    var cookieDomain = "{$mybb->settings['cookiedomain']}";
    var cookiePath = "{$mybb->settings['cookiepath']}";
    var cookiePrefix = "{$mybb->settings['cookieprefix']}";
    var deleteevent_confirm = "{$lang->deleteevent_confirm}";
    var removeattach_confirm = "{$lang->removeattach_confirm}";
    var loading_text = '{$lang->ajax_loading}';
    var saving_changes = '{$lang->saving_changes}';
    var use_xmlhttprequest = "{$mybb->settings['use_xmlhttprequest']}";
    var my_post_key = "{$mybb->post_code}";
    var imagepath = "{$theme['imgdir']}";
// -->
</script>
{$newpmmsg}

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type="text/javascript">

function theRotator() {
    //Set the opacity of all images to 0
    jQuery('div.rotator ul li').css({opacity: 0.0});
    
    //Get the first image and display it (gets set to full opacity)
    jQuery('div.rotator ul li:first').css({opacity: 1.0});
        
    //Call the rotator function to run the slideshow, 6000 = change to next image after 6 seconds
    
    setInterval('rotate()',6000);
    
}

function rotate() {    
    //Get the first image
    var current = (jQuery('div.rotator ul li.show')?  jQuery('div.rotator ul li.show') : jQuery('div.rotator ul li:first'));

    if ( current.length == 0 ) current = jQuery('div.rotator ul li:first');

    //Get next image, when it reaches the end, rotate it back to the first image
    var next = ((current.next().length) ? ((current.next().hasClass('show')) ? jQuery('div.rotator ul li:first') :current.next()) : jQuery('div.rotator ul li:first'));
    
    //Un-comment the 3 lines below to get the images in random order
    
    //var sibs = current.siblings();
        //var rndNum = Math.floor(Math.random() * sibs.length );
        //var next = jQuery( sibs[ rndNum ] );
            

    //Set the fade in effect for the next image, the show class has higher z-index
    next.css({opacity: 0.0})
    .addClass('show')
    .animate({opacity: 1.0}, 1000);

    //Hide the current image
    current.animate({opacity: 0.0}, 1000)
    .removeClass('show');
    
};



jQuery(document).ready(function() {        
    //Load the slideshow
    theRotator();
    jQuery('div.rotator').fadeIn(1000);
    jQuery('div.rotator ul li').fadeIn(1000); // tweek for IE
});

</script>
<script type="text/javascript">jQuery.noConflict();</script>

LikeLoveHate

Powinno być dobre:

Kod:
<link rel="alternate" type="application/rss+xml" title="{$lang->latest_threads} (RSS 2.0)" href="{$mybb->settings['bburl']}/syndication.php" />
<link rel="alternate" type="application/atom+xml" title="{$lang->latest_threads} (Atom 1.0)" href="{$mybb->settings['bburl']}/syndication.php?type=atom1.0" />
<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="{$mybb->settings['bburl']}/images/Gameshark/font/css/font-awesome.css"></link>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/jquery.cookie.js"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/tipsy.js"></script>

<meta http-equiv="Content-Type" content="text/html; charset={$charset}" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/prototype.js?ver=1603"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/general.js?ver=1603"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/popup_menu.js?ver=1600"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/serversboard.js"></script>
{$stylesheets}
<script type="text/javascript">
<!--
    var cookieDomain = "{$mybb->settings['cookiedomain']}";
    var cookiePath = "{$mybb->settings['cookiepath']}";
    var cookiePrefix = "{$mybb->settings['cookieprefix']}";
    var deleteevent_confirm = "{$lang->deleteevent_confirm}";
    var removeattach_confirm = "{$lang->removeattach_confirm}";
    var loading_text = '{$lang->ajax_loading}';
    var saving_changes = '{$lang->saving_changes}';
    var use_xmlhttprequest = "{$mybb->settings['use_xmlhttprequest']}";
    var my_post_key = "{$mybb->post_code}";
    var imagepath = "{$theme['imgdir']}";
// -->
</script>
{$newpmmsg}

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">jQuery.noConflict();</script>

<script type="text/javascript">
jQuery(function() {
    var quotes = jQuery(".quotes");
    var quoteIndex = -1;
    function showNextQuote() {
        ++quoteIndex;
        quotes.eq(quoteIndex % quotes.length)
            .fadeIn(1000)
            .delay(12000)
            .fadeOut(1000, showNextQuote);
    }
    showNextQuote();
});
</script>

<script type='text/javascript'>
    jQuery(function() {
        jQuery("a").tipsy({gravity: jQuery.fn.tipsy.autoNS});
        jQuery("title").tipsy({gravity: jQuery.fn.tipsy.autoNS});
        jQuery("img").tipsy({gravity: jQuery.fn.tipsy.autoNS});
        jQuery("i").tipsy({gravity: jQuery.fn.tipsy.autoNS});
        jQuery("span").tipsy({gravity: jQuery.fn.tipsy.autoNS});
        jQuery("div").tipsy({gravity: jQuery.fn.tipsy.autoNS});
    });
</script>

<script type="text/javascript">
    jQuery(document).ready(function() {
        jQuery('a[href=#top]').click(function(){
            jQuery('body,html').animate({scrollTop: 0}, 1200);        
            return false;
        });
    });
</script>

<script type="text/javascript">
jQuery(function($) {
    $(".clickedbuttons").hide();
    $(".buttons").click(function() {
        $(".sidebar").animate({height: "hide", opacity: 0}, 500,
            function() {
                $(".forums").animate({width: "1024px"}, 500);
            });
        $(this).hide();
        $(".clickedbuttons").show();
        $.cookie("sidebar","collapsed", {expires: 365});
        return false;
    });
    $(".clickedbuttons").click(function() {
        $(".forums").animate({width: "724px"}, 500,
            function() {
                $(".sidebar").animate({height: "show", opacity: 1}, 500);
            });
        $(this).hide();
        $(".buttons").show();
        $.cookie("sidebar","expanded", {expires: 365});
        return false;
    });
    if($.cookie("sidebar") == "collapsed") {
        $(".buttons").hide();
        $(".clickedbuttons").show();
        $(".forums").css("width","1024px");
        $(".sidebar").hide();
    };
});
</script>

<script type="text/javascript">
jQuery(document).ready(function($) {
    $(".catdesc").hide();
    $(".cattitle").on('mouseover mouseout', function(event) {
        var catdesc = $(this).parent().children('.catdesc');
        var content = catdesc.text();
        if (content !== "") {
            if (event.type == 'mouseover') {
                catdesc.fadeIn('slow');
            } else {
                catdesc.stop(true, true).fadeOut('slow');
            }
        }
    });
});
</script>

<script type="text/javascript">
jQuery(document).ready(function($) {
    function DropDown(el) {
        this.dd = el;
        this.initEvents();
    }
    DropDown.prototype = {
        initEvents : function() {
            var obj = this;
            obj.dd.on('click', function(event){
                $(this).toggleClass('active');
                event.stopPropagation();
            });    
        }
    }
    $(function() {
        var dd = new DropDown( $('#dd') );
        $(document).click(function() {
            $('.wrapper-dropdown-5').removeClass('active');
        });
    });
});
</script>

<script type="text/javascript">
function theRotator() {
    //Set the opacity of all images to 0
    jQuery('div.rotator ul li').css({opacity: 0.0});
    //Get the first image and display it (gets set to full opacity)
    jQuery('div.rotator ul li:first').css({opacity: 1.0});    
    //Call the rotator function to run the slideshow, 6000 = change to next image after 6 seconds
    setInterval('rotate()',6000);
}

function rotate() {    
    //Get the first image
    var current = (jQuery('div.rotator ul li.show')?  jQuery('div.rotator ul li.show') : jQuery('div.rotator ul li:first'));
    if ( current.length == 0 ) current = jQuery('div.rotator ul li:first');
    //Get next image, when it reaches the end, rotate it back to the first image
    var next = ((current.next().length) ? ((current.next().hasClass('show')) ? jQuery('div.rotator ul li:first') :current.next()) : jQuery('div.rotator ul li:first'));
    
    //Un-comment the 3 lines below to get the images in random order
    //var sibs = current.siblings();
        //var rndNum = Math.floor(Math.random() * sibs.length );
        //var next = jQuery( sibs[ rndNum ] );

    //Set the fade in effect for the next image, the show class has higher z-index
    next.css({opacity: 0.0})
    .addClass('show')
    .animate({opacity: 1.0}, 1000);

    //Hide the current image
    current.animate({opacity: 0.0}, 1000)
    .removeClass('show');
};

jQuery(document).ready(function() {        
    //Load the slideshow
    theRotator();
    jQuery('div.rotator').fadeIn(1000);
    jQuery('div.rotator ul li').fadeIn(1000); // tweek for IE
});
</script>
Klikam i dalej nic ;/

LikeLoveHate

A w jakie menu Ty klikasz?
Ta śrubka to jest jedyne menu :P

[attachment=9081]

LikeLoveHate

A wrzuć na nowo katalog jscript z oryginalnej paczki na FTP.
tzn z paczki mybb 1.6 czy z szablonu :P
----
Dobra usunąłem cały jscript i wgrałem ponownie lecz dalej nie działa ;p

LikeLoveHate

Z paczki 1.6