Hallo,
in Anlehnung an den Typo3 Workshop habe ich angefangen meine Homepage in Typo3 neu zusammen zu setzen und dabei einige kleine Veränderungen vorzunehemen. Im Moment klemmt die Säge etwas beim Menü auf der linken Seite. Das ganze soll fertig in etwa so aussehen:
Meüpunkt 1
Meüpunkt 2Meüpunkt 2.1
Meüpunkt 2.2
Meüpunkt 2.3
Meüpunkt 3
Meüpunkt 4
Das Templat sieht so aus:
Code:
# Default PAGE object:
page = PAGE
page {
#bodyTag = <body>
includeCSS {
file1 = fileadmin/css/site.css
}
10 = TEMPLATE
10 {
template = FILE
template.file = fileadmin/templates/template.html
workOnSubpart = DOKUMENT
marks{
INHALT < styles.content.get
LOGO =
FOOTER = TEXT
FOOTER.value = www.sharpei-sachsen.de
TOPMENU = HMENU
TOPMENU {
special = directory
special.value = 24
1 = TMENU
1.wrap=<ul>|</ul>
1.NO = 1
1.NO.linkWrap = <li>|</li>
1.ACT = 1
1.ACT < .NO
1.ACT.doNotLinkIt = 1
1.ACT.allWrap = <li id="topnavi-aktiv">|</li>
}
LINKS = HMENU
LINKS {
special = directory
special.value = 24
entryLevel = 0
1 = TMENU
1.wrap= <ul>|</ul>
1.noBlur = 1
1.NO = 1
1.NO.ATagTitle.field = title
1.NO.linkWrap = <li>|</li>
1.ACT = 1
1.ACT < .NO
1.ACT.doNotLinkIt = 1
1.ACT.allWrap = <li id="leftnavi-aktiv">|</li>
2 = TMENU
2.noBlur = 1
2.wrap = <li><ul>|</ul></li>
2.noBlur = 1
2.NO = 1
2.NO.ATagTitle.field = title
2.NO.linkWrap = <li>|</li>
2.ACT = 1
2.ACT < .2.NO
2.ACT.doNotLinkIt = 1
2.ACT.allWrap = <li id="leftnavi-sub-aktiv">|</li>
1.ACTIFSUB < .ACT
1.ACTIFSUB = 1
1.ACTIFSUB.linkWrap = <li class="leftnavi-aktiv">|
2 < .1
2.wrap = <ul>|</ul></li>
2.ACT.linkWrap = <li id="leftnavi-sub-aktiv">|</li>
}
}
}
}
die CSS habe ich mir so zurecht gemacht:
Code:
/*Seitenlayout*/
body {
text-align:center;
background:#3333FF;
}
#komplett {
margin:10px auto;
width:788px;
text-align:left;
}
#header {
height:100px;
background:#9999FF;
background-image: url(/fileadmin/images/sharpei_sachsen_head.gif);
background-position:center center;
background-repeat: no-repeat;
}
#menuline {
height:18px;
background: #7777EE;
text-align:center;
}
#left {
width:140px;
height:430px;
color: #fff;
background:#9999EE;
}
#content {
float:left;
}
#footer {
clear:left;
background:#7777EE;
color:#fff;
height:16px;
text-align:center;
}
/* topmenu */
#menuline ul{
background:#7777EE;
margin:0;
padding:5px;
list-style:none;
white-space: nowrap;
}
#menuline li{
display:inline;
}
#menuline a{
color:#000099;
background:#98bed1;
padding:2px 20px 2px 20px;
border:1px solid black;
font:bold 12px verdana, sans-serif;
text-decoration:none;
text-align:center;
}
#menuline a:hover{
color:white;background:blue;
}
#menuline #topnavi-aktiv{
color: #FFFFFF;
background-color: #FF0000;
padding:2px 20px 2px 20px;
border:1px solid black;
font:bold 12px verdana, sans-serif;
text-decoration:none;
text-align:center;
}
/* leftmenu */
#left ul {
list-style:none;
text-decoration:none;
font:10px verdana, sans-serif;
margin-top:8px;
margin-bottom:16px;
padding-left:0px;
}
#left ul li {
list-style:none;
text-decoration:none;
padding-left:10px;
font:10px verdana, sans-serif;
margin-bottom:8px;
}
#left ul li ul {
list-style:none;
text-decoration:none;
margin-bottom:10px;
font:10px verdana, sans-serif;
margin-bottom:8px;
}
#left a{
color:#000099;
background:transparent;
font-weight:bold;
font-size:10px;
text-decoration:none;
}
#left #leftnavi-aktiv { /*dies soll die erste Ebene färben*/
color:#FF0000;
text-decoration:none;
font-weight:bold;
}
#left #leftnavi-sub-aktiv { /*dies soll die zweite Ebene färben*/
color:#FF0000;
text-decoration:none;
font-weight:bold;
}
Leider färbt sich nur die zweite Ebene, die erste bleibt unverändert. Wenn ich mit dem entrylevel spiele, dann läßt sich die erste Ebene färeben, die zweite bleibt dann aber unsichtbar
Wo habe ich meinen Denkfehler? Wäre schön wenn mir jemand auf die Sprünge helfen kann.
Gruß
AltF4
.
