0

私のtypo3 Webサイトには、次のtyposcript定義のメニューがあります:

lib.footernav = HMENU
lib.footernav.special = directory
lib.footernav.special.value = 38
lib.footernav.entryLevel = 0
lib.footernav.1 = TMENU
lib.footernav.1.NO {
  ATagParams = class = "footer-link"
}

メニューはうまく機能します。私がやりたいことは、次のようにリンクテキストを画像に変更することです:

<a class="footer-link" href="index.php?id=43&L=1">Facebook</a>

に

<a class="footer-link" href="index.php?id=43&L=1"><img src="facebook.gif"/></a>

どうやってやるの？

それが役立つ場合は、この Facebook リンクの新しいメニューを作成することもできます。

4

5 に答える 5

2

別の解決策は、リンクごとにカスタムクラスを定義し、それに応じたリンクの背景画像のみを変更することです。このようにして、cssによってメニューの外観を完全に制御できます。

lib.footernav.1.NO {
  ATagParams = class="footer-link {field:title}"
  ATagParams.insertData = 1
}

次のhtmlの結果：

<a class="footer-link Facebook" href="index.php?id=43&L=1">Facebook</a>

css：

.Facebook {
  background: transparent url(facebook.gif) no-repeat;
  text-indent:9999px;
}

編集： 上記の解決策をお勧めします。これは、単一のメニュー項目に対処するための迅速でかなりクリーンなセットアップだからです。ただし、タイプミスの教科書のきれいな例が好きな場合は、次のようにします。

lib.footernav = COA
lib.footernav.10 = HMENU
lib.footernav.10 {
    special = directory
    special.value = 38
    excludeUidList  = 99
    1 = TMENU
    1.NO {
      ATagParams = class = "footer-link"
    }
}

lib.footernav.20 = TEXT
lib.footernav.20  {
    field = title
    typolink.parameter = 99
    typolink.ATagParams = class = "footer-link"
    }

Facebookのメニュー項目がページID99であると仮定します

于 2012-05-17T21:08:52.897 に答える
1

そうlib.footernav.1.NO.stdWrap.wrap = <img src="|.gif" />ですか？

wrap.htmlSpecialChars = 1エディターが HTML 特殊文字を入力した場合に HTML コードが壊れないように、必ず a を追加してください。

于 2012-05-17T11:14:32.083 に答える
0 
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
  }    


}    
}
于 2014-12-24T14:19:20.197 に答える
0

最初に、[ページ] -> [編集] でページのメディアに画像を追加し、次にメディアに画像を追加する必要があります。さらに、次のタイポスクリプトを使用します。

stdWrap.override.cObject = COA
stdWrap.override.cObject{
      10 = IMAGE
      10.file.import = uploads/media/
      10.file.import.field = media
      10.altText.field = title
}
于 2015-06-12T07:49:40.987 に答える