[TYPO3-german] Problem mit MenX im Template
Jochen Graf
graf at uni-landau.de
Wed Mar 17 09:03:34 CET 2010
JoH asenau schrieb:
>> ich habe ein Problem mit der Umsetzung des Menüs im Template von
>> Typo3.
>> Verwende das html template von Andreas Viklund.
>> http://andreasviklund.com/templates/andreas01/
>>
>> Die 2. ebene bekomme ich nicht so hin wie im html template.
>> Im html template sieht das so aus:
>>
>> Im TypoScript meines Templates sieht das Menü bei mir so aus:
>> # Menu Object
>>
>> Klappt aber nicht bzw. die 1. ebene im menü gleicht der 2. ebene vom
>> layout des css
>> Ich vermute der trick sind die 2 verschachtelten <ul><ul></ul></ul>
>> tags.
>> Bekomme das aber nicht im TypoScript umgesetzt.
>>
>> Kann mir jemand auf die Sprünge helfen, das wäre super ?
>>
>
> Es gibt inzwischen zig Seiten auf denen nachzulesen ist, wie das
> funktioniert.
> Wie Du gerade auf diese Zeile kommst
>
>> NO.allWrap = <ul class="avmenu"><li> | </li></ul>
>>
> ist mir da schon fast unerklärlich ... ;-)
>
> Stichworte:
> TMENU ist <ul> => TMENU kennt wrap
> NO und seine Freunde sind <li>
> und die kennen allWrap
> ABER
> sie kennen auch wrapItemAndSub
>
> und jetzt rate mal, warum der letzte Parameter so heißt ;-)
>
> Den Rest findest Du in der TSref oder am unteren Ende meiner Signatur ...
>
> HTH
>
> Joey
>
>
> ------------------------------------------------------------------------
>
> _______________________________________________
> TYPO3-german mailing list
> TYPO3-german at lists.typo3.org
> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
hallo,
evtl hilft dir das weiter
###################
temp.SPALTENNAVIGATION = HMENU
temp.SPALTENNAVIGATION {
wrap = <div class="spaltennavigation">|</div>
entryLevel = 1
#stdWrap.required = 1
#stdWrap.wrap = <div class='spaltennavigation'><div id='menutop'><img
src='fileadmin/css/navigation/menuoben.gif'></div>|<div
id='menubottom'><img src='fileadmin/img/menubottom_01.gif'></div></div>
1 = TMENU
1 {
#alternativeSortingField = title ASC
expAll = 0
noBlur = 1
wrap = <ul>|</ul>
NO = 1
NO {
allWrap = <li class="spaltennavigation_NO">|</li>
ATagTitle.field = abstract // description // subtitle
ATagTitle.field = abstract // description // title
}
SPC = 1
SPC {
#linkWrap = |
allWrap=<div class="menu_spacer">---</div>
doNotShowLink = 1
doNotLinkIt = 1
}
ACT = 1
ACT {
wrapItemAndSub = <li class="spaltennavigation_ACT">|</li>
ATagTitle.field = abstract // description // subtitle
ATagTitle.field = abstract // description // title
}
IFSUB = 1
IFSUB {
wrapItemAndSub = <li class="spaltennavigation_IFSUB">|</li>
ATagTitle.field = abstract // description // subtitle
ATagTitle.field = abstract // description // title
}
CUR = 1
CUR {
doNotLinkIt = 1
allWrap = <li class="spaltennavigation_CUR">|</li>
}
CURIFSUB = 1
CURIFSUB {
doNotLinkIt = 1
wrapItemAndSub = <li class="spaltennavigation_CURIFSUB">|</li>
ATagTitle.field = abstract // description // subtitle
ATagTitle.field = abstract // description // title
}
}
2 < .1
3 < .1
4 < .1
5 < .1
6 < .1
7 < .1
}
###################################################
CSS
spaltennavigation{margin:50px 0 30px 0
;padding:0px;white-space:nowrap;float:left;
border-bottom:3px solid #eff4fb;border-left:0px solid
#8793a4;border-right:0px solid #8793a4;}
spaltennavigation ul {width:207px;margin:0;overflow:hidden;}
spaltennavigation ul a {display:block;text-decoration:none;}
spaltennavigation ul li {
list-style-image:none;float:left; width:207px; margin:0;
padding:0;line-height:2em;text-indent:5px;border-top:3px solid #eff4fb;
}
spaltennavigation ul li a { font-weight:bold;}
spaltennavigation ul li ul li {margin:0 0 4px 6px;border-left:0px solid
#8793a4;}
/*## NO ##*/
spaltennavigation ul li.spaltennavigation_NO {}
spaltennavigation ul li.spaltennavigation_NO a
{background:#d8e5f7;color:#000;}
spaltennavigation ul li ul li.spaltennavigation_NO a
{background:#e6f1ff;font-weight:bold;color:#000;}
/*## IFSUB ##*/
spaltennavigation ul li.spaltennavigation_IFSUB a
{background:#d8e5f7;font-weight:bold;color:#000;}
spaltennavigation ul li ul li.spaltennavigation_IFSUB a
{background:#e6f1ff;font-weight:bold;color:#000;}
/*## CUR ##*/
spaltennavigation ul li.spaltennavigation_CUR
{background:#a1bad7;color:#000;font-weight:bold;line-height:2em;}
/*## CURIFSUB ##*/
spaltennavigation ul li.spaltennavigation_CURIFSUB
{background:#a1bad7; color:#000;font-weight:bold;}
/*## ACT##*/
spaltennavigation ul li.spaltennavigation_ACT a
{font-weight:bold;color:blue;}
spaltennavigation ul li.spaltennavigation_ACT {background:#8aa2be;}
/*## HOVER ##*/
spaltennavigation ul li.spaltennavigation_NO a:hover {color:blue;
background-color:#efefef; text-decoration:underline; font-weight:bold;
display:block;}
spaltennavigation ul li.spaltennavigation_IFSUB a:hover {color:blue;
background-color:#efefef; text-decoration:underline; font-weight:bold;
display:block;}
spaltennavigation ul li.spaltennavigation_CUR a:hover {color:blue;
background-color:#efefef; text-decoration:underline; font-weight:bold;
display:block;}
spaltennavigation ul li.spaltennavigation_CURIFSUB a:hover {color:blue;
background-color:#efefef; text-decoration:underline; font-weight:bold;
display:block;}
spaltennavigation ul li.spaltennavigation_ACT a:hover {color:blue;
background-color:#efefef; text-decoration:underline; font-weight:bold;
display:block;}
hier mal das MENÜ
http://www.paeps.uni-landau.de/publikationen_memgelkamp.html
Das css wirst du noch etwas abändern müssen.
--
Mit freundlichen Grüssen
Jochen Graf
Universität Koblenz-Landau / Campus Landau
Arbeitstelle Multimedia/Technik-Administration
Thomas-Nast-Str. 44
76829 Landau
mail: graf at uni-landau.de
fon: 06341-990-224
http://www.uni-koblenz-landau.de/landau
http://www.paeps.uni-landau.de
http://www.paeps.technik.uni-landau.de/
http://www.wulv.uni-landau.de
http://www.ueberlebenmitklips.uni-landau.de/
More information about the TYPO3-german
mailing list