Hallo Forum
Ich versuche gerade ein CSS-Menu von "CSS Sketchbook", wie auf der Seite
http://nontroppo.org/test/tab3.html
gezeigt, in meine Typo3-Seite zu integrieren. Die HTML-Vorlage hab ich folgendermassen verändert:
<!--###DOKUMENT###-->
<div id="tabmenu">###MENU###</div>
<div id="content">
<div class="inhalt">###INHALT###</div>
</div>
<!--###DOKUMENT###-->
Mein TS-Template sieht so aus:
page = PAGE
page.typeNum = 0
page.stylesheet = fileadmin/templates/kafo/kafo-test.css
page.bodyTag = <body bgcolor="#666666">
page.10 >
page.10 = TEMPLATE
page.10 {
template = FILE
template.file = fileadmin/templates/kafo/kafo-test.html
workOnSubpart = DOKUMENT
marks.INHALT < styles.content.get
marks.MENU = HMENU
marks.MENU {
entryLevel = 0
special = directory
special.value = 120
1 = TMENU
1.NO = 1
1.CUR = <.NO
1.CUR.ATagParams = id ="tabmenu a.active"
}
}
Und das sind die CSS-Styles:
-------------Anfang------------------
body {
margin: 20px;
padding: 0px;
background: #CACCB4;
font: 16px arial, sans-serif; }
pre {text-indent: 30px}
#tabmenu {
color: #000;
border-bottom: 2px solid black;
margin: 12px 0px 0px 0px;
padding: 0px;
z-index: 1;
padding-left: 10px }
#tabmenu li {
display: inline;
overflow: hidden;
list-style-type: none; }
#tabmenu a, a.active {
color: #DEDECF;
background: #898B5E;
font: bold 1em "Trebuchet MS", Arial, sans-serif;
border: 2px solid black;
padding: 2px 5px 0px 5px;
margin: 1px;
text-decoration: none; }
#tabmenu a.active {
background: #ABAD85;
border-bottom: 3px solid #ABAD85; }
#tabmenu a:hover {
color: #fff;
background: #ADC09F; }
#tabmenu a:visited {
color: #E8E9BE; }
#tabmenu a.active:hover {
background: #ABAD85;
color: #DEDECF; }
#content {font: 0.9em/1.3em "bitstream vera sans", verdana, sans-serif;
text-align: justify;
background: #ABAD85;
padding: 20px;
border: 2px solid black;
border-top: none;
z-index: 2; }
#content a {
text-decoration: none;
color: #E8E9BE; }
#content a:hover { background: #898B5E; }
-------------------Ende ----------------
Das Menu funktioniert soweit, nur wird
1.CUR.ATagParams=id="tabmenu a.active"
nicht richtig angezeigt, also der Menuzustand, wo der Menu-Reiter die gleiche Farbe annimmt, wie das Content-Element.
Hat jemand ne Idee, warum das mit CUR nicht funktioniert?
Gruß
Jürgen