[TYPO3] Problem with CSS in TS

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

Andreas Balzer schrieb:
> Andreas Balzer schrieb:
>> 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
>> }
>>
> problem 2 solved .. written header instead of headerData
> But it does not write the style tag.. Tried it with Text as bla = TEXT 
> too, but it did not succeed.. What do i do wrong?
sry for tripple post :)
I made a mistake in my numbers.. i used "10" instead of "100"..

More information about the TYPO3-english mailing list