Individuelle Formatierung

Um einzelne Menüeinträge unterschiedlich zu formatieren kann man eine Stylesheet Klasse mit der UID der Seite einfügen (hier z.B. typ13 für die UID 13). Dazu muss man den erzeugten Link abschalten (doNotLinkIt =1) und einen eigenen mit stdWrap.cObject generieren.

# ---------- RSYS_MENU_02 ----------
RSYS_MENU_02 = HMENU
RSYS_MENU_02 {
     special = directory
     special.value = 10
    
    1 = TMENU
    1 {
        noBlur = 1
        wrap = <ul>|</ul>
        linkWrap = |
        NO = 1
        NO {
            wrapItemAndSub = <li class="menu">|</li>
            stdWrap.htmlSpecialChars = 0
              ATagTitle.field = subtitle // title
              doNotLinkIt =1
              stdWrap.cObject = COA
              stdWrap.cObject {
                  10 = TEXT
                  10 {
                      field = nav_title // title
                      typolink.parameter {
                          dataWrap = {field:alias // field: uid} _top typ{field:uid}
                         
                      }
                  }
              }
          }
    }
}

Dies ergibt folgenden HTML Code:

<li class="menu">
  <a class="typ13" target="_top" href="index.php?id=13">ASK FOR HELP</a>
</li>

Im Stylesheet kann man dann die Klassen für jede Seite individuell angeben:

/* Special: Hilfe */
.rsys_vmenu ul li a.typ13 {
    background: #FFCC00;
    border: 1px solid #FFCC00;
}

Erstellt: 07/2010| Geändert: 10/2015

Texte statt Menüeinträge

Um Texte statt Menüeinträge anzuzeigen und individuell zu formatieren verwendet man ein stdWrap.cObject vom Typ TEXT ohne Typolink:

RSYS_MENU_03 = HMENU
RSYS_MENU_03 {
special = directory
special.value = 20
 
1 = TMENU
1 {
    noBlur = 1
    wrap = <ul>|</ul>
    linkWrap = |
    NO = 1
    NO {
        stdWrap.htmlSpecialChars = 0
        ATagTitle.field = subtitle // title
        doNotLinkIt =1
        stdWrap.cObject = COA
        stdWrap.cObject {
            10 = TEXT
            10 {
                field = nav_title // title
                dataWrap =<li class="menu"><div class="special_{field:uid}">|</div></li>
            }
        }
     }
  }
}

Zwar müssen dafür Seiten angelegt werden auf die nie verlinkt wird - es wird nur der Seitentitel angezeigt - aber dafür kann man z.B. die Übersetzungsfeatures von TYPO3 nutzen für die angezeigten Texte.

Erstellt: 07/2010| Geändert: 10/2015

Seiten Navigation

Eine Seitennavigation mit title Tags für die Links:

lib.navigation.page = COA
lib.navigation.page {
        10 = HMENU
        10 {
        special = browse
        special {
            items = prev
          
        }
        1 = TMENU
        1.NO {
            doNotLinkIt = 1
                stdWrap.cObject = COA
               
                stdWrap.cObject {
                    10 = TEXT
                    10 {
                        value = TEST
                        typolink {
                            parameter.field = uid
                            returnLast = url
                        }
                    }
                    wrap = <a href="|" title="Zur vorherigen Seite: {field:title}"><span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span></a>
                    wrap.insertData = 1
                }
        }
      }

      20 = HMENU
        20 {
        special = browse
        special {
            items = next
          
        }
        1 = TMENU
        1.NO {
            doNotLinkIt = 1
                stdWrap.cObject = COA
               
                stdWrap.cObject {
                    10 = TEXT
                    10 {
                        value = TEST
                        typolink {
                            parameter.field = uid
                            returnLast = url
                        }
                    }
                    wrap = <a href="|" title="Zur nächsten Seite: {field:title}"> <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span></a>
                    wrap.insertData = 1
                }
       }
   }
}

Erstellt: 09/2015| Geändert: 10/2015