[TYPO3-UG Denmark] Gifbuilder og wrap problem

klaus brinch klaus at mocsystems.com
Sat Apr 4 13:48:05 CEST 2009


Hej Peter

Det er netop det sidste jeg gør - sliding doors teknikken. det fungerer 
fint men man skal holde tungen lige i munden :-)

/Klaus

Peter Klein skrev:
> Hej Klaus.
> 
> Du skal jo også have genereret et rollover image, og det kan du gøre med 
> beforeImg/afterImg systemet.
> Eller også skal du lave et dobbelt image, og så shifte position via css, men 
> det er en del svære ;)
> 
> --
> Peter
> 
> 
> "klaus brinch" <klaus at mocsystems.com> wrote in message 
> news:mailman.1.1228333079.724.typo3-ug-denmark at lists.netfielders.de...
>> Hej Peter
>>
>> Heldigvis holder jeg mine rollovers i css - det er renere på den måde 
>> synes jeg selvom det kræver lidt .js for at få IE til at respektere :hover 
>> på andre elementer end a, så det skulle ike være noget prob men tak for 
>> heads up
>>
>> /Klaus, MOC Systems
>>
>> Peter Klein skrev:
>>> Hej Klaus.
>>>
>>> Husk, hvis du bruger stdWrap.cObject så kan du ikke lave rollovers effect 
>>> på dine billeder.
>>>
>>> Derfor er det bedre at bruge beforeImg/afterImg. (Hvis du har behov for 
>>> rollover effect på din menu) Og så slå det normale TMENU linkoutput fra 
>>> med:
>>>
>>>  doNotShowLink = 1
>>>
>>> --
>>> Peter Klein / Umloud Untd
>>>
>>>
>>>
>>> "klaus brinch" <klaus at mocsystems.com> wrote in message 
>>> news:mailman.1.1228230164.24500.typo3-ug-denmark at lists.netfielders.de...
>>>> Hej Peter
>>>>
>>>> Jeg fik det til at virke med Tmenu som du nævnte og lidt hjælp fra den 
>>>> engelske liste.
>>>>
>>>> lib.topnav = COA
>>>> lib.topnav {
>>>>
>>>>   10 = HMENU
>>>>   10.entryLevel = 0
>>>>   10.1 = TMENU
>>>>   10.1 {
>>>>
>>>>     noBlur = 1
>>>>     NO = 1
>>>>     NO {
>>>>
>>>>       allWrap = <div>|</div>
>>>>
>>>>       stdWrap.wrap = <q>|</q><span></span>
>>>>       stdWrap.cObject = IMAGE
>>>>       stdWrap.cObject.file = GIFBUILDER
>>>>       stdWrap.cObject.file {
>>>>
>>>>         transparentBackground = 1
>>>>         backColor = #cccccc
>>>>         XY = [10.w]+11,38
>>>>         10 = TEXT
>>>>         10.text.field = nav_title // title
>>>>         10.fontColor = #000000
>>>>         10.offset = 5,24
>>>>         10.fontFile = fileadmin/templates/main/fonts/FRUTLTP.TTF
>>>>         10.fontSize = 10
>>>>         10.niceText = 5
>>>>       }
>>>>     }
>>>>   }
>>>> }
>>>>
>>>> /Klaus, MOC Systems
>>>>
>>>> Peter Klein skrev:
>>>>> Hej Klaus.
>>>>>
>>>>> Her er et eksempel på hvordan jeg laver grafisk (GIFBUILDER) menu, ved
>>>>> brug af TMENU..
>>>>>
>>>>> Constants:
>>>>> -- cut --
>>>>> styles.menu.gfx1 {
>>>>>   maxChars = 100
>>>>>   fontSize = 17
>>>>>   fontFile = fileadmin/templates/fonts/ENGEL-RE.pfb
>>>>>   fontColor = #ffffff
>>>>>   fontOffset = 13,40
>>>>>   antiAlias = 0
>>>>>   niceText = 1
>>>>> }
>>>>> -- cut --
>>>>>
>>>>> Setup:
>>>>> -- cut --
>>>>> lib.topmenu = COA
>>>>> lib.topmenu {
>>>>>   10 = HMENU
>>>>>   10.1 = TMENU
>>>>>   10.1 {
>>>>>     wrap = <ul id="menutop">|</ul>
>>>>>     NO {
>>>>>       RO = 1
>>>>>       doNotShowLink = 1
>>>>>       beforeImg = GIFBUILDER
>>>>>       beforeImg {
>>>>>         XY = [10.w]+30,50
>>>>>         backColor = #762080
>>>>>         10 = TEXT
>>>>>         10.text.field = title
>>>>>         10.text.case = upper
>>>>>         10.fontSize = {$styles.menu.gfx1.fontSize}
>>>>>         10.fontFile = {$styles.menu.gfx1.fontFile}
>>>>>         10.fontColor = {$styles.menu.gfx1.fontColor}
>>>>>         10.offset = {$styles.menu.gfx1.fontOffset}
>>>>>         10.niceText = {$styles.menu.gfx1.niceText}
>>>>>         10.antiAlias = {$styles.menu.gfx1.antiAlias}
>>>>>         20 = BOX
>>>>>         20.dimensions = [10.w]+26,0,4,50
>>>>>         20.color = #ffffff
>>>>>       }
>>>>>       beforeROImg < .beforeImg
>>>>>       beforeROImg.backColor = #333333
>>>>>       beforeImgLink = 1
>>>>>     allWrap = <li>|</li>
>>>>>     }
>>>>>     ACT < .NO
>>>>>     ACT = 1
>>>>>     ACT.RO >
>>>>>     ACT.beforeImg.backColor = #333333
>>>>>     ACT.beforeROImg >
>>>>>     ACT.ATagParams = class="active"
>>>>>   }
>>>>> }
>>>>>
>>>>> -- cut --
>>>>>
>>>>> Jeg skulle hilse tilbage fra Jan  ;)
>>>>>
>>>>> --
>>>>> Peter Klein /Umlod Untd.
>>>>>
>>>>> On Tue, 02 Dec 2008 15:00:07 +0100, klaus brinch
>>>>> <klaus at mocsystems.com> wrote:
>>>>>
>>>>>> Hej Peter
>>>>>>
>>>>>> Det prøver jeg at kigge på - det var jeg ikke klar over. Hils Jan 
>>>>>> iøvrigt - vi har gået i skole sammen :-)
>>>>>>
>>>>>> Klaus MOC Systems
>>>>>>
>>>>>> Peter Klein skrev:
>>>>>>> Hej Klaus.
>>>>>>>
>>>>>>> Lav din menu som en TMENU, og ikke en GMENU.
>>>>>>> I TMENU kan du lave præcis de samme ting (GIFBUILDER) som med GMENU,
>>>>>>> ved f.eks. at bruge beforeImg.
>>>>>>>
>>>>>>> Fordelen med at bruge TMENU, er at du har meget bedre kontrol over
>>>>>>> ting som f.eks. wrapping.
>>>>>>>
>>>>>>> --
>>>>>>> Peter Klein / Umloud Untd
>>>>>>>
>>>>>>>
>>>>>>> On Tue, 02 Dec 2008 10:25:27 +0100, klaus brinch
>>>>>>> <klaus at mocsystems.com> wrote:
>>>>>>>
>>>>>>>> Hejsa
>>>>>>>>
>>>>>>>> Jeg er stødt ind i en lille udfordring som jeg ikke lige kan se en 
>>>>>>>> løsning på. Jeg skal have bygget følgende menu-item i Gifbuilder:
>>>>>>>>
>>>>>>>> <div><a href="#">min forside<span></span></a></div>
>>>>>>>>
>>>>>>>> Jeg har følgende i ming Typoscript:
>>>>>>>>
>>>>>>>> 10 = HMENU
>>>>>>>>   10.entryLevel = 0
>>>>>>>>   10.1 = GMENU
>>>>>>>>   10.1 {
>>>>>>>>
>>>>>>>>     noBlur = 1
>>>>>>>>     NO = 1
>>>>>>>>     NO {
>>>>>>>>
>>>>>>>>       transparentBackground = 1
>>>>>>>>       backColor = #cccccc
>>>>>>>>       XY = [10.w]+11,38
>>>>>>>>       10 = TEXT
>>>>>>>>       10.text.field = nav_title // title
>>>>>>>>       10.text.case = upper
>>>>>>>>       10.fontColor = #000000
>>>>>>>>       10.offset = 5,24
>>>>>>>>       10.fontFile = fileadmin/templates/main/fonts/FRUTLTP.TTF
>>>>>>>>       10.fontSize = 10
>>>>>>>>       10.niceText = 1
>>>>>>>>       allWrap = <div>|</div>
>>>>>>>>
>>>>>>>>     }
>>>>>>>>     ACT < .NO
>>>>>>>>     ACT {
>>>>>>>>
>>>>>>>>       20.file = 
>>>>>>>> fileadmin/templates/main/images/side_menu_arrow_green_down.gif
>>>>>>>>       20.offset = [10.w]+8,16
>>>>>>>>       backColor = #cccccc
>>>>>>>>       ATagParams = class="act"
>>>>>>>>       allWrap = <div>|<span></span></div>
>>>>>>>>       doNotLinkIt = 0
>>>>>>>>     }
>>>>>>>>   }
>>>>>>>> }
>>>>>>>> Det jeg ikke kan se er hvordan jeg kan få det tomme span-tag ind 
>>>>>>>> efter gifbuilder objectet inde i a-tagget. Nogen kloge hoveder der 
>>>>>>>> har et bud på den nød?
>>>>>>>>
>>>>>>>> Klaus, MocSystems
> 


More information about the TYPO3-UG-denmark mailing list