[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