Snippet Menu ( Click here to hide )

 / Main / Snippets / GIFBUILDER / Multiple line text with GIFBUILDER


Multiple line page title with GIFBUILDER

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

This snippet uses the GIFBUILDER to generate a multiple line text (eg. Page title). To reach this listNum and splitChar are used. splitChar sets the string that is used to explode the text. With listNum we can access each part of the exploded string.

In this example the GIFBUILDER creates an image with a width of 400 , the height is ajusted as needed. To add a line break to the title just insert a | in the title. The character that is responsable for the linebreak in our GIFBUILDER object, can be changed through the splitChar.

 

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
}

 

More information can be found in TSREF

TSREF, stdWrap Funktionen listNum , splitChar



Comments


Chris, 19-03-09 15:42:
This is great. But doesn't the pipe (|) end up in the alt and title tag? Is there a good way to convert the pipe to a space for us in alt and title tags? I use this approach in a menu and the pipe also lands in the page title and sitemap...

Not a huge problem, but I'd love suggestions for resolving it.
alienlebarge, 11-08-09 15:19:
@Chris

use the abstract field.
heres is my code

--------------------------

# to use the abstract field add it in $TYPO3_CONF_VARS['FE']['addRootLineFields']
# it's in the install tool

lib.all.header.title = IMAGE
lib.all.header.title.file = GIFBUILDER
lib.vd09.all.header.title.file {
XY = 300,150
backColor = #ffffff

10 = TEXT
10 {
text.data = fullRootLine:2, abstract, slide
text.listNum.splitChar=|
text.listNum=0

fontColor = #000000
align = right
wordSpacing = 2
fontSize = 25
fontFile = fileadmin/templates/library/fonts/myfont.ttf
offset = 0,80
}

#second line
20 < .10
20.text.listNum = 1
20.offset = 0,110

#third line
30 < .10
30.text.listNum = 2
30.offset = 0,140
}


have fun ;)
www.alienlebarge.ch

Add comment

* - required field

*



*
*

Top 10 Updates

Nice fonts using Google font API geändert am  20-May-2010 16:36:47
TS-based Searchbox for Indexed Search  geändert am  18-May-2010 18:27:15
TYPO3 SEO geändert am  30-Apr-2010 09:44:22
Search engine friendly graphical headers in TYPO3 geändert am  30-Apr-2010 09:33:44
Creating a simple Infocenter using TYPO3 geändert am  17-Nov-2009 12:12:52
Making the Section Menu work correctly with TemplaVoila geändert am  05-May-2009 12:27:17
Show pages with type "Not in Menu" in a sitemap geändert am  05-May-2009 12:11:17
Implementation of the DHTML menu from brainjar.com  geändert am  01-Feb-2009 14:02:48
Sample DHTML menu geändert am  01-Feb-2009 13:51:25
A introduction to the CONTENT object geändert am  26-Jan-2009 13:20:39

Latest comments

21-Jan-2012 20:22:24
jemmkwc jemmkwc schrieb: MOGWOX , [url=http://prdpuhwzxyrc.com/]prdpuhwzxyrc[/url],...
fe_useradmin form does not save
20-Jan-2012 20:35:32
fsivjktiuld fsivjktiuld schrieb: idCmnv <a href="http://gakbrrkrxhye.com/">gakbrrkrxhye</a>
fe_useradmin form does not save
19-Jan-2012 18:05:25
bvffee bvffee schrieb: jl2vQt , [url=http://xcinvpbclrbm.com/]xcinvpbclrbm[/url],...
External links and shortcuts directly in the menu
Deutsch
Search: