Wenn Sie von unseren Extensions, Tipps und (Online-)Hilfen in Ihren Projekten profitieren konnten und das Gefühl haben, sich dafür erkenntlich zeigen zu wollen, dann dürfen Sie uns gerne für unsere Leistungen eine kleine Spende zukommen lassen. Klicken Sie einfach auf den u.a. Button

19.12.2008

Grafische Überschrift

... dynamisch erstellen per Typoscript

Mit folgendem Typoscript-Code können Sie eine grafische Überschrift in beliebigem Schrift-Font erstellen.

Die grafische Überschrift auf dieser Seite entspricht nicht dem u.a. TrueType-Font "scramble.ttf"; scramble erzeugt Tastatur-Symbole.

temp.header_grafik = COA
temp.header_grafik {
  10 = IMG_RESOURCE
  10.file = GIFBUILDER
  10.file {
    XY = [10.w]+[20.w]+23,[10.h]+10
    format = gif
    backColor = #F7F7EE
    transparentBackground = 1
    transparentColor = #F7F7EE
    10 = TEXT
    10 {
      text.current = 1
      fontSize = 24
      fontFile = fileadmin/fonts/scramble.ttf
      offset = 5,20
      fontColor = #000000
      emboss.offset = 2,2
      emboss.blur = 30
      emboss.opacity = 60
      emboss.intensity = 100
      emboss.lowColor = #BBE485
      emboss.highColor = #BBE485
    }
  }
  10.stdWrap {
    wrap = <h5 style="background: transparent url('|') no-repeat;">
    append = TEXT
    append {
      current = 1
      wrap = |</h5>
    }
  }
}
lib.stdheader.10.5 < temp.header_grafik

Ein dazu passender CSS-Eintrag:

h5 {
   height: 25px;
   text-indent: -9999em;
   width: auto;
   background-position: left top;
}



Geben Sie Ihren Kommentar ab, wenn Sie möchten:

Keine Kommentare

Kommentar hinzufügen

Es wäre nett, wenn Sie uns sagen würden, wie Sie auf diese Seite gekommen sind.

Mit * markierte Felder sind Pflichtfelder und müssen eingegeben werden!

*
*



*