Ich habe folgendes Problem:
Um abgerundete Navi Buttons machen zu können, die sich trotzdem in der Breite anpassen, muss ich den Button in 3 Teile zerlegen, damit der mittlere expandieren kann und die Ränder rechts und links gleich belieben.
Menu setup, und Mittelteil des Buttons sind kein Problem, nur weiss einer vielleicht wie man die beiden Randelemente in den Button integrieren kann ?
Gruß
oli
Habe das Problem gelöst, falls es interessiert hier der Code:
marks.MENUE2 = HMENU
marks.MENUE2.entryLevel = 1
marks.MENUE2.1 = GMENU
marks.MENUE2.1.NO {
XY = [10.w]+20,20
backColor = red
4 = IMAGE
4.file = fileadmin/template/main/Bilder/button_02.jpg
4.tile = 10
5 = IMAGE
5.file = fileadmin/template/main/Bilder/button_01.jpg
6 = IMAGE
6.file = fileadmin/template/main/Bilder/button_03.jpg
6.align = r
10 = TEXT
10.text.field = title
10.offset = 0,13
10.align = center
10.niceText = 1
}
Hallo,
ich versuche grade genau dasselbe.
Links und rechts sind Stücke um den Button abzurunden, und in der Mitte soll eine Grafik dahinterliegen, die sich streckt je nachdem wielang der Title ist.
Dein Lösungsansatz sieht bei mir etwas zerstückelt aus ...
Bei meinem versuche ich die Stücke mittels allWrap zu positionieren, nur leider bin ich noch am austüfteln wie ich die Mittelgrafik gestreckt hinter den generierten Text bekomme.
Evtl hat hier jemand etwas Inspiration für mich?
Leider kann ich im Mittelteil nicht einfach eine Farbe hinterlegen, da der Button oben und unten eine Linie hat. Eine kleine Minitabelle darum zu basteln halte ich etwas zuviel des Guten, es muss doch eine einfache Lösung geben, auf die ich nur grad nicht komme?
marks.KONTAKTBT = HMENU
marks.KONTAKTBT.special = list
marks.KONTAKTBT.special.value = 2
marks.KONTAKTBT.1 = GMENU
marks.KONTAKTBT.1.NO {
allWrap = <img src="fileadmin/images/nav_m_left.gif" width="11" height="31" alt="" />|<img src="fileadmin/images/nav_m_right.gif" width="10" height="31" alt="" />
5 = IMAGE
5.file = fileadmin/images/nav_m_backgr.gif
10 = TEXT
XY = [10.w]+30 , 31
10.text.field = title
10.fontFile = fileadmin/gil_sans.ttf
10.fontSize = 18
10.fontColor = #FFFFFF
10.offset = 4,18
10.niceText = 1
}
LG
Andreas
Also, meine Lösung funktioniert auch.
Ich musste lediglich das Image nav_m_backgr.gif sehr breit machen, typo3 macht es dann von selber kleiner in der Breite.
Danke an molari für den Hinweis 🙂
Hallo,
ne super Lösung habt Ihr da gefunden. Ich habe nun aber ein zusätzliches Problem 🙁
Beim Roll Over verändern sich ALLE Bilder und der Text ich habe es bisher nicht geschafft, ein Rollover zu basteln bei dem alle 3 Bilder ausgetauscht und der Text in einer anderen Farbe erscheinen.
Habt Ihr vielleicht einen Lösungsansatz für mich`?
Danke schonmal
Zino
hier mein Versuch: das Ergebnis ist ein Rolover, der ein weisses Bild ohne Inhalt zeigt. Der Wrap wird erst beim ACT Zustand erneuert 🙁
temp.menu_1.1 = GMENU
temp.menu_1.1.NO {
allWrap = <img src="fileadmin/template_img/gmenu/gm_left.gif" width="3" height="7" alt="" />|<img src="fileadmin/template_img/gmenu/gm_right.gif" width="3" height="7" alt="" />
5 = IMAGE
5.file = fileadmin/template_img/gmenu/gm_center.gif
10 = TEXT
XY = [10.w]+18,26
10.text.field = title
#10.fontFile = fileadmin/gil_sans.ttf
10.fontSize = 10
10.fontColor = #8F8F8F
10.offset = 0,13
10.align = left
transparentBackground = 1
}
temp.menu_1.1.ACT < .NO
temp.menu_1.1.ACT = 1
temp.menu_1.1.ACT {
allWrap = <img src="fileadmin/template_img/gmenu/gm_left_on.gif" width="3" height="7" alt="" />|<img src="fileadmin/template_img/gmenu/gm_right_on.gif" width="3" height="7" alt="" />
5.file = fileadmin/template_img/gmenu/gm_center_on.gif
10.fontColor = #000000
}
temp.menu_1.1.RO < .NO
temp.menu_1.1.RO = 1
temp.menu_1.1.RO {
allWrap = <img src="fileadmin/template_img/gmenu/gm_left_on.gif" width="3" height="7" alt="" />|<img src="fileadmin/template_img/gmenu/gm_right_on.gif" width="3" height="7" alt="" />
5.file = fileadmin/template_img/gmenu/gm_center_on.gif
10.fontColor = #000000
}
Hänge immernoch bei diesem Problem wäre super, wenn jemand eine Idee hat !!
Grüße
Zino
Hallo
Ich hatte ein änliches Anliegen in den letzen Tagen
sieh #38851
Bin dabei völlig ohne "wrap" augekommen.
@Zino
es sollte bei meiner Lösung möglich sein alle Parameter (Reitergrafiken, Schriftart und Farbe) zu ändern. Schau es die mal an.
Gruß
Kulli
Danke Für Deine Antwort!
Eine ähnliche Lösung hatte Molari gepostet das Problem, welches sich hierbei ergibt ist die feste Breite der Schaltflächen 🙁. Das Bild in der Mitte hat ja leider eine fixe breite - wenn der Text länger wird, dann ist das mittlere Bild zu kurz und andersherum zu lang. Ich stecke da echt in einer Sackgasse irgendwie 🙁
Gruß!
