TYPO free

home

fighting for TYPO free code

graphical header

constants

  1.  
  2. # cat=lib.header/file; type=options[beach.skeleton.png,cube_boy.png,groene.bedstee.jpg,husk.jpg,headlight.sunset.png,jeanet.sunset.png,peppie.of.kokkie.jpg,stockholm.metro.jpg,wood.jpg]; label= Background image: Background image for the header
  3. headerImage = cube_boy.png
  4.  
  5. headerFont   = Share-Regular.ttf
  6.  
  7. # cat=lib.header/color/1; type=color; label= Dark color: This is the dark color for the word TYPO
  8. headerDarkColor   = #999999
  9. # cat=lib.header/color/2; type=color; label= Light color: This is the light color for the header texts
  10. headerLightColor  = #EEEEEE
  11. # cat=lib.header/color/3; type=color; label= Shadow color: This is the shadow color
  12. headerShadowColor = #000000
  13.  
  14. headerSlogan        = fighting for typo free code
  15. headerSloganXoffset = 717

setup

  1.  
  2. lib.newstitle = COA
  3. lib.newstitle {
  4.     wrap = |
  5.     10 = RECORDS
  6.     10 {
  7.         dontCheckPid = 1
  8.         tables = tt_news
  9.         source.data = GP:tx_ttnews|tt_news
  10.         source.insertData = 1
  11.         source.intval = 1
  12.         conf.tt_news = TEXT
  13.         conf.tt_news.field = title
  14.         conf.tt_news.required = 1
  15.     }
  16. }
  17.  
  18. /* testing snippets
  19.  
  20. lib.test = TEXT
  21. lib.test < lib.newstitle
  22.  
  23. lib.rootMenu.2 = RECORDS
  24. lib.rootMenu.2 {
  25.         tables = tt_news
  26.         source.data = GPvar:tx_ttnews|tt_news
  27.         conf.tt_news = TEXT
  28.         conf.tt_news.field = title
  29.         conf.tt_news.dataWrap = <li title="{field:short // field:title}">|</li>
  30.         conf.tt_news.htmlSpecialChars = 1
  31. }
  32.  
  33. */
  34.  
  35. lib.headerBaseImage = IMAGE
  36. lib.headerBaseImage {
  37.         file = GIFBUILDER
  38.         file {
  39.                 XY = 990,190
  40.                 format = png
  41.                 quality = 100
  42.                        
  43.                 10 = IMAGE
  44.                 10.file = {$imagePath}header/{$headerImage}
  45.  
  46.                 20 = TEXT
  47.                 20.text = TYPO
  48.                 20.offset = -80,52
  49.                 20.align = right
  50.                 20.niceText = 1
  51.                 20.fontSize = 32
  52.                 20.fontColor = {$headerDarkColor}
  53.                 20.fontFile = {$fontPath}{$headerFont}
  54.                 20.shadow.offset = 2,2
  55.                 20.shadow.blur = 14
  56.                 20.shadow.opacity = 70
  57.                 20.shadow.color = {$headerShadowColor}
  58.  
  59.                 30 = TEXT
  60.                 30.text = free
  61.                 30.offset = 918,52
  62.                 30.niceText = 1
  63.                 30.fontSize = 32
  64.                 30.fontColor = {$headerLightColor}
  65.                 30.fontFile = {$fontPath}{$headerFont}
  66.                 30.shadow.offset = 2,2
  67.                 30.shadow.blur = 14
  68.                 30.shadow.opacity = 70
  69.                 30.shadow.color = {$headerShadowColor}
  70.  
  71.                 40 = TEXT
  72.                 40.text = {$headerSlogan}
  73.                 40.offset = {$headerSloganXoffset},80
  74.                 40.niceText = 1
  75.                 40.fontSize = 24
  76.                 40.fontColor = {$headerLightColor}
  77.                 40.fontFile = {$fontPath}{$headerFont}
  78.                 40.shadow.offset = 2,2
  79.                 40.shadow.blur = 12
  80.                 40.shadow.opacity = 100
  81.                 40.shadow.color = {$headerShadowColor}
  82.         }
  83. }
  84.  
  85.  
  86. lib.headerImage = IMG_RESOURCE
  87. lib.headerImage {
  88.         file = GIFBUILDER
  89.         file {
  90.                 XY = 990,190
  91.                 format = jpg
  92.                 quality = 85
  93.                        
  94.                 10 = IMAGE
  95.                 10 < lib.headerBaseImage
  96.  
  97.                 50 = TEXT
  98.                 #50.text.data = register:newsKeywords
  99.                 #50.text.data = date:Y
  100.                 50.text.data = page:subtitle // page:title
  101.                 #50.text.cObject < lib.newstitle
  102.                 #50.text = register:newsKeywords
  103.                 50.offset = 20,165
  104.                 50.niceText = 1
  105.                 50.fontSize = 24
  106.                 50.fontColor = {$headerLightColor}
  107.                 50.fontFile = {$fontPath}{$headerFont}
  108.                 50.shadow.offset = 2,2
  109.                 50.shadow.blur = 12
  110.                 50.shadow.opacity = 100
  111.                 50.shadow.color = {$headerShadowColor}
  112.         }
  113. }
  114.  
  115.  
  116. #lib.HeadLine = TEXT
  117. #lib.HeadLine.dataWrap = {leveltitle: -2} - {page:title}
  118.  
  119. [globalVar = TSFE:id = {$newsArchive}]
  120.         lib.headerImage.file.50.text >
  121.         #lib.headerImage.file.50.text.data < DB:tt_news:12:title
  122. [global]
  123.  
  124.   // Nice news title header on the single view page
  125. [globalVar = TSFE:id = {$newsSingle}]
  126.         lib.headerImage.file.50.text.cObject < lib.newstitle
  127. [global]
  128.  
  129.  
  130. lib.description = TEXT
  131. lib.description.value = <div id="description" class="hide"><h1><img src="{$imagePath}TYPOfree.png" alt="{$title}" /></h1></div>
  132.  
  133.  
  134. lib.logo = TEXT
  135. lib.logo.value = <div id="logo" class="hide"><a href="/"><img src="{$imagePath}TYPOfree.small.png" alt="{$title}"/></a></div><div id="slogan" class="hide"><h2>{$slogan}</h2></div>
  136.  
  137.  
  138. lib.home = TEXT
  139. lib.home.value = <div id="home"><a href="/"><img src="{$imagePath}trance.gif" width="988" height="188" alt="home"/></a></div>
  140.  
  141.  
  142. lib.header = COA
  143. lib.header {
  144.         wrap=
  145.         1 = TEXT
  146.         1.value = <div id="headerWrap" style="background: top url(
  147.         5 = TEXT
  148.         5 < lib.headerImage
  149.         7 = TEXT
  150. !!.=)>
  151.         10 = TEXT
  152.         10 < lib.description
  153.         11 = TEXT
  154.         11 < lib.skip
  155.         12 = TEXT
  156.         12.value = <div class="header">
  157.         13 = TEXT
  158.         13 < lib.home
  159.         14 = TEXT
  160.         14 < lib.logo
  161.         15 = TEXT
  162.         15 < lib.nav-top
  163.         16 = TEXT
  164.         16.value = </div></div>
  165. }