[TYPO3-UG Denmark] Gifbuilder og wrap problem

Peter Klein peter at umloud.dk
Sat Apr 4 13:48:05 CEST 2009


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