Zum Inhalt springen

Hintergrundgrafik skalieren

Erstellt am 1. September 2006 · 1 Antwort · letzte Antwort am 1. September 2006

Tags: Bilder, Frage

d3395 ·

Hallo,

ich arbeite erst seit kurzem mit Typo3 und bin begeistert.
Allerdings stosse ich gerade eine scheinbar unüberwindbare Hürde.

Ich möchte ein Menü, wo rechts und links vom Text Rundungen sind. Das klappt auch schon ganz gut, jedoch habe ich ein Problem mit der Hntergrundgrafik, die hinterm Text den Bereich zwischen den Rundungen füllen soll. Wenn ich die Buttons mit statischer Breite mache funktioniert ja alles, aber wer will schon statische breiten #giggle# ?

Hier nun mal mein TS für das Menü:

		MENU = HMENU
		MENU.special = directory
		MENU.special.value = 2
		MENU.entryLevel = 1
		MENU.1 = GMENU
		MENU.1 {
		  NO {
		    XY = 100,27
		    #XY = [10.w]+20,27
		    backColor = #000000
		    transparentBackground = 0
		    transparentColor = #000000
		    
		    4 = IMAGE
		    4.file = fileadmin/images/navi_top_center.gif
		    4.file.width = 84
		    4.file.height = 27
		    4.offset = 8,0
		    #4.tile = 10
		    
		    5 = IMAGE
		    5.file = fileadmin/images/navi_top_left.gif
		    
		    6 = IMAGE
		    6.file = fileadmin/images/navi_top_right.gif
		    6.align = r
		    
		    10 = TEXT
		    10.text.field = title
		    10.fontColor = #ffffff
		    10.fontSize = 16
		    10.fontFile = fileadmin/fonts/verdana.ttf
		    10.antiAlias = 1
		    10.offset= 0,20
		    10.align = center
		  }
		}

Es geht um die Grafik der Ebene 4, welche genau 16 Pixel kleiner sein muss, als der gesamte Button [10.w]+20, also [10.w]+4. Aber ich bekomme das nicht hin!

Irgendwer eine Idee?

Gruß
d3395

d3395 ·

Okay, habe mit der Methode von hinten durch die Brust zumindest ein von mir gewünschtes Ergenbis erhalten.

Und hier mein etwas wirrer TS-Code:

		MENU.1 {
		  NO {
		    XY = [10.w]+26,27
		    backColor = #000000
		    transparentBackground = 0
		    transparentColor = #000000
		    
		    4 = IMAGE
		    4.file = GIFBUILDER
		    4.file {
			XY = [10.w]+10,27
			
			10 = TEXT
			10.text.field = title
			10.fontColor = #ffffff
			10.fontSize = 16
			10.fontFile = fileadmin/fonts/verdana.ttf
			10.antiAlias = 1
			10.offset= 0,20
			10.align = center
		    	
		    	20 = IMAGE
		    	20.file = fileadmin/images/navi_top_center.gif
		    	20.tile = 10
		    }
		    4.offset = 8,0
                    		    
		    5 = IMAGE
		    5.file = fileadmin/images/navi_top_left.gif
		    
		    6 = IMAGE
		    6.file = fileadmin/images/navi_top_right.gif
		    6.align = r
		    
		    10 = TEXT
		    10.text.field = title
		    10.fontColor = #ffffff
		    10.fontSize = 16
		    10.fontFile = fileadmin/fonts/verdana.ttf
		    10.antiAlias = 1
		    10.offset= 0,20
		    10.align = center
		  }
		}

Der wichtige Punkt ist die 4.Ebene!

Für weitere Verbesserungen bin ich immer zu haben.

Gruß
d3395