Joomla Mod_Menu和Custom Bootstrap导航

时间:2018-05-24 11:04:13

标签: php html joomla bootstrap-4

我使用bootstrap studio(完整模板)创建了一个新模板。 我和Joomla一起加入了它,一切都很好,除了菜单..

这是我的" Nav" element - 带有一些自定义JS的标准引导程序,可以从右侧滑出菜单,而不是从顶部滑出:

            <nav class="navbar navbar-dark navbar-expand-lg fixed-top bg-dark" style="width:100%;padding-left:0px;padding-bottom:0px;padding-right:0px;padding-top:0px;">
            <div class="container"><a class="navbar-brand" href="<?php echo $this->baseurl ?>" style="font-weight:bold;font-family:'Titillium Web', sans-serif;"><img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/assets/img/Logo.png" style="height:30px;background-position:center;background-repeat:no-repeat;margin-bottom:10px;margin-right:5px;">Romuring.ee</a>
                <button
                    class="navbar-toggler" data-toggle="collapse" data-target="#navcol-1" style="font-family:'Titillium Web', sans-serif;color:rgba(255,255,255,0.5);background-repeat:repeat-y;background-size:cover;"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
                    <div class="collapse navbar-collapse" id="navcol-1" style="font-family:'Titillium Web', sans-serif;font-weight:bold;">
                        <ul class="nav navbar-nav mx-auto" style="background-position:center;background-size:cover;background-repeat:repeat-y;">            
                            <jdoc:include type="modules" name="menu-1"  />
                        </ul>
                    </div>
            </div>
        </nav>

现在我知道我需要制作&#34;覆盖&#34;到mod_menu得到我的&#34; css&#34;使用菜单。

目前它有&#34;标准&#34;蓝色链接,不受我的风格影响。

PS!我不知道如何让它发挥作用..

我制作了覆盖文件,我认为我应该编辑default_url.php文件?

这就是我的菜单:

Thats how my menu is :

这应该是这样的:

enter image description here

1 个答案:

答案 0 :(得分:0)

Joomla需要一个菜单​​模块。那就是你可以设计风格的地方。

我的方式是菜单模块覆盖,跟着这个:

https://forum.joomla.org/viewtopic.php?t=651988