Ändern Sie den Menüpunkt Titel, in Bild mit typoscript

Empfehle ich die Nutzung der "Media" - Bereich des Menüs Ziel-Seiten bestimmen, welche Seiten im Menü angezeigt werden soll mit einem Bild. Im Bereich Medien finden Sie im Reiter "Ressourcen" in den Eigenschaften der Seite. Es ist die perfekte Lösung für Ihr problem, denn es erlaubt Ihnen frei zu wählen, jedes Bild für jeden Menüpunkt:

Für die Menü-Elemente, die Sie wollen, zu erscheinen, wie ein Bild, mit dem Media-Feld der entsprechenden Seite des Menüs und wählen Sie ein Bild. Für alle Menüpunkte, die Sie wollen als text angezeigt werden, lassen Sie das Media-Feld leer.

Hier ist der TS code zu erstellen, die das Verhalten:

  1 = TMENU
  1.NO {
    ATagParams = class="footer-link"

    # Replace menu item text with image if defined in page tab "Resources"-->"Media"
    stdWrap.override.cObject = COA
    stdWrap.override.cObject{
      10 = IMAGE
      10.file.import = uploads/media/
      10.file.import.field = media
      10.altText.field = title
    }

  }

UPDATE FÜR TYPO3 6.2 FAL:

TYPO3 6.2 enthält FAL – neue Medien-Ressourcen-management-system. Als "Ressourcen" der Seiteneigenschaften wird nun ebenfalls basierend auf FAL, benötigen Sie eine andere TypoScript-Ansatz für den Zugriff auf diese Bild(s). Hier ist ein up-to-date-Lösung:

1 = TMENU
1 {
    wrap = <ul>|</ul>
    NO = 1
    NO {
        wrapItemAndSub = <li>|</li>

        stdWrap.override.cObject = FILES
        stdWrap.override.cObject {
          references {
            table = pages
            fieldName = media
          }

          renderObj = IMAGE
          renderObj {
            file.import.data = file:current:uid
            file.treatIdAsReference = 1
            titleText.data = file:current:title //field:nav_title //field:title
            altText.data = file:current:alternative //field:nav_title //field:title
          }

          # start with first image
          begin = 0
          # show only one image
          maxItems = 1
        }

    }
}

Den parameter begin definiert, welche von mehreren Bildern verwendet werden soll (z.B. wenn Sie müssen ein Bild als überschrift hintergrund für die Seite und eine weitere, die als Symbol in den Menüs).

Wenn Sie erhöhen die maxItems parameter, mehrere Bilder zurückgegeben werden (wenn Sie mehrere Bilder sind definiert in der Registerkarte "Ressourcen").

Wenn Sie wollen append/prepend das Bild, um das Menü text, statt Sie zu ersetzen, müssen Sie ändern stdWrap.override.cObject zu after.cObject oder before.cObject im obigen code.

lib.footerSocialMedia = HMENU
lib.footerSocialMedia {

special = directory
special.value = 167  

1 = TMENU
1 {

  wrap = <ul class="social-list right">|</ul>    
  expAll = 1
  noBlur = 1


  NO {
    wrapItemAndSub =  <li class="skew-25">|</li>      
    doNotLinkIt = 0
    stdWrap.htmlSpecialChars = 1        
stdWrap.field = 
    ATagParams =data-title="{field:title}" data-tooltip="true"
    ATagParams.insertData=1
    stdWrap.wrap = <span class="{field:tx_menuicon_menuicon}"></span>|
    stdWrap.wrap.insertData=1                
  } 

  ACT = 1    
  ACT {
    wrapItemAndSub =  <li class="skew-25">|</li>
    doNotLinkIt = 0
     stdWrap.field = 
    stdWrap.htmlSpecialChars = 1
    ATagParams =data-title="{field:title}" data-tooltip="true"
    ATagParams.insertData=1
    stdWrap.wrap = <span class="{field:tx_menuicon_menuicon}"></span>|
    stdWrap.wrap.insertData=1
  }    


}    
}