Question

我想在菜单中创建一个下拉登录框。当用户将鼠标悬停在菜单中的“登录”时，它会显示登录或注册表单。我在这里找到了一个例子：https://www.planet-sports.com/en/

我对TYPO3很新，所以我不知道应该从哪里开始。有没有办法只用Typoscript做这个或者我应该用html和javascript修改导航栏？这样做的最佳方式是什么？

编辑：我使用的是自定义主题（不是由我自己完成）

菜单在“header.html”文件中调用，如下所示：

<nav class="collapse navbar-collapse navbar-main-collapse" role="navigation">
        <f:cObject typoscriptObjectPath="menu.navbar" />
    </nav>

导航栏的Typoscript：

    menu.navbar = HMENU
menu.navbar {
    entryLevel = 0
    excludeUidList = 112

    1 = TMENU
    1 {
        expAll = 1
        stdWrap.dataWrap = <ul class="nav navbar-nav colum-{register:count_menuItems}">|</ul>

        NO {
            htmlSpecialChars = 1
            wrapItemAndSub = <li id="navbar{field:uid}" class="first" >|</li> |*| <li id="navbar{field:uid}">|</li> |*| <li id="navbar{field:uid}" class="last navbar-right">|</li>
            wrapItemAndSub.insertData = 1
            ATagTitle.field = description // subtitle
        }

        ACT = 1
        ACT {
            htmlSpecialChars = 1
            wrapItemAndSub = <li id="navbar{field:uid}" class="first active">|</li> |*| <li id="navbar{field:uid}" class="active">|</li> |*| <li id="navbar{field:uid}" class="last active navbar-right">|</li>
            wrapItemAndSub.insertData = 1
            ATagTitle.field = description // subtitle
        }

        IFSUB = 1
        IFSUB {
            ATagTitle.field = description // subtitle
            wrapItemAndSub = <li id="navbar{field:uid}" class="dropdown first">|</li> |*| <li id="navbar{field:uid}" class="dropdown">|</li> |*| <li id="navbar{field:uid}" class="dropdown last">|</li>
            wrapItemAndSub.insertData = 1
            stdWrap.htmlSpecialChars = 1
            ATagParams = class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"
            linkWrap = |<span class="caret"></span>
            ATagBeforeWrap = 1
        }

        ACTIFSUB < .IFSUB
        ACTIFSUB = 1
        ACTIFSUB.wrapItemAndSub = <li id="navbar{field:uid}" class="dropdown first active">|</li> |*| <li id="navbar{field:uid}" class="dropdown active">|</li> |*| <li id="navbar{field:uid}" class="dropdown last active">|</li>
    }

    2 = TMENU
    2 {
        expAll = 1
        wrap = <ul class="dropdown-menu">|</ul>

        NO.htmlSpecialChars = 1
        NO.wrapItemAndSub = |*| <li class="odd">|</li> || <li class="even">|</li> |*|

        ACT = 1
        ACT.htmlSpecialChars = 1
        ACT.wrapItemAndSub = |*| <li class="odd active">|</li> || <li class="even active">|</li> |*|
    }

    3 = TMENU
    3 {
        expAll = 1
        wrap = <ul class="dropdown-submenu">|</ul>

        NO.htmlSpecialChars = 1
        NO.wrapItemAndSub = <li class="first">|</li> |*| <li>|</li> |*| <li class="last">|</li>

        ACT = 1
        ACT.htmlSpecialChars = 1
        ACT.wrapItemAndSub = <li class="first active">|</li> |*| <li class="active">|</li> |*| <li class="active last">|</li>
    }

    4 = TMENU
    4 {
        wrap = <ul class="dropdown-submenu-1">|</ul>

        NO.htmlSpecialChars = 1
        NO.wrapItemAndSub = <li class="first">|</li> |*| <li>|</li> |*| <li class="last">|</li>

        ACT = 1
        ACT.htmlSpecialChars = 1
        ACT.wrapItemAndSub = <li class="first active">|</li> |*| <li class="active">|</li> |*| <li class="active last">|</li>
    }
}

Answer 1

首先：可以使用CSS处理图层的可见性（甚至淡入/淡出或爆炸/内爆）。只需将所有内容放入包含在触发器div中的div中如何将内容纳入此div取决于您构建页面的类型。流体模板，标记模板，纯粹的typoscript 有多种方法可以将登录表单（和其他内容）放入div中：通过typoscript创建它，从修复页面获取内容，从特殊列中获取内容，该列继承到所有子页面（幻灯片）。

稍微具体一点，了解您当前的配置，您熟悉的内容以及您希望实现的目标。

TYPO3：下拉登录框（菜单）

1 个答案: