La configuration du menu se fait en TypoScript. En fait, le niveau principal ainsi que les sous-niveaux sont des éléments TMENU_LAYERS standards. Cela veut dire que vous êtes totalement libre de les adapter si vous connaissez les menus TypoScript. Vous pouvez définir une configuration particulière pour le premier niveau, et une autre pour tous les sous-niveaux. Voici le code TypoScript par défaut utilisé par ce plugin:

First level

plugin.tx_hypernav_pi1.firstLevel {

// Layer style

layerStyle = position: absolute; visibility: hidden;

// Lock position

lockPosition = x

// Relative options

relativeToParentLayer = 1

relativeToTriggerItem = 1

// Offset

topOffset = 15

// Hide options

hideMenuWhenNotOver = 50

hideMenuTimer = 70

// Normal state

NO.allWrap = <td align="left" valign="top">You are here: /</td><td align="left" valign="top">|</td><td align="left" valign="top">/</td>|*|<td align="left" valign="top">|</td><td align="left" valign="top">/</td>|*|<td align="left" valign="top">|</td>

// Wrap

wrap = <table border="0" cellspacing="0" cellpadding="2" align="left" class="tx-hypernav-pi1-firstLevel"><tr>|</tr></table>

}

Sub levels

plugin.tx_hypernav_pi1.subLevels {

// Layer style

layerStyle = position: absolute; visibility: hidden;

// Lock position

lockPosition = x

// Relative options

relativeToParentLayer = 1

relativeToTriggerItem = 1

// Offset

leftOffset = 50

// Hide options

hideMenuWhenNotOver = 50

hideMenuTimer = 70

// Wrap

wrap = <table border="0" cellspacing="0" cellpadding="2" align="left" class="tx-hypernav-pi1-subLevels"><tr>|</tr></table>

// Normal state

NO.allWrap = |*|<tr><td align="left" valign="top" colspan="2" class="tx-hypernav-pi1-subLevels-row">|</td></tr>||<tr><td align="left" valign="top" colspan="2" class="tx-hypernav-pi1-subLevels-rowAlt">|</td></tr>|*|

// Configuration if item has sub elements

IFSUB = 1

IFSUB.allWrap = |*|<tr><td align="left" valign="top" class="tx-hypernav-pi1-subLevels-row">|</td><td align="left" valign="top" class="tx-hypernav-pi1-subLevels-row">&gt;</td></tr>||<tr><td align="left" valign="top" class="tx-hypernav-pi1-subLevels-rowAlt">|</td><td align="left" valign="top" class="tx-hypernav-pi1-subLevels-rowAlt">&gt;</td></tr>|*|

}

Voici les styles par défaut utilisés par le plugin. Vous pouvez les remplacer dans votre gabarit TS.

_CSS_DEFAULT_STYLE

.tx-hypernav-pi1-subLevels {

border: solid 1px #DFE2E3;

border-collapse: collapse;

}

.tx-hypernav-pi1-subLevels TD {

padding: 5px;

background-color: #FFFFFF;

}

.tx-hypernav-pi1-subLevels TD.tx-hypernav-pi1-subLevels-rowAlt {

background-color: #E6EEF2;

}