Snippet Menu ( Click here to hide )

 / typo3wizard.com / Snippets / GIFBUILDER / Mehrzeiliger Text im GIFBUILDER


Mehrzeiliger Seitentitel mit GIFBUILDER

Submitting your vote...
Rating: 4.0 of 5. 7 vote(s).
Click the rating bar to rate this item.

Bei diesem Snippet wird der GIFBUILDER dazu verwendet, eine Grafik zu generieren in der ein mehrzeiliger Text (z.B. Seitentitel) angezeigt wird. Um dies zu erreichen werden listNum und splitChar verwendet. Mit splitChar kann man angeben welches Zeichen (oder Zeichenkette) verwendet werden soll, um den String zerteilen. Mit listNum kann man dann auf die einzelnen Teile des zerteilten Strings zugreifen.

Hier erstellt der GIFBUILDER ein Bild mit der festen Breite 400, die Höhe ist an die Anzahl der Zeilen eingepasst. Folgendes Beispiel ermöglicht das Darstellen eines Seitentitels mit maximal 4 Zeilen. Um in den Seitentitel einen Zeilenumbruch einzufügen, muss man nur ein | in den Titel einfügen. Das Zeichen, das den Zeilenumbruch im GIFBUILDER veranlasst, kann ganz einfach über das splitChar angepasst werden.

 

lib.getPageTitle = IMAGE
lib.getPageTitle.altText.field = title
lib.getPageTitle.file = GIFBUILDER
lib.getPageTitle.file { 	
  XY = 400,[10.h]+[20.h]+[30.h]+[40.h]+20
  10 = TEXT
  10.text.field = title
  10.text.listNum.splitChar=|
  10.text.listNum=0
  10.fontSize=24
  10.fontColor=  #333333	
  10.offset=0,24
  10.niceText=1 
  20 < .10
  20.text.listNum=1
  20.offset=0,24+[10.h]+6
  30 < .10
  30.text.listNum=2
  30.offset=0,24+[10.h]+[20.h]+12
  40 < .10
  40.text.listNum=3
  40.offset=0,24+[10.h]+[20.h]+[30.h]+18
}

 

Mehr Informationen gibs in der TSREF

TSREF, stdWrap Funktionen listNum , splitChar



Comments


Vikal, 07-02-06 13:53:
script is cool. gibts auch noch die möglichkeit, wenn im text ein link drinnen ist den auch anzuzeigen und zu verlinken???

gurß
Nevyn, 09-02-06 08:41:
Hab zu erst falsch gelesen. Ob das mit dem Link funktioniert müsste ich mir ansehen. Die schwierigkeit besteht glaub ich darin zu erkennen ob es sich um einen link handelt oder nicht.
Eine einfachere alternative wäre evtl den link in den Untertitel zu schreiben und den zu verlinken falls dieser nicht leer ist.
Wenn du interesse hast kann ich das script dementsprechend ändern
Grüße Helmuth
Greeneye, 27-04-06 14:37:
Hallo. Hab das script ausprobiert - 1 zu 1 kopiert. Leider wird der Schrifttext sobald im Titel das Trennzeichen enthalten ist ausgebelendet. Weiß jemand Rat ?
AM, 14-07-06 12:25:
hallo. der script ist nett, aber wenn mann ins titel der | char eingibt, wirt man das ins sitemap und seiten titel sehen. die lohsung dafur ist das titel normal zu lassen und das subtitel mit der | trennung einzugeben. dann das code "10.text.field = subtitle // title" benutzen, so das wenn man ein subtitel hatt, nehmt das GMENU die value davon, anstatt der titel. gruss.
Fluffy, 01-02-07 16:07:
Fuer Editoren, denen ein Splitchar zu kompliziert ist, kann man auch bei Leerzeichen splitten und jedes Wort einzeln im Gifbuilder rendern:

temp.firstheader = COA
temp.firstheader {
10 = IMAGE
10 {
alttext.field = header
file = GIFBUILDER
file {
XY = [10.w],18
backColor = white

10 = TEXT
10 {
text.field = header
text.current = 1
text.listNum.splitChar = 32
text.listNum = 0
text.required = 1
text.noTrimWrap =|| |
offset = 0,14
align = left
fontSize = {$header_fontsize}
fontFile = {$header_font}
fontColor = {$header_color}
niceText = 1
doNotStripHTML = 1
.setCurrent.htmlSpecialChars = 0.htmlSpecialChars = -1
}
}
if.isTrue.field = header
if.isTrue.listNum = 0
if.isTrue.listNum.splitChar = 32
}

20 < .10
20.file.10.text.listNum = 1
20.if.isTrue.listNum = 1
30 < .10
30.file.10.text.listNum = 2
30.if.isTrue.listNum = 2
40 < .10
40.file.10.text.listNum = 3
40.if.isTrue.listNum = 3
...
..
.
(soviele Woerter wie man braucht...)
}
tgr, 22-05-07 18:10:
@Fluffy Cloud

suuuuper extremst vielen dank! hat sehr geholfen...
Mischa, 17-11-08 13:59:
Wer TemplaVoilá verwendet, sollte statt

10.text.field = subtitle // title

folgendes verwenden:

10.text.data = page:subtitle // page:title
Vincent, 08-04-11 14:33:
Um gleichmässige Zeilenabstände zu erzeugen kann man sich nicht auf die Höhen der erzeugten Texte verlassen, da sie je nach benutzten Buschtaben variieren.

Das Problem ist dann die gebrauchte Höhe zu ermitteln. Ich habe es mit Hilfe verstecken Elemente mit fontSize=1 wie folgt hingekriegt:

tempHeader = IMAGE
tempHeader {
altText.field = header
stdWrap.wrap = <h2>|</h2>
file = GIFBUILDER
file {
XY = 800,([15.h]+[25.h]+[35.h]+[45.h])*12
backColor = #ffffff
10 = TEXT
10 {
text.current = 1
text.listNum.splitChar=|
text.listNum=0
fontSize = 18
fontFile = fileadmin/layout/c063006t.ttf
fontColor = #005da8
offset = 0,18
niceText = 1
niceText.scaleFactor = 20
}

20 < .10
20.text.listNum=1
20.offset=0,42
30 < .10
30.text.listNum=2
30.offset=0,66
40 < .10
40.text.listNum=3
40.offset=0,90
15 < .10
15.fontSize = 1
15.hide = 1
25 < .20
25.fontSize = 1
25.hide = 1
35 < .30
35.fontSize = 1
35.hide = 1
45 < .40
45.fontSize = 1
45.hide = 1
}
}
kaihear, 22-11-11 19:23:
Hallo, hilfreiches Script, leider aber habe ich das Problem bei rechtsbündigen Menüs, daß nach Zeilenumbruch alles links sitzt. Wie ist das zu ändern?
Florian, 26-12-11 14:17:
Das Problem, dass die Überschrift doppelt auftritt rührte bei mir daher, dass ich nicht im nächsten PageTemplate den Code eingefügt habe. Auch wenn der Code vererbt wurde führte das zu doppelten Überschriften.
In meiner Typo3 Version 4.5.3 funktioniert allerdings das Überschreiben der Bezeichnungen nicht, aber dafür gibt es andere Methoden falls man es unbedingt braucht.
Vielen Dank!

Add comment

* - required field

*



*
*

Top 10 Updates

Login geändert am  09-Sep-2010 11:31:35
Schöne Schriften mit Google Font API geändert am  20-May-2010 16:36:59
TS basierte Searchbox für Indexed Search geändert am  18-May-2010 18:26:54
TYPO3 SEO geändert am  30-Apr-2010 09:43:20
Suchmaschinenfreundliche grafische Überschriften in TYPO3 geändert am  30-Apr-2010 09:33:56
Erstellen eines einfachen Infocenters mit TYPO3  geändert am  17-Nov-2009 12:11:22
Funktionierendes Section Menu mit TemplaVoila geändert am  05-May-2009 12:42:40
"Nicht im Menü" in Sitemap anzeigen geändert am  05-May-2009 12:12:24
Implementation des DHTML Menüs von brainjar.com  geändert am  01-Feb-2009 14:01:36
Beispiel DHTML Menü geändert am  01-Feb-2009 13:47:38

Latest comments

18-Jan-2012 11:03:20
cjjgeb cjjgeb schrieb: qUWC8M <a href="http://yviwfgyvopxz.com/">yviwfgyvopxz</a>
Typolink
18-Jan-2012 05:39:25
Melia Melia schrieb: Stands back from the kybeoard in amazement! Thanks!
Typolink
02-Jan-2012 22:48:33
Dietmar schrieb: Doch, genau das soll es doch sein. Sonst könntest Du ja die Seiten in der Vorschau nicht...
Eigenes vhost für das TYPO3 Backend
English
Suche: