Sprachmenü mit Bild Landesflaaggen

hallo,

ich will meine jetzige website 2 sprachig machen.
die icons mit den landesflaggen sind mit templa intergiert die einen hover beinhalten gemappt auf field_de und field_en soweit so gut.

im typoscript habe ich diesen code eingetragen:

lib.sprache = HMENU
lib.sprache {
  special = language
  special.value = 0,1
  special.normalWhenNoLanguage = 0
  wrap = |
  1 = TMENU
  1 {
    noBlur = 1
    NO = 1
    NO {
      linkWrap = |
      stdWrap.override =   ||  
      doNotLinkIt = 1
      stdWrap.typolink.parameter.data = page:uid
      stdWrap.typolink.additionalParams = &L=0 || &L=1
      stdWrap.typolink.addQueryString = 1
      stdWrap.typolink.addQueryString.exclude = L,id,cHash,no_cache
      stdWrap.typolink.addQueryString.method = GET
      stdWrap.typolink.useCacheHash = 1
      stdWrap.typolink.no_cache = 0
      stdWrap.typolink.ATagParams = class="deutsch" || class="englisch"
    }
    ACT = 1
    ACT < .NO
    ACT.linkWrap = <span class="active">|</span> 
    USERDEF1 < .NO
    USERDEF2 < .ACT
  }
}

das ist das html dazu:

??<!-- Hauptbereich -->
  
<div id='spalte_m'>
   <div class='de'></div>
   <div class='en'></div>

und hier noch das css:

/*_______________________________________________________________________
Landesflaggen
_______________________________________________________________________*/

.de {
  background-repeat: no-repeat;
  background-image: url(../images/de_sw.jpg);
  padding: 0px;
  margin: -42px 0 0 0;
  width: 25px;
  height: 16px;
  float: right;
}

.de:hover {
  background-repeat: no-repeat;
  background-image: url(../images/de_f.jpg);
}

.en {
  background-repeat: no-repeat;
  background-image: url(../images/en_sw.jpg);
  padding: 0px;
  margin: -42px 35px 0 0;
  width: 25px;
  height: 16px;
  float: right;
}
.en:hover {
  background-repeat: no-repeat;
  background-image: url(../images/en_f.jpg);
}

leider funktioniert das nicht weil ich noch irgendwas vergessen hab zu mappen oder umzuschreiben?.

kann mir bitte jemand helfen um das zu verstehen wie ich mein field_de und field_en auf das lib.sprache einbau oder umbau.

danke.

Habe eine angere Lösung gefunden😃 mit der Ext tx_srlanguagemenu und dem ts:

// Standartsprache  
  linkVars = L  
  htmlTag_langKey = de_DE  
  sys_language_uid = 0
  language = de
  locale_all = de_DE
  sys_language_mode = content_fallback
  sys_language_overlay = hideNonTranslated
}
 
// Language Englisch
[globalVar = GP:L = 1]
  config.linkVars = L
  config.sys_language_uid = 1
  config.language = en
  config.locale_all = en_UK
  config.htmlTag_langKey = en_UK
[global]

lib.field_sprache < plugin.tx_srlanguagemenu_pi1
lib.field_sprache.languagesUidsList = 1
lib.field_sprache.defaultLayout= 0