TYPO3 Typoscript Menü Snippets Überblick

### Typoscript Code ##########
temp.gifdeutsch = GIFBUILDER
temp.gifdeutsch{
 
  XY = [10.w]+5,[10.h]+5
  backColor = #ffffff
  transparentBackground = 1
  transparentColor = #ffffff
  10 = TEXT
  10{
    text = deutsch
    #text.case = upper
    fontFile = fileadmin/templates/fonts/Share-Regular.ttf
    fontSize = 18
    fontColor = #000000
    offset = 0,16
    niceText = 1
   
  }
}

temp.gifdeutschAct < temp.gifdeutsch
temp.gifdeutschAct.10.fontColor = #c71315

temp.gifenglish < temp.gifdeutsch
temp.gifenglish.10.text = english

temp.gifenglishAct < temp.gifenglish
temp.gifenglishAct.10.fontColor = #c71315


lib.langmenu_gfx = COA
lib.langmenu_gfx{
  wrap = <ul class="langmenu">|</ul><br style="clear:both;">
  10 = IMAGE
  10.file < temp.gifdeutsch
  10.stdWrap.wrap = <li class="li_left">|</li>
  10.stdWrap.typolink.parameter.data = page:uid
  10.stdWrap.typolink.additionalParams = &L=0
 
  20 = IMAGE
  20.file < temp.gifenglish
  20.stdWrap.wrap = <li class="li_right">|</li>
  20.stdWrap.typolink.parameter.data = page:uid
  20.stdWrap.typolink.additionalParams = &L=1
}
[globalVar = GP:L=0]
# L=0 deutsch
lib.langmenu_gfx.10.file < temp.gifdeutschAct
[global]

[globalVar = GP:L=1]
# L=1 english
lib.langmenu_gfx.20.file < temp.gifenglishAct
[global]

/*-------------CSS---------------------*/
ul.langmenu {
  margin:0;
  padding:0;
  list-style-type:none;
}
ul.langmenu li.li_left{
  float:left;
  padding:0px;
  padding-left:20px;
  margin:0;
}
ul.langmenu li.li_right{
  float:left;
  padding:0px;
  padding-left:20px;
  margin:0;
}