[TYPO3] Problem with CSS in TS

Andreas Balzer eMail at andreas-balzer.de
Sun Mar 12 13:09:55 CET 2006 

Rob De Vries schrieb:
> Andreas Balzer wrote:
>> Hi!
>> I want to remake a GMENU to a TMENU. For this, i'm creating a css file.
>> The problem is, that some background-images of the menu are TS 
>> specific. That means, that some parts of the CSS have to be 
>> configurble via TS.
>>
> 
> page.headerData.10 = TEXT
> page.headerData.0.value (
>  <style>
> .hauptmenu_element_div_no {something}
> etc ..
> )
> 
> grtz
> Rob
> 
> 
> 
Well, i changed the style things to text now (only the <style> tag is 
html).. My problem now is, that Typo3 doesn't output any of the style 
data in the FE.. The menu works, but without styles..

I post the whole menu code here. Please notice, that only layer 1 is a 
TMENU at the moment..

page.header.100 = COA
page.header.100.10 = HTML
page.header.100.20 = TEXT
page.header.100.30 = TEXT
page.header.100.40 = TEXT
page.header.100.50 = TEXT
page.header.100.60 = TEXT
page.header.100.70 = TEXT
page.header.100.80 = TEXT
page.header.100.90 = TEXT
page.header.100.100 = TEXT
page.header.100.110 = TEXT
page.header.100.120 = TEXT
page.header.100.130 = TEXT
page.header.100.140 = TEXT
page.header.100.150 = TEXT
page.header.100.160 = TEXT
page.header.100.170 = TEXT
page.header.100.180 = TEXT
page.header.100.190 = TEXT
page.header.100.200 = TEXT
page.header.100.210 = TEXT
page.header.100.220 = TEXT
page.header.100.230 = TEXT
page.header.100.240 = TEXT
page.header.100.250 = TEXT
page.header.100.260 = TEXT
page.header.100.270 = TEXT
page.header.100.280 = TEXT
page.header.100.290 = TEXT
page.header.100.300 = TEXT
page.header.100.310 = TEXT
page.header.100.320 = HTML
page.header.100.330 = TEXT
page.header.100.340 = TEXT
page.header.100.350 = TEXT
page.header.100.360 = TEXT


page.header.100.10.value = <style>
page.header.100.20.value = .hauptmenu_element_div_no {
page.header.100.30.value =  width:132px;
page.header.100.40.value =  height:20px;
page.header.100.50.value =  padding-left:24px;
page.header.100.60.value =  background-image:url 
({$mainDir}/layout/{$colorDir}/Link1-no_nosub.gif);
page.header.100.70.value = }
page.header.100.80.value = .hauptmenu_element_div_act {
page.header.100.90.value =  width:132px;
page.header.100.10.value =  height:20px;
page.header.100.110.value =  padding-left:24px;
page.header.100.120.value =  background-image:url 
({$mainDir}/layout/{$colorDir}/Link1-ro_nosub.gif);
page.header.100.130.value = }
page.header.100.140.value = .hauptmenu_element_div_actifsub {
page.header.100.150.value =  width:132px;
page.header.100.160.value =  height:20px;
page.header.100.170.value =  padding-left:24px;
page.header.100.180.value =  background-image:url 
({$mainDir}/layout/{$colorDir}/Link1-ro_nosub.gif);
page.header.100.190.value = }
page.header.100.200.value = hauptmenu_element_a_no {
page.header.100.210.value = 
color:#5E6E9A;font-size:10px;font-weight:normal;
page.header.100.220.value = }
page.header.100.230.value = .hauptmenu_element_div_no:hover {
page.header.100.240.value =  background-image:url 
({$mainDir}/layout/{$colorDir}/Link1-act_nosub.gif);
page.header.100.250.value = }
page.header.100.260.value = .hauptmenu_element_div_ifsub:hover {
page.header.100.270.value =  width:132px;
page.header.100.280.value =  height:20px;
page.header.100.290.value =  padding-left:24px;
page.header.100.300.value =  background-image:url 
({$mainDir}/layout/{$colorDir}/Link1-act_sub.gif);
page.header.100.310.value = }
page.header.100.320.value = </style>

page.310 = COA
page.310.10 = HTML
page.310.10.value = <table border="0" cellpadding="0" cellspacing="0" 
width="160"><tr><td class="navtop" valign="bottom" 
background="{$mainDir}/layout/{$colorDir}/Navheader.gif">&nbsp; 
&nbsp;<b>{$navHeader}</b></td></tr></table><table class="navi" 
cellpadding="0" cellspacing="0" width="156"><tr><td>
page.310.20 = HMENU
#page.310.20.special=directory
#page.310.20.special.value = 100
page.310.20.entryLevel = {$NavLevel}

#ebene 1
page.310.20.1=TMENU
page.310.20.1 {
   expAll=0
   NO {
     allWrap = <div class="hauptmenu_element_div_normal"> | </div>
     ATagParams = class="hauptmenu_element_a_normal" 
style="color:#5E6E9A;font-size:10px;font-weight:normal;"
   }
   IFSUB < .NO
   IFSUB = 1
     IFSUB.allWrap = <div class="hauptmenu_element_div_ifsub"> | </div>
#  IFSUBRO < .NO
#  IFSUBRO = 1
#  IFSUBROallWrap = <div class="hauptmenu_element_div_ifsub"> | </div>
#  IFSUBRO.4.file={$mainDir}/layout/{$colorDir}/Link1-act_sub.gif
   ACTIFSUB < .NO
   ACTIFSUB = 1
     ACTIFSUB.allWrap = <div class="hauptmenu_element_div_actifsub"> | 
</div>
   ACT < .NO
   ACT = 1
     ACT.allWrap = <div class="hauptmenu_element_div_act"> | </div>
}

#ebene 2
page.310.20.2=GMENU
page.310.20.2 {
#  wrap= | <img src="fileadmin/layout/linie.gif" width="147" height="1"><br>
   expAll=0
   NO {
     wrap= | <BR>
     XY=[4.w], [4.h]
     4=IMAGE
     4.file={$mainDir}/layout/{$colorDir}/Link2-no_nosub.gif
     10=TEXT
     10.text.field=title
     10.fontFile=fileadmin/fonts/verdana.ttf
     10.fontSize=10
     10.fontColor = #4A4E7A
     10.offset=25,14
     10.niceText=0
   }
   IFSUB < .NO
   IFSUB = 1
   IFSUB.4.file={$mainDir}/layout/{$colorDir}/Link2-no_sub.gif
   IFSUBRO < .NO
   IFSUBRO = 1
   IFSUBRO.4.file={$mainDir}/layout/{$colorDir}/Link2-act_sub.gif
   ACTIFSUB < .NO
   ACTIFSUB = 1
   ACTIFSUB.4.file={$mainDir}/layout/{$colorDir}/Link2-ro_sub.gif
   ACT < .NO
   ACT = 1
   ACT.4.file={$mainDir}/layout/{$colorDir}/Link2-ro_nosub.gif
   RO < .NO
   RO = 1
   RO.4.file={$mainDir}/layout/{$colorDir}/Link2-act_nosub.gif
}

#ebene 3
page.310.20.3=GMENU
page.310.20.3 {
   wrap= | <img src="fileadmin/layout/linie.gif" width="147" height="1"><br>
   expAll=0
   NO {
     wrap= | <BR>
     XY=[4.w], [4.h]
     4=IMAGE
     4.file={$mainDir}/layout/{$colorDir}/Link3-no_nosub.gif
     10=TEXT
     10.text.field=title
     10.fontFile=fileadmin/fonts/verdana.ttf
     10.fontSize=10
     10.fontColor = #4A4E7A
     10.offset=32,14
     10.niceText=0
   }
   IFSUB < .NO
   IFSUB = 1
   IFSUB.4.file={$mainDir}/layout/{$colorDir}/Link3-no_sub.gif
   IFSUBRO < .NO
   IFSUBRO = 1
   IFSUBRO.4.file={$mainDir}/layout/{$colorDir}/Link3-act_sub.gif
   ACTIFSUB < .NO
   ACTIFSUB = 1
   ACTIFSUB.4.file={$mainDir}/layout/{$colorDir}/Link3-ro_sub.gif
   ACT < .NO
   ACT = 1
   ACT.4.file={$mainDir}/layout/{$colorDir}/Link3-ro_nosub.gif
   RO < .NO
   RO = 1
   RO.4.file={$mainDir}/layout/{$colorDir}/Link3-act_nosub.gif
}

#ebene 4
page.310.20.4=GMENU
page.310.20.4 {
   wrap= | <img src="fileadmin/layout/linie.gif" width="147" height="1"><br>
   expAll=0
   NO {
     wrap= | <BR>
     XY=[4.w], [4.h]
     4=IMAGE
     4.file={$mainDir}/layout/{$colorDir}/Link4-no_nosub.gif
     10=TEXT
     10.text.field=title
     10.fontFile=fileadmin/fonts/verdana.ttf
     10.fontSize=10
     10.fontColor = #4A4E7A
     10.offset=39,14
     10.niceText=0
   }
   IFSUB < .NO
   IFSUB = 1
   IFSUB.4.file={$mainDir}/layout/{$colorDir}/Link4-no_sub.gif
   IFSUBRO < .NO
   IFSUBRO = 1
   IFSUBRO.4.file={$mainDir}/layout/{$colorDir}/Link4-act_sub.gif
   ACTIFSUB < .NO
   ACTIFSUB = 1
   ACTIFSUB.4.file={$mainDir}/layout/{$colorDir}/Link4-ro_sub.gif
   ACT < .NO
   ACT = 1
   ACT.4.file={$mainDir}/layout/{$colorDir}/Link4-ro_nosub.gif
   RO < .NO
   RO = 1
   RO.4.file={$mainDir}/layout/{$colorDir}/Link4-act_nosub.gif
}


#ebene 5
page.310.20.5=GMENU
page.310.20.5 {
   wrap= | <img src="fileadmin/layout/linie.gif" width="147" height="1"><br>
   expAll=0
   NO {
     wrap= | <BR>
     XY=[4.w], [4.h]
     4=IMAGE
     4.file={$mainDir}/layout/{$colorDir}/Link5-no_nosub.gif
     10=TEXT
     10.text.field=title
     10.fontFile=fileadmin/fonts/verdana.ttf
     10.fontSize=10
     10.fontColor = #4A4E7A
     10.offset=46,14
     10.niceText=0
   }
   IFSUB < .NO
   IFSUB = 1
   IFSUB.4.file={$mainDir}/layout/{$colorDir}/Link5-no_sub.gif
   IFSUBRO < .NO
   IFSUBRO = 1
   IFSUBRO.4.file={$mainDir}/layout/{$colorDir}/Link5-act_sub.gif
   ACTIFSUB < .NO
   ACTIFSUB = 1
   ACTIFSUB.4.file={$mainDir}/layout/{$colorDir}/Link5-ro_sub.gif
   ACT < .NO
   ACT = 1
   ACT.4.file={$mainDir}/layout/{$colorDir}/Link5-ro_nosub.gif
   RO < .NO
   RO = 1
   RO.4.file={$mainDir}/layout/{$colorDir}/Link5-act_nosub.gif
}

More information about the TYPO3-english mailing list